Vaadin Framework Java

在 Java 中，Vaadin 框架是一个用于开发 Web 应用程序的开源框架。我们可以使用 JavaScript 和 AJAX，因为它同时支持这两种技术。通过使用 Google Web Toolkit，我们可以集成外部功能。Vaadin 框架无需任何标记文件即可在浏览器中渲染丰富的数据，因此可以为开发人员节省时间。使用 Vaadin 框架，借助 Java 的特性，我们可以创建前端。通过使用 Vaadin 框架，开发人员可以使用 Java 编程语言编写用户界面，而无需客户端 Web 技术。

Vaadin 框架的架构

在设置环境之前，让我们先了解 Vaadin 框架的架构。Vaadin 框架提供了两个模块来开发网站。第一个模块用于服务器端，第二个模块用于客户端。

给出的图定义了 Vaadin 框架的整个运行时环境。

为了使用 Vaadin 框架，我们应该了解以下几点：

• Vaadin 框架的客户端引擎用于渲染用户操作或输出。
• 服务器端处理基于业务的部分，接收基于事件的请求并为客户端生成响应。两个级别之间的通信通过 HTTP 协议进行。
• Vaadin 框架使用了 GWT，因此 Vaadin 应用程序的输出渲染速度更快，并且提高了可扩展性。因此，Vaadin 框架的可扩展性高于传统的基于 JavaScript 的应用程序。
• 由于使用了 JSON，Vaadin 比基于 XML 的应用程序运行得更快。
• 可以使用独立的组件（如 CSS 和主题）来提供出色的客户侧反馈。
• 为了连接和操作数据，Vaadin 框架具有数据绑定模块，提供 API。

设置环境

为了使用 Vaadin，我们首先需要设置框架，为此，我们使用以下步骤：

步骤 1

我们的本地开发环境应安装 JDK 8 或更高版本，因为 Vaadin 使用 JVM。我们设置 JAVA 的环境变量以使其正常工作。要在 Windows 操作系统中检查 JDK 8 是否已正确安装，请在命令提示符中运行 java-version。如果输出显示 Java 版本，则表示 JDK 已成功安装在系统中。

步骤 2

在下一步中，我们安装在线可用的 IDE。我们可以为 Vaadin 框架使用以下 IDE：

1. Netbean
2. Eclipse
3. Intellij

我们必须确保使用的 IDE 是最新版本。

步骤 3

作为应用程序服务器，我们使用 Tomcat。我们将在系统中配置 Tomcat 服务器以使用 Vaadin。如果我们安装了最新版本的 Netbean，则无需安装 Apache Tomcat，因为 Netbean 会自动安装在我们的系统中。如果我们使用 Eclipse 或 Intellij，则应从其官方网站（即 https://tomcat.net.cn/）安装 Apache Tomcat。

步骤 4

对于我们的应用程序，互联网浏览器将充当客户端。因此，我们可以使用任何现代互联网浏览器，如 Chrome、Safari 等。

步骤 5

最后，我们配置 Eclipse。我们在 eclipse marketplace 的搜索栏中输入 Vaadin。我们通过单击如下所示的安装按钮进行安装。

创建第一个应用程序

让我们通过一个例子来理解如何使用 Vaadin 框架创建 Web 应用程序。

我们使用以下步骤使用 Eclipse IDE 创建第一个 Vaadin 应用程序：

1) 我们首先转到 **文件** 菜单，然后单击 **新建**，然后单击 **其他**，如下所示：

2) 现在，在搜索栏中输入 Vaadin。选择 **Vaadin 8 project**，然后单击 **下一步**

3) 单击 **下一步** 按钮后，将打开一个新窗口，其中包含四个选项：**Single-module Application Project、Multi-module Application Project、Add-on Project** 和 **CRUD Example**。选择最适合您的选项，然后进入下一步。

4) 单击 **下一步** 按钮后，将打开一个新窗口，用于提供 Group 和 Artifact ID。填写所有必需字段后，我们单击 **完成** 按钮。完成按钮将完成项目，Eclipse 为我们创建 Vaadin。

创建应用程序需要一些时间，因为它需要配置设置。

5) 现在，我们转到自动化的 Vaadin 项目的目录结构，如下所示：

6) 我们的第一个 Vaadin 应用程序已准备好运行。我们在任何应用程序服务器上运行项目。在服务器上运行应用程序后，我们将看到如下所示的输出：

7) 在文本框中输入任何值，然后单击 Show Data 按钮。此单击操作将在按钮下方的文本框中显示该值。

Vaadin 框架的优缺点

以下是 Vaadin 框架的优点和缺点：

优点

Vaadin 框架为开发人员提供了以下优点：

提供多种选择

与传统的 Web 技术相比，Vaadin 框架提供了许多布局、组件和不同的侦听器，使其更受欢迎。

服务器端编程

为了构建或开发网页，无需使用标记语言。Vaadin 框架是使用 Java 开发或构建的，该框架本身通过 Google Web Toolkit 提供所有支持。

面向对象

Vaadin 框架完全基于 Java，即完全面向对象编程语言。由于面向对象的行为，开发人员可以轻松开发网站。开发人员应了解 Vaadin 类的用法。

易于学习和集成

Vaadin 框架并不那么难理解，并且可以轻松地与其他框架集成。Vaadin 框架为开发人员提供插件支持。

缺点

Vaadin 框架为开发人员提供了以下缺点：

难以找到熟练人员

Vaadin 框架是一项新技术，因此对熟练人员的需求一直很高，而且他们可能很昂贵。要找到能够用 Vaadin 解决复杂问题的资源非常困难。

JavaScript 文件的大小

动态 JavaScript 的大小取决于可以增大或减小的上下文。需要更大的服务器来维护其在互联网上的可访问性。

没有花哨的用户界面

Vaadin 框架无法设计花哨的用户界面，因为它专注于业务。

可扩展性

与其他技术相比，Vaadin 框架的可扩展性较低。