ThinkPet

vaadin flow官方提供的UI组件文档地址是https://vaadin.com/docs/latest/components

如图所示，vaadinflow工程的项目结构与传统maven工程有一个不同点就是，在src/main下有3个平级目录frontend、java和resources；首先，当你从vaadin官方提供的start网站创建并下载到本地一个vaadinflow工程，这个工程代码里就已经包含了src/main/frontend/themes目录、src/main/frontend/index.html文件、src/main/java目录、src/main/resources目录在工程的启动类中会有如下的默

温馨提示，本文讲解比较精炼，主要以快速上手开发为主。官方提供了与本文类似的教程讲解，地址https://vaadin.com/docs/latest/getting-startedhttps://start.vaadin.com/appDrawer是企业级常见的admin系统项目布局；Tabs是适用于PC和手机/pad等设备的PWA项目布局;None是自定义布局；这里demo演示我选择Drawer布局。可以自定义maven工程的artifact ID和groupID，目前项目最低需要jdk17

Vaadin Flow是一个允许开发人员完全用Java编写Web应用程序的框架。与编写HTML、CSS和JavaScript不同，用户界面是由Java中的UI组件构建的–类似于Swing和JavaFX。HTML代码、CSS样式表和JavaBean仍然存在，并且在需要时可以访问：它们被抽象在一个丰富的Java API后面。Flow充当浏览器中HTML元素的远程控制。这些HTML元素可以是简单的div元素，也可以是更复杂的元素，如vaadin-grid Web组件。流控制属性、特性及其子项。

Vaadin的官网地址是https://vaadin.com/Vaadin 是一种现代化全栈平台开发技术；Vaadin是一款使用Apache V2 许可协议的开源产品，它由位于芬兰的 IT Mill公司开发。其前身是 IT Mill 公司由2000年起开始研发的 Millstone用户界面类库。