SSH架构开发流程5

Struts开发第二步  开发JSP页面原型

开发JSP页面 将页面的连接地址 表单请求指向 由Struts和Spring来将该请求转发到AddressAction.java的函数中 实现整个页面的流转

 

[1]在frame.jsp 中添加一个新的菜单 该菜单就是通讯录模块的入口 负责进入通讯录的列表页面

[2]开发数据列表页面address.jsp 新建一个通讯录的HTML列表页 该页面提供增加 修改 删除的按钮 负责跳转到不同的页面

[3]开发增加页面address_add.jsp 新建新增通讯录的HTML表单页 负责添加通讯录

[4]开发修改页面address_edit.jsp 新建修改通讯录的HTML表单页 负责修改通讯录

[5]进行页面文字的国际化 将以上3个JSP页面中的中文文字 提取出来 在资源文件中为这些文字定义国际化标签 并在JSP页面中引用这些标签 实现页面文字的国际化显示

[6]定义页面样式表style.css 新建一耳光样式表文件style.css 为以上3个JSP页面定义几个样式表以美化页面

 

 

[1]添加新的菜单

系统的架构是基于Sitemesh的 对应的装饰器页面为WebRoot/decorators/frames.jsp  为了有一个通讯录模块的入口 我们需要添加一个新的菜单 Address  连接的地址是“address.do?method=list” 表示将会通过address.do的请求依次找到元素 元素 最后找到类AddressAction.jsp 而method的参数值为list 表示要执行的函数为list()元素 最后找到类AddressAction.java 而method的参数值为list 表示要执行的函数为list()

核心代码为

<tr>
   <td><li><a href="address.do?method=list">Address</a></li></td>
</tr>

[2]数据列表页面address.jsp

这个页面包含三个连接 关联三个函数 add()  edit() delete()

 

[3]开发增加页面address_add.jsp

第一个table显示当前位置和返回address主页面的按钮 用于跳转到列表页面 执行AddressAction.java 中的函数list() 第二个table包含输入的表单 字段与AddressForm.java的各个字段相对应 命名必须与AddressForm.java中的字段命名相同  AddressForm.java将会根据改命名来取得请求表单的数据 表单的提交地址为 address.do?method=insert 表示表单提交后将执行AddressAction.java 中的函数insert()

 

[4]开发修改页面adress_edit.jsp

修改页面与增加页面类似 负责显示当前要修改的各个字段的信息 并提交给AddressAction.java的update()函数执行修改 因此该页面的表单提交地址为"address.do?method=update" 改页面与增加页面还有一个不同 就是需要保存当前记录的ID信息 因此需要多添加一个表单 名称与AddressForm.java 中唯一字段id相对应

 

[5]进行页面文字的国际化

在以上建立的3个JSP页面中 包含了大量的明码文字 这些文字需要提取出来写入资源文件 然后再通过Struts的标签来引用这些标签 以实现文字的国际化

定义公共按钮 找出三个JSP文件中的文字 将这四类标签复制到ApplicationResources_temp.properties中 该文件位于/src/com/demo/struts/resources目录下 使用native2ascii命令转换生成中文的资源文件

然后根据标签 使用Struts的Bean标签库 使用的形式如下：

<bean:message key="address.page.title" />

 

[6]定义页面样式表style.css

让页面更加美观分  风格统一

在frame.jsp中添加如下引用代码

<link rel="stylesheet" type="text/css" href="style.css">