首页 > 解决方案 > 项目:在 Vaadin(待办事项列表)中创建一个 java webapp

问题描述

为了提高我的编程技能,我想为我的工作建立一个小项目。我想创建一种待办事项列表,其中包含几列(注意、采购订单、运输、完成(作为复选框)等)。

在一天结束时,我希望能够单击完成的每一行的复选框并将它们保存在数据文件中。我还想将它创建为一个 Web 应用程序,在公司的服务器上运行。

因为我想特别提高我的 java 技能,所以我想主要在 java 中做这件事(如果可能的话)并与框架取得联系,所以我开始阅读Vaadin

我的问题是,你们是否可以就这样的项目提供一些经验,以及是否可以通过 Vaadin 实现这一点。

标签: javavaadin

解决方案


提高我的编程技能

如果您想在服务器端使用纯 Java 构建 Web 应用程序,Vaadin 适合您。

您使用 Java 代码描述您希望在用户界面中显示的布局和小部件。然后,在运行时,Vaadin 会自动生成必要的 HTML、CSS、JavaScript、DOM、AJAX、WebSocket 和 Push 代码,以便在用户的 Web 浏览器的客户端呈现该 UI。

美妙之处在于,您无需学习或编码即可获得使用这些 Web 标准技术的所有好处。

创建一种待办事项列表,包含几列(注意、采购订单、运输、完成(作为复选框)等)。

Vaadin 提供了一个功能强大且设计良好的数据网格小部件 Vaadin Grid,它可以显示包括复选框在内的此类列。

我希望能够单击每一行的复选框

Vaadin Grid 工具具有交互模式,允许用户直接编辑行,包括单击复选框。

您也可以让用户选择几行并单击一个按钮(您编程的),而不是将它们标记为完成,同时检查该组的复选框。

此外,Grid 有一个内置功能,它显示一列复选框,以作为选择行的替代方法。这有助于许多不擅长使用鼠标和键盘手势进行多行选择的用户。

我想将它创建为一个 Web 应用程序,在公司的服务器上运行。

您基于 Vaadin 的 Web 应用程序是基于标准 Java Servlet 技术构建的。因此,您可以部署到您选择的十几个或更多 Web 容器中,例如 Apache Tomcat、Eclipse Jetty、Glassfish、Wildfly 等等。

我想主要在java中这样做(如果可能的话)

您可以使用 Vaadin 完全使用 Java 代码构建您的 Web 应用程序。服务器端的所有 Java,客户端没有 Java。

您最终可能想学习一些 CSS 来调整字体和颜色等。但这是可选的。

如果通常可以通过 Vaadin 实现这一点。

事实上,这个项目听起来很适合 Vaadin。

相比之下,禁用 Vaadin 的地方是:

  • 适用于具有疯狂复杂布局的网站,例如精美的杂志网站。Vaadin 的目标是面向业务的数据输入应用程序。
  • 对于想要直接处理 HTML、CSS、JavaScript 等而不是避免使用它的程序员。

推荐阅读