如何用Java实现Web GUI?用Java实现Web GUI方法分享!

饕餮少女 2021-09-26 15:21:48 浏览数 (38)
反馈

JavaScript 世界提供了有用且有趣的 Web 框架,这是毫无疑问的。对于 Java 开发人员,有一个有趣的替代方案——开源Vaadin框架。有了它,您可以仅使用 Java 编程语言轻松地为 Web实现图形用户界面(GUI)。无需编写一行 HTML 或 JavaScript。一张图片胜过千言万语:

瓦丁

Vaadin 如何工作?

在上一个屏幕截图中,您可以在左侧看到一个 Java 类。此代码在服务器上运行,例如 Apache Tomcat、Eclipse Jetty 或任何其他 servlet 容器。

您可以使用框架提供的 API 来创建用户界面 (UI)组件,例如文本字段、组合框、数据网格、日期选择器、上传字段等。您可以组合这些组件来构建视图(也称为页面或 UI),使用布局垂直、水平放置 UI 组件,或使用 CSS 以任何自定义方式放置 UI 组件。

在前面的示例中,我们创建了 aTextField并且 aButton都添加到了 a 中VerticalLayout。视图准备就绪后,您可以使用@Route注释通过 URL 公开它。在这个例子中,我们在将其提供的http://本地主机:8080 /你好用@Route("hello")。

Vaadin 应用程序是一个 Java Web 应用程序。该框架提供了一个为您处理 HTTP 请求和响应的Servlet实现 ( VaadinServlet)。该 servlet 扫描标有@Route注释的 Java 类以在浏览器中显示正确的视图。第一次请求 Vaadin 应用程序时,Vaadin 使用一个轻量级 JavaScript 文件作为客户端引擎进行响应。该引擎负责处理浏览器中的事件并以 JSON 消息的形式将它们发送到服务器。该VaadinServlet处理的请求和JSON响应同样返回给客户端引擎。引擎然后根据此消息更新页面中需要更新的元素(如果有)。

如果客户端-服务器通信是对话,它看起来像这样:
(用户单击浏览器中的按钮)
客户端引擎:嘿 VaadinServlet,用户单击了 ID 为 5 的按钮。
VaadinServlet:当然。让我检查一下那个按钮上是否有任何点击侦听器......是的,有一个,让我们执行侦听器......完成。好的客户端引擎,似乎侦听器想要添加带有“感谢点击”文本的通知。
客户端引擎:我将使用浏览器中的 DOM 将通知添加到页面。

那么上面这个对话当然是一种简化,但是你需要去明白了这个面的相关原理。

在幕后,Vaadin 使用 HTTP 会话来存储组件树。这包含 UI 的状态。诸如哪些组件构成视图以及它们的状态是什么(启用/禁用、标题、值等)。这提供了一个值得一提的安全层。由于 UI 逻辑驻留在服务器中,因此不会暴露给攻击者。验证在服务器上执行。例如,如果 aButton被禁用(使用setEnabled(false)),这不仅仅是浏览器中的装饰功能——服务器不会在添加到未启用按钮的点击侦听器中运行任何逻辑,从而防止攻击者使用开发人员工具浏览器更改启用状态或调用VaadinServlet以模拟单击事件。

Vaadin 可以免费使用吗?

是的。Vaadin 是在Apache License 2.0下发布的开源框架。您无需购买任何东西即可使用它构建成熟的 Web 应用程序。

有一些商业组件可以提高生产力,但它们是可选的。例如,有一个可视化设计器和一个 CRUD 组件可以帮助您更快地构建视图。您可以在订阅前免费试用这些组件。

Vaadin 是 JSP 和 JSF 的替代品吗?

是的。它可以用作 JSP、JSF 甚至 JavaScript 框架(如 Angular)的替代品。许多 Vaadin 客户已成功从这些技术迁移到 Vaadin。

Vaadin 是否支持 Spring 和 Jakarta EE?

是的。Vaadin 与SpringJakarta EE(以前称为 Java EE)有官方集成。当您使用Spring Initializr创建新的 Spring Boot 项目时,您可以将 Vaadin 添加为依赖项。对于 Jakarta EE,您可以下载一个使用 Jakarta EE的简单Hello, World示例。在撰写本文时,仅支持 Jakarta EE 版本 8。

0 人点赞