使用 AppFuse 快速构建 J2EE 应用

图 5. myapp 的原始主页面
 

点击 “Employee List” 链接，进入“员工信息列表”页面。

图 6. myapp 的原始员工信息列表页面
 

点击“添加”按钮或点击任意一行数据，进入“员工信息添加/修改/删除”页面。

图 7. myapp 的原始员工信息添加/修改/删除页面
 

    不难看出，虽然 AppFuse 帮我们生成了页面，但是这些页面并非那么“理想”，我们仍然需要根据实际的需求做些调整。
根据项目需求调整代码

在本文中，做了如下代码修改：

 
将所有页面文字翻译成中文：AppFuse 中用到的所有 Resource Bundle 文件位于 myapp/web/WEB-INF/classes 目录下（以ApplicationResources开头的properties文件）。更改 ApplicationResources_zh_CN.properties 的文件编码方式为“UTF-8”。然后，把 ApplicationResources.properties 中 “# -- Employee-START” 和 “# -- Employee-END” 之间的项拷贝到 ApplicationResources_zh_CN.properties 中，并逐项翻译成中文。AppFuse 会在脚本运行的时候自动用 native2ascii 进行编码转换。另外，AppFuse 默认对 “button.done” 的翻译是“做”，这不太合适，所以改为“完成”。
在“员工信息列表页面”去掉了 id 列，并调整了列的顺序：只要修改 employees.html 就可以。
在“员工信息添加/修改/删除页面”，将“所在部门”、“职位”、“状态”改为下拉列表：需要修改 employeeForm.html、employeeForm.page、EmployeeForm.java。用 PropertySelection 组件实现下拉列表，用 Resource Bundle 文件定义真正显示的选项文本。
增加了一个“人事管理”的角色，用来执行员工信息管理的权限控制:具体介绍见“系统安全”。
添加了一个新的主题 “mytheme”（只是更改了界面的颜色）：具体介绍见“页面布局和样式”。
    应用了上述修改后，在 c:\opt\myapp 中运行 “ant deploy” 重新打包整个项目并发布。以下是修改后的界面截图：

图 8. 修改后的 myapp 主页面
 

图 9. 修改后的 myapp 员工信息列表页面
 

图 10. 修改后的 myapp 员工信息添加/修改/删除页面
 讨论 http://bbs.pc51.net