YHCIP渐进--界面开发.pptVIP

YHCIP渐进--界面开发 开发中心：李嘉 前言 在界面开发这块，YHCIP框架提供了一套基于struts-layout的标签库(taglib)，比起用纯JSP来开发界面，大大的简化了界面开发的复杂度，减少了代码量，大家只要熟悉的掌握标签库的用法就可以了,一般来说运用YHCIP框架进行界面开发,很少出现HTML和scriptlet,会有少量javascript,但是主要是以调用框架提供的方法为主,因此学习曲线比较低 YHCIP提供的界面控件 在标签库TagLib中提供了文本框、富文本框、单选框、复选框、下拉列表框、口令输入框、分组框、Tree、日期输入、码表选择、分页、类似Datawindow的表格输入、布局及风格组件、错误显示组件等众多组件。基本上能够满足界面开发的需要。并且通过YHCIP框架的封装和改进，这些组件具有易设置、易使用的特点。 界面的展示 界面开发过程中会遇到的几种界面风格： 自由风格 列表风格 对话框风格 标签风格 下面是目前系统里面一些界面的展示 标签介绍-- layout:html 最基本的标签layout:html 概念 Html标签代表一个页面 功能 显示表单元素和输入控件 显示错误信息 显示其他HTML元素 实例 layout:html key=标签练习 width=97% styleClass=PAGEFORM needTitle=false /layout:html 标签介绍-- layout:form 概述 对html的form标签的封装；用来接收和显示用户输入和结果信息。它可以包含让用户输入文本和选择项目的其他标签，例如文本、按钮、复选框(checkboxe)，单选按钮(radio button)和选择列表等 主要属性 Action 必需的属性，否则会抛异常；指定该form所使用的 struts-config.xml配置文件中元素里的一个子元素的访问路径，也就是指定该form所使用的action，它的值同struts-config.xml中的 action元素的path属性 Focus 指定焦点该form所包含的一个元素上。使用focus属性时你需要给它指定元素的名称 key 该form标题的键值 标签介绍-- layout:form reqCode 表示这个页面后调用的指定action的方法，例如init初始化方法 styleClass 该页面使用的用于控制显示风格的CSS类名 实例 layout:form align=center width=100% key=标签练习 action=/trainTaglibAction styleClass=FORM reqCode=init /layout:form 标签介绍-- App:yinhaipanel 概述 app:yinhaipanel这个标签就是我们在pb里面常用的groupbox 实例 app:yinhaipanel align=left key=标签练习 styleClass=PANEL /app:yinhaipanel 标签介绍-- Layout:grid 概述 表格标签。所有嵌套在此标签内的标签将按照一定的格式，水平或垂直的排列 主要属性 borderSpacing 边界的间隔宽度，缺省为0 cols 每行排列的标签数，缺省为2 height 每个嵌套标签的高度 styleClass 使用的用于控制显示风格的CSS类名 width 宽度, 通常设置为100% 标签介绍-- Layout:grid 实例 layout:grid cols=3 width=100% /layout:grid cols是这个标签的很重要的一个属性，它决定了表单被划分成几列，我们一般采用3列的情况比较多,可以根据实际情况而定。 标签介绍-- Layout:text 概述 输入框标签，单行编辑框 主要属性 accesskey 定义了访问这个标签的热键，如果 accesskey=”N”表示该标签的热键是“Alt+N” colNum 标签所占的列数，用来控制标签的长度 isRequired 表示该标签是否是必输项，页面将在输入框后显示星号来标示 Tooltip 该标签的标题名字，鼠标移动到TEXT上时，弹出提示 标签介绍-- Layout:text