启动项目
创建并运行您的第一个 Vaadin 应用程序。
启动一个新的 Vaadin 项目的最简单方式,是通过 Vaadin Start 生成一个*行走骨架*。
行走骨架是一个最小化的应用程序,演示了所有构建模块如何交互——从 UI 到数据库。它包含三种类型的元素:可用于生产的功能、用于演示的示例(理解后应删除)、以及*空占位符*。其目的是在早期验证软件架构,同时提供可参考的实现模式。
您可以通过保留可用于生产的功能、学习并替换演示示例、以及用实际实现填补占位符,来构建您的应用程序。
|
Tip
| 许多应用开发指南都包含自带行走骨架的小型教程,随后指导您逐步为其添加新功能。 |
您将 稍后看到一份 Vaadin 行走骨架的详细演示。
生成骨架
生成器会询问一些基本信息,比如 Maven 的 groupId 和 artifactId。这些字段已预填,只有在需要时才需修改。
接下来,请为您的用户界面选择 Flow 或 Hilla:
-
如偏向使用 Java 实现界面,请选择 Flow。
-
如偏向使用 React 和 TypeScript,请选择 Hilla。
在同一个应用中可以混合使用 Flow 和 Hilla。然而,大多数项目通常只使用一种。选择依据您的团队技能和项目功能需求而定。
|
Tip
| 若需创建一个空项目,请两个选项均不勾选。 |
单击 Download 按钮,下载包含新项目的 zip 文件。
尝试运行
下载项目后,将其解压到您选择的目录中。
启动应用程序
在项目目录下打开终端,运行以下命令:
Source code
Terminal
./mvnwTerminal
PowerShell
PowerShell
首次启动可能需要一些时间,因为 Maven 和 npm 会下载所需依赖项。初始化完成后,应用程序将可通过 http://localhost:8080 访问。
|
Tip
|
您处于代理环境吗?
Vaadin 在构建过程中会使用 Node.js 下载前端工具链。如果您处于代理环境,可能需要为 Node 进行代理设置。详情请参阅 Flow 参考 指南。
|