初识Vaadin Flow

我当了两年多的Java程序员，一直在做Java后端开发(Springboot)，还没做过什么前端开发，三个月前逛知乎的时候，看到一篇文章说纯Java语言也可以写前端。那文章里就提到了包括Vaadin在内的几种用纯Java做前端开发的方法。经过对比后，我觉得还是Vaadin Flow最符合我的要求，因为：

1、它拥有"所见即所得"界面编辑器（收费）

2、无需了解HTML , JavaScript , CSS

3、只需要一个Jar程序包即可同时启动前端和后端（它在内部自动进行前后端分离）

4、无需专门的前端服务器（例如Nginx）

5、内置常用的几种页面布局和组件（包括App布局，AppLayout）

6、无需配置跨域

Vaadin Flow的官网：https://vaadin.com/flow

现在讲讲 Vaadin Flow 的前后端分离：

Vaadin Flow 需要用 Springboot 来启动，如果是初次启动，它会自动下载一个定制版的nodejs和前端组件，请耐心等待5~10分钟，那个定制的nodejs不需要你手动配置。以后，当那个定制版的nodejs有更新时，在Springboot启动后，会自动下载并安装这些更新，同样无需人工干预。

等到 Vaadin Flow 完全启动后，打开浏览器，在地址栏中输入你的 Springboot 项目网址（默认是 localhost:8080）并回车，就可以看到效果了。这时你看到的页面是用它那个定制版的nodejs显示的。

页面加载完毕后，它会通过WebSocket和后端建立连接。你在前端的所有操作（点击、拖拽、滚轮、键盘输入）都会被发送到服务端，在服务端你可以自定义Java代码来实现各种操作，而且这些操作全部是AJAX的（换言之，就是说也可以做成像 Vue 那样的单页面程序）。

可以去 https://start.vaadin.com/app/ Bootstrap 一个 Vaadin Flow 程序看看效果。

在bilibili上关注我，获得更多Java视频教程和其他好玩的东西：https://space.bilibili.com/376226028