第5章 用户界面开发基础ppt课件.ppt

第第5章章 用户界面开发基础用户界面开发基础第五章第五章用户界面开发基础用户界面开发基础 n本章主要内容本章主要内容v 开发用户界面的主要技术，以及通过一些具体的实例来讲解如何解开发用户界面的主要技术，以及通过一些具体的实例来讲解如何解决开发中的常见问题。决开发中的常见问题。用户界面开发基础用户界面开发基础 n用户界面的开发需要注意两个方面的内容用户界面的开发需要注意两个方面的内容v 要注意页面的风格，要使界面适合于这个软件的用户群。这一点主要注意页面的风格，要使界面适合于这个软件的用户群。这一点主要是通过美工的设计来完成的要是通过美工的设计来完成的v 要注意的就是如何实现用户的界面，如何能够按照客户的要求来实要注意的就是如何实现用户的界面，如何能够按照客户的要求来实现界面的显示工作。这一点要依赖于所使用的技术和采用的开发方现界面的显示工作。这一点要依赖于所使用的技术和采用的开发方法，在实际的开发中，要能够结合自身特点开发出适合用户的界面法，在实际的开发中，要能够结合自身特点开发出适合用户的界面用户界面开发基础用户界面开发基础 使用使用Struts开发开发JSP nStruts标记库标记库v HTML标记库：标记库：Struts的用户界面组件库，用来创建表单中的各种供的用户界面组件库，用来创建表单中的各种供用户输入的控件以及各种基于用户输入的控件以及各种基于HTML的用户界面的元素。的用户界面的元素。v Bean标记库：产生以及处理标记库：产生以及处理Bean对象的标记库，包含用于定义新对象的标记库，包含用于定义新Bean、访问、访问Bean及其属性的标记。及其属性的标记。v Logic标记库：用来处理外观逻辑而不需要使用标记库：用来处理外观逻辑而不需要使用Scriptlet脚本。脚本。HTML标记库标记库 nHTML标记库简介标记库简介vStruts的的HTML标记库实际上核心是对标记库实际上核心是对HTML原有的大量原有的大量标记进行了标记进行了Java风格的封装，使这些标记能够充当风格的封装，使这些标记能够充当JSP视图与其他视图与其他Web应用组件之间的桥梁。应用组件之间的桥梁。vStruts的的HTML标记中，大部分用来产生用户界面上的各标记中，大部分用来产生用户界面上的各种控件并与之建立相应的联系。这些种控件并与之建立相应的联系。这些HTML标记必须嵌套标记必须嵌套在表单标记（在表单标记（）中使用。）中使用。HTML标记库标记库 nStruts的的 HTML的标记库有以下几类：的标记库有以下几类：v显示表单元素和输入控件显示表单元素和输入控件v显示错误信息显示错误信息v显示其他显示其他HTML元素元素HTML的表单标记的表单标记 n表单标记的名称表单标记的名称v ActionForm对象实例的名称可以通过对象实例的名称可以通过标记的属性进行标记的属性进行指定。如果没有进行明确的指定，那么将使用指定。如果没有进行明确的指定，那么将使用struts-config.xml文文件中配置的件中配置的ActionForm对象的名称。对象的名称。HTML的表单标记的表单标记 n表单标记的输入表单标记的输入v Struts将将HTML表单与为表单操作而定义的表单与为表单操作而定义的ActionForm Bean紧密紧密联系在一起。表单输入字段的名称与联系在一起。表单输入字段的名称与ActionForm Bean里定义的属里定义的属性名称是对应的。性名称是对应的。v 当第一次显示表单时，表单的输入字段是从当第一次显示表单时，表单的输入字段是从ActionForm Bean中移中移植过来的，当表单被提交时，请求参数将移植到植过来的，当表单被提交时，请求参数将移植到ActionForm bean实例实例HTML的表单标记的表单标记 n表单的提交表单的提交v当用户提交页面表单中的数据到后台的当用户提交页面表单中的数据到后台的ActionServlet时时，如果表单中输入域的名称与，如果表单中输入域的名称与ActionForm类的属性名相类的属性名相同，那么该输入域的值将被赋予相应的属性同，那么该输入域的值将被赋予相应的属性 。表单控件（表单控件（1） 标记名称标记名称作用作用button生成普通按钮生成普通按钮cancel生成取消按钮生成取消按钮checkbox生成复选框生成复选框file生成文件浏览按钮生成文件浏览按钮hidden生成隐藏的控件生成隐藏的控件image生成图片的控件生成图片的控件multibox生成复选框生成复选框password生成密码输入框生成密码输入框表单控件（表单控件（2） 标记名称标记名称作用作用radio生成单选按钮生成单选按钮reset生成复位按钮生成复位按钮select生成下拉列表框生成下拉列表框option生成下拉列表框的选项生成下拉列表框的选项options生成下拉列表框的选项生成下拉列表框的选项submit生成提交按钮生成提交按钮text生成单行文本输入框生成单行文本输入框textarea生成多行文本输入框生成多行文本输入框 Bean标记库标记库 nStruts Bean标记的分类标记的分类 一个普通一个普通Java Bean在在JSP页面上的使用通常包含创建、访页面上的使用通常包含创建、访问等，因此，问等，因此，Struts的的Bean标记库对于标记库对于Java Bean的操作的操作功能也可以分为以下功能也可以分为以下2类：类：v创建创建Bean。v访问访问Bean的属性的属性 Bean标记库标记库(1) nBean标记的通用属性标记的通用属性vid： 用于定义这个标记所创建的脚本变量的名称，通过这个关键字使得其他用于定义这个标记所创建的脚本变量的名称，通过这个关键字使得其他标记或者脚本的标记定义的范围内可以访问到这个变量。标记或者脚本的标记定义的范围内可以访问到这个变量。vname： 用于定义在指定范围内查找用于定义在指定范围内查找JavaBean的关键字的名称。当然，这种查的关键字的名称。当然，这种查找也可以在所有的上下文的范围内进行，查找的范围依次是：找也可以在所有的上下文的范围内进行，查找的范围依次是：page，request，session和和application。 Bean标记库标记库(2) nBean标记的通用属性标记的通用属性v property： 定义了定义了JavaBean的属性名，这个的属性名，这个JavaBean是通过是通过name和和scope(可选可选)属性来确定的，该属性的值被用于标记的操作处理中。属性来确定的，该属性的值被用于标记的操作处理中。 如果没有指定如果没有指定property属性，那么通过属性，那么通过name所获得的所获得的JavaBean对对象将直接被用于该标记的操作中。象将直接被用于该标记的操作中。v scope： 用于指定查找用于指定查找JavaBean或者创建或者创建JavaBean时使用的时使用的JSP上下文的上下文的范围。如果没有指定范围。如果没有指定scope属性，那么在查找属性，那么在查找JavaBean时会按照时会按照page，request，session，application的顺序一次进行，直到找的顺序一次进行，直到找到名称匹配的到名称匹配的JavaBean为止。而在创建为止。而在创建JavaBean的时候会使用的时候会使用page范围。范围。数据分页显示数据分页显示 1n数据的分页显示通常包括以下两类处理方法数据的分页显示通常包括以下两类处理方法v将分页的机制交给数据库来处理，每次仅从数据库中取将分页的机制交给数据库来处理，每次仅从数据库中取回本页要显示的数据，具体的分页导航，根据页面信息回本页要显示的数据，具体的分页导航，根据页面信息以及数据库信息进行计算。以及数据库信息进行计算。v从数据库中获得所有的数据，而在前台显示的时候有选从数据库中获得所有的数据，而在前台显示的时候有选择地输出所要显示的内容。择地输出所要显示的内容。数据分页显示数据分页显示 2n分页注意事项分页注意事项 在每一个分页的实现方法的实现中，记录的开始和每页所显示的在每一个分页的实现方法的实现中，记录的开始和每页所显示的记录数目是在实现数据分页显示功能中所必不可少的参数。因为只记录数目是在实现数据分页显示功能中所必不可少的参数。因为只有通过这个参数才能获得所要显示的记录的有通过这个参数才能获得所要显示的记录的 起始位置，而通过每页起始位置，而通过每页的记录数目才可以确定显示的位置。的记录数目才可以确定显示的位置。 这样，在显示数据的时候只要一句用户请求中所传的的记录这样，在显示数据的时候只要一句用户请求中所传的的记录的开始位置的参数就可以确定需要现实记录的开始位置了，再将开的开始位置的参数就可以确定需要现实记录的开始位置了，再将开始位置与每页记录数相加得到记录的结束位置。这两者之间的数据始位置与每页记录数相加得到记录的结束位置。这两者之间的数据就是要显示的内容。就是要显示的内容。 实现翻页功能的关键点在于如何计算记录的开始位置的这个实现翻页功能的关键点在于如何计算记录的开始位置的这个参数。每个翻页按钮（包括向前、向后、首页和尾页按钮）都要传参数。每个翻页按钮（包括向前、向后、首页和尾页按钮）都要传递这个参数。这样，正确计算每个翻页按钮所要显示记录的起始位递这个参数。这样，正确计算每个翻页按钮所要显示记录的起始位置就显得有为重要。置就显得有为重要。 表达式语言表达式语言EL nEL简介简介 （Expreession Language，简称，简称EL）EL提供了一些标识符、存取提供了一些标识符、存取器和运算符，用来检索和操作驻留在器和运算符，用来检索和操作驻留在JSP容器的数据。容器的数据。EL在某种程在某种程度上以度上以EcmaScript和和xml路径语言（路径语言（XML Path Lauguage，XPath）为基础。）为基础。EL擅长寻找对象及其特征，然后对它们执行简单操作。擅长寻找对象及其特征，然后对它们执行简单操作。能使用简单而又方便的符号来表示复杂的行为。能使用简单而又方便的符号来表示复杂的行为。 表达式语言表达式语言EL nEL表达式的格式表达式的格式 用美元符号用美元符号$定界，内容包括在花括号定界，内容包括在花括号中，如下所示：中，如下所示：v 此外，可以将多个表达式与静态文本组合在一起通过字符串并置来构建动态此外，可以将多个表达式与静态文本组合在一起通过字符串并置来构建动态属性值，如下所示：属性值，如下所示：v 通常的表达式由标识符、存取器、文字和运算符组成。标识符用来引用存储通常的表达式由标识符、存取器、文字和运算符组成。标识符用来引用存储在数据中心的数据对象。存取器用来检索对象的属性或集合的元素，文字表在数据中心的数据对象。存取器用来检索对象的属性或集合的元素，文字表示固定的值示固定的值数字、字符、字符串、布尔型或空值，运算符允许对数据和数字、字符、字符串、布尔型或空值，运算符允许对数据和文字进行组合以及比较。文字进行组合以及比较。 EL隐式对象隐式对象n什么是什么是EL隐式对象隐式对象 EL隐式对象中只有隐式对象中只有JSP页面一个公共对象（页面一个公共对象（pageContext）,但通过但通过EL也可以访问其他也可以访问其他JSP隐式对象隐式对象。原因是。原因是pageContext拥有访问所有其他拥有访问所有其他8个个JSP隐式对隐式对象的特性。象的特性。 XML界面的输出界面的输出 当需要为客户浏览器输出当需要为客户浏览器输出XML文件，或者与其他客文件，或者与其他客户端系统进行集成时，都需要在显示层输出户端系统进行集成时，都需要在显示层输出XML文文件。通常解决输出件。通常解决输出XML文件的方法是文件的方法是v通过通过JSP文件来进行文件来进行XML文件的输出。文件的输出。v在在Struts的的Action中直接利用中直接利用HttpServletResponse对对象来输出象来输出XML文件的内文件的内