### dorado展现中间件深入浅出
#### 一、准备运行环境
在开始学习dorado展现中间件之前，首先需要确保计算机上安装了必要的软件环境，主要包括Java环境和开发环境。
**1.1 掌握Java环境的安装配置**
**1.1.1 下载安装JDK**
- **步骤一：** 访问Oracle官网（https://www.oracle.com/java/technologies/javase-jdk11-downloads.html），根据系统类型选择合适的JDK版本进行下载。
- **步骤二：** 安装过程中按照默认设置进行操作，除非有特殊需求。
- **步骤三：** 安装完成后可以通过命令行输入`java -version`来验证是否安装成功。
**1.1.2 配置环境变量**
- **步骤一：** 在系统环境变量中新增JAVA_HOME变量，值为JDK安装路径。
- **步骤二：** 编辑PATH变量，添加%JAVA_HOME%\bin到系统PATH中。
- **步骤三：** 添加CLASSPATH变量，值为.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar。
**1.2 掌握开发环境的安装配置**
**1.2.1 学习安装配置Tomcat**
- **步骤一：** 访问Apache Tomcat官网（http://tomcat.apache.org/download-90.cgi）下载Tomcat 9.x版本。
- **步骤二：** 解压压缩包至指定目录。
- **步骤三：** 设置CATALINA_HOME环境变量，指向Tomcat安装目录。
- **步骤四：** 启动Tomcat服务，可以通过双击bin目录下的startup.bat脚本。
**1.2.2 安装配置开发工具**
- **推荐工具：** Eclipse IDE for Java EE Developers
- **步骤一：** 从Eclipse官网下载最新版本的Eclipse。
- **步骤二：** 安装Eclipse并配置工作空间。
- **步骤三：** 配置Eclipse与Tomcat的关联，以便于项目的部署和调试。
**1.3 小结**
通过以上步骤，我们已经成功搭建了一个适合开发dorado展现中间件项目的开发环境。
#### 二、新建dorado工程项目
**2.1 新建过程**
- 打开Eclipse，选择File > New > Dynamic Web Project。
- 输入项目名称，并设置项目版本为Java EE 7。
- 完成配置后点击Finish。
**2.2 开发步骤**
- 在新建的项目中添加dorado相关的依赖库。
- 创建必要的视图模型和控制器等组件。
- 配置数据源和数据库连接。
**2.3 小测验**
- 试着创建一个简单的dorado应用，包含基本的数据展示功能。
**2.4 小结**
完成以上步骤后，我们就具备了开发基于dorado展现中间件的Web应用的基础能力。
#### 三、ShowmetheWorld
**3.1 开发过程**
**3.1.1 新建视图模型**
- 在项目中创建一个新的视图模型类。
- 视图模型负责定义界面上的数据结构和逻辑。
**3.1.2 新建控件对象**
- 根据视图模型的需求，创建相应的控件对象。
- 控件对象是用于控制用户界面元素的类。
**3.1.3 编写弹出事件**
- 为控件对象添加事件处理代码，例如点击按钮时触发的弹出窗口事件。
**3.1.4 新建JSP页面**
- 创建JSP页面用于展示控件对象的数据和交互界面。
**3.2 开发步骤**
- 根据需求设计视图模型和控件对象。
- 编写JSP页面，并将控件对象嵌入其中。
- 测试各个功能点，确保一切正常。
**3.3 小测验**
- 实现一个包含按钮的界面，点击按钮后弹出一个提示窗口。
**3.4 小结**
通过本节的学习，我们掌握了创建视图模型、控件对象以及编写事件处理的基本方法。
#### 四、如何配置数据源
**4.1 新建JDBC配置**
- 在项目中创建一个新的数据源配置文件。
- 数据源配置文件通常包括数据库连接信息，如用户名、密码等。
**4.2 配置数据库方言**
- 根据使用的数据库类型，选择合适的方言进行配置。
- 方言是用于转换SQL语句的一种机制。
**4.3 配置数据库驱动**
- 在项目中添加数据库驱动的jar包。
- 数据库驱动是用于与特定类型的数据库建立连接的软件。
**4.4 配置连接URL**
- 设置数据库连接的URL地址。
- URL地址应包含数据库服务器的IP地址、端口号和数据库名称。
**4.5 拷贝驱动包**
- 将数据库驱动包复制到项目的lib目录下。
**4.6 配置驱动包至classpath**
- 在项目的构建路径中添加数据库驱动所在的目录。
**4.7 配置项目默认数据源**
- 在项目配置文件中指定默认的数据源。
- 这个数据源将在项目启动时被自动加载。
**4.8 测试数据库连接**
- 编写简单的测试代码，尝试与数据库建立连接。
- 成功连接表示配置正确。
**4.9 详细配置步骤**
- 创建数据源配置文件。
- 添加数据库驱动。
- 设置连接参数。
- 配置默认数据源。
**4.10 小测验**
- 尝试配置一个MySQL数据库的数据源，并测试连接。
**4.11 小结**
数据源的配置是任何Web应用的基础，本节内容为我们介绍了如何在dorado展现中间件中配置数据源。
#### 五、HelloWorld-1展现
**5.1 新建视图模型**
- 创建视图模型类，定义数据结构。
- 视图模型是数据和逻辑的封装。
**5.2 配置数据集对象**
- 在视图模型中创建数据集对象。
- 数据集用于存储和管理从数据库查询得到的数据。
**5.3 配置展现形式**
- 通过控件对象定义界面元素的展现形式。
- 包括文本框、按钮等界面元素。
**5.4 创建JSP页面展现效果**
- 创建JSP页面，并在其中嵌入控件对象。
- JSP页面用于呈现最终的用户界面。
**5.5 开发步骤**
- 创建视图模型和数据集对象。
- 设计JSP页面的布局。
- 测试展现效果。
**5.6 小测验**
- 创建一个简单的视图模型，显示一条数据记录。
**5.7 小结**
本节重点介绍了如何使用dorado展现中间件创建一个简单的数据展示应用。
#### 六、HelloWorld-2调整
**6.1 新增控件**
**6.1.1 在视图模型中新增控件**
- 修改视图模型，添加新的控件对象。
- 控件对象负责用户界面元素的行为逻辑。
**6.1.2 在JSP页面中新增控件标签**
- 在JSP页面中插入新的控件标签。
- 控件标签是用于呈现控件对象的HTML标签。
**6.1.3 查看页面效果**
- 重新部署应用，查看修改后的界面效果。
**6.1.4 开发步骤**
- 更新视图模型。
- 修改JSP页面。
- 重新部署项目。
**6.2 删除控件**
**6.2.1 在JSP页面中删除控件标签**
- 移除JSP页面中对应的控件标签。
**6.2.2 在视图模型中删除控件**
- 删除视图模型中对应的控件对象。
**6.2.3 查看页面效果**
- 重新部署应用，检查控件是否已被移除。
**6.2.4 开发步骤**
- 更新视图模型。
- 修改JSP页面。
- 重新部署项目。
**6.3 小测验**
- 尝试修改现有的视图模型，增加或删除控件，并观察效果。
**6.4 小结**
本节介绍了如何通过修改视图模型和JSP页面来调整用户界面。
#### 七、HelloWorld-3更新
**7.1 新增UpdateCommand控件**
- 在视图模型中添加UpdateCommand控件。
- UpdateCommand控件负责更新数据集中的数据。
**7.2 新建DatasetInfo并绑定Dataset**
- 创建DatasetInfo对象，并将其绑定到数据集。
- DatasetInfo是用于定义数据集元数据的对象。
**7.3 新增Button控件**
- 在视图模型中添加Button控件。
- Button控件是用户界面中的按钮元素。
**7.4 Button绑定UpdateCommand**
- 将Button控件与UpdateCommand控件绑定。
- 当用户点击按钮时，会触发数据更新操作。
**7.5 刷新页面查看效果**
- 重新部署应用，测试更新功能。
**7.6 开发步骤**
- 添加UpdateCommand控件。
- 绑定Button控件。
- 部署项目并测试。
**7.7 小测验**
- 尝试实现一个简单的数据更新功能。
**7.8 小结**
本节内容介绍了如何使用dorado展现中间件实现数据的更新操作。
#### 八、HelloWorld-4查询
**8.1 设置查询匹配条件**
- 在视图模型中定义查询条件。
- 查询条件用于筛选数据库中的数据。
**8.2 新增条件数据集对象**
- 创建条件数据集对象。
- 条件数据集用于存储查询条件的信息。
**8.3 添加表单控件绑定条件数据集对象**
- 在视图模型中添加表单控件。
- 表单控件负责收集用户的输入。
**8.4 添加查询命令**
- 在视图模型中添加查询命令。
- 查询命令用于执行查询操作。
**8.5 添加查询按钮**
- 在JSP页面中添加查询按钮。
- 查询按钮用于触发查询操作。
**8.6 实现模糊查询**
- 调整查询命令，支持模糊查询。
- 模糊查询是指不完全精确匹配的查询方式。
**8.7 开发步骤**
- 定义查询条件。
- 添加查询命令。
- 部署项目并测试。
**8.8 小测验**
- 尝试实现一个带有模糊查询功能的简单查询功能。
**8.9 小结**
本节内容介绍了如何使用dorado展现中间件实现数据的查询操作，包括精确查询和模糊查询。
#### 九、掌握菜单开发
**9.1 了解菜单对象Menu**
**9.1.1 新建Menu菜单对象**
- 创建Menu菜单对象。
- Menu对象是用于组织子菜单项的容器。
**9.1.2 新建MenuItem子菜单项**
- 创建MenuItem子菜单项。
- MenuItem是菜单中的具体选项。
**9.1.3 开发步骤**
- 创建Menu对象。
- 添加MenuItem子菜单项。
- 测试菜单功能。
**9.2 什么是菜单容器**
**9.2.1 常见的条状菜单**
- 创建条状菜单容器。
- 条状菜单是最常见的菜单类型之一。
**9.2.2 实现屉式菜单**
- 创建屉式菜单容器。
- 抽屉式菜单是一种侧边滑出的菜单样式。
**9.2.3 为按钮绑定菜单**
- 为按钮绑定菜单容器。
- 当用户点击按钮时，可以展开菜单。
**9.2.4 右键弹出菜单**
- 创建右键弹出菜单容器。
- 用户可以通过鼠标右键弹出菜单。
**9.2.5 开发步骤**
- 创建菜单容器。
- 绑定按钮。
- 测试菜单功能。
**9.3 小测验**
- 尝试实现一个具有多个子菜单项的复杂菜单。
**9.4 小结**
本节介绍了如何使用dorado展现中间件开发各种类型的菜单。
#### 十、使用下拉框
**10.1 常见的列表下拉框ListDropDown**
**10.1.1 准备工作**
- 确保项目中已添加必要的依赖库。
**10.1.2 新建列表下拉框控件**
- 在视图模型中创建ListDropDown控件。
- ListDropDown控件是用于呈现列表数据的下拉框。
**10.1.3 绑定下拉框**
- 将ListDropDown控件与数据集绑定。
- 数据集提供下拉框中的数据。
**10.1.4 设置mapValue属性**
- 设置mapValue属性，指定下拉框中显示的值和实际存储的值之间的映射关系。
**10.1.5 认识DoradoClientDebugger**
- 使用DoradoClientDebugger调试工具。
- DoradoClientDebugger可以帮助开发者调试客户端的问题。
**10.1.6 数据值Value和显示值Label**
- 明确区分数据值（Value）和显示值（Label）。
- Value是实际存储的值，Label是显示给用户的值。
**10.1.7 开发步骤**
- 创建ListDropDown控件。
- 绑定数据集。
- 部署项目并测试。
**10.2 数据集下拉框DatasetDropDown**
**10.2.1 准备所需数据集**
- 创建数据集，作为下拉框的数据来源。
**10.2.2 新建数据集下拉框**
- 在视图模型中创建DatasetDropDown控件。
**10.2.3 绑定下拉框**
- 将DatasetDropDown控件与数据集绑定。
**10.2.4 开发步骤**
- 创建DatasetDropDown控件。
- 绑定数据集。
- 部署项目并测试。
**10.3 分页过滤下拉框DynamicDropDown**
**10.3.1 准备工作**
- 确保项目中已添加必要的依赖库。
**10.3.2 新建数据坞Module**
- 创建一个新的数据模块。
**10.3.3 准备所需数据集**
- 创建数据集，作为下拉框的数据来源。
**10.3.4 新建分页过滤下拉框**
- 在视图模型中创建DynamicDropDown控件。
**10.3.5 绑定下拉框**
- 将DynamicDropDown控件与数据集绑定。
**10.3.6 visibleFields属性**
- 设置visibleFields属性，指定下拉框中显示的字段。
**10.3.7 readFields和writeFields**
- 设置readFields和writeFields属性，指定读取和写入的字段。
**10.3.8 分页和过滤**
- 实现分页和过滤功能。
- 分页和过滤可以提高用户体验。
**10.3.9 开发步骤**
- 创建DynamicDropDown控件。
- 绑定数据集。
- 部署项目并测试。
**10.4 日期下拉框DateDropDown**
- DateDropDown控件用于选择日期。
**10.5 下拉框中的常用属性**
- 介绍下拉框中常用的属性及其作用。
**10.6 小测验**
- 尝试创建一个具有分页和过滤功能的动态下拉框。
**10.7 小结**
本节内容介绍了dorado展现中间件中各种下拉框的使用方法。
#### 十一、学习使用表单
**11.1 准备工作**
- 确保项目中已添加必要的依赖库。
**11.2 调整表单布局**
- 设计表单的布局。
- 表单布局是用户输入数据的方式。
**11.3 设置表单渲染**
**11.3.1 使用RadioGroup渲染**
- 使用RadioGroup控件渲染单选按钮组。
- RadioGroup控件用于表示一组互斥的选择项。
**11.3.2 使用TextArea渲染**
- 使用TextArea控件渲染多行文本框。
- TextArea控件用于接收用户输入的多行文本。
**11.3 小测验**
- 尝试创建一个包含多种表单元素的表单。
**11.3 小结**
通过本节的学习，我们掌握了如何使用dorado展现中间件创建和调整表单。
dorado展现中间件是一套强大的开发工具，它可以帮助开发者快速地构建出高效、美观的Web应用。从搭建开发环境到实现复杂的用户界面功能，dorado都提供了全面的支持。希望本文能帮助初学者快速入门dorado展现中间件，同时也为有一定经验的开发者提供有价值的参考。
