Overview

在 ChatGPT 中打开

本教程旨在逐步指导您创建应用程序的过程。此应用程序旨在管理客户信息，演示如何使用 webforJ 构建一个功能齐全且用户友好的界面，具有查看、添加和编辑客户数据的功能。每个部分都将在前一部分的基础上展开，但您可以根据需要自由跳过。

本教程中的每一步将生成一个编译成 WAR 文件的程序，该文件可部署到任何 Java Web 应用服务器。对于本教程，将使用 Maven Jetty 插件在本地部署应用程序。这个轻量级的设置确保应用程序能够快速运行，并且在开发过程中可以实时看到更改。

教程应用功能

• 在表格中处理数据。
• 使用 ObjectTable 和资产管理。
• 路由 和 导航
• 数据绑定 和 验证

前提条件

为了充分利用本教程，假设您对 Java 编程有基本了解，并且熟悉像 Maven 这样的工具。如果您是 webforJ 的新手，请不要担心——框架的基本知识将在过程中介绍。

您的开发机器上应具备以下工具/资源

• Java 17 或更高版本
• Maven
• Java IDE
• 网络浏览器
• Git（推荐但不是必需）

webforJ 前提条件

有关所需工具的更详细概述，请参阅 本文。

章节

本教程分为以下几个部分。按照顺序进行，以便全面了解，或者跳过特定信息。

项目设置

对于那些希望跳过具体主题的读者，建议在继续之前先阅读项目设置部分。

📄️ Project Setup

在本教程中，应用程序将分为四个步骤，每个步骤在项目进展中引入新功能。通过跟随学习，您将清楚理解应用程序是如何演变的，以及每个功能是如何实现的。

📄️ Creating a Basic App

这第一步为客户管理应用程序奠定了基础，通过创建一个简单的交互界面。 这演示了如何设置一个基本的webforJ应用程序，该应用程序具有一个单一按钮，单击后会打开一个对话框。 这是一个简单明了的实现，介绍了关键组件，并让您感受到webforJ的工作方式。

📄️ Working With Data

这一步骤专注于为演示应用添加数据管理和显示功能。为此，将创建关于各种 Customer 对象的示例数据，并更新应用以处理这些数据，并在之前的应用中添加 Table 进行显示。

📄️ Scaling with Routing and Composites

此步骤专注于实现路由，以增强应用结构的可扩展性和组织性。为此，将更新应用以处理多个视图，允许在不同的功能之间导航，例如编辑和创建客户条目。它将概述为这些功能创建视图的过程，使用像 Composite 这样的组件构建模块化和可重用的布局。

📄️ Validating and Binding Data

数据绑定是一种机制，它将应用程序的UI组件与底层数据模型直接连接起来，使两个之间的值能够自动同步。这消除了重复调用getter和setter的需要，减少了开发时间并提高了代码的可靠性。