JavaEE开发技术与实践教程教学课件作者聂艳明ch11-JSF课件.pptVIP

尚辅网 / selectManyCheckbox 显示为一组复选框，允许用户选择多个选项 selectManyListbox 表示为一个列表选择框，与selectManyCheckbox组件类似，表示每个选项值是否被选中。该组件能满足选项很多的情况，使用selectManyCheckbox组件实现用户多项选择，显得界面较凌乱 selectManyMenu 与selectManyListbox类似，不同之处该组件允许用户一次只能看到一个选项 selectOneListbox 允许用户从一组列表框中选择一项，选择项目立刻显示 selectOneMenu 允许用户从下拉菜单的一组项目中选择一项 selectOneRadio 将所有选择的项目显示为一组单选按钮，用户每次只可以选择一个项目 inputText 允许用户输入单行的字符串 inputTextarea 与inputText区别是该组件允许用户输入多行的字符串 尚辅网 / 标签通用的属性： 表11-2 组件的通用属性 属性 默认值 必需 作用 id 无 是 标识组件的标识符 value 无 是 组件的值。可以是字面值或者绑定表达式，例如：绑定到Bean的属性 rendered true 否 布尔值决定是否呈现组件，默认呈现组件 styeClass 无 否 指定CSS样式类的名称，如果设置多个类，类之间用空格隔开 binding 无 否 将组件实例绑定到bean的一个属性上 尚辅网 / 系统界面： 以学生注册系统为例，介绍JSF HTML标签的使用方法。 尚辅网 / 系统中使用的标签如下： (1) 使用outputText标签要求输入姓名、学号、出生日期和Email地址。 (2) 使用panelGroup标签对出生日期的outputText标签和提示信息的outputLabel标签进行组合。 (3) 使用inputSecret标签要求设置一个密码。 (4) 使用selectOneRadio标签要求选择自己的性别。 (5) 使用selectManyCheckbox标签选择自己的爱好。 (6) 使用selectOneMenu标签选择自己出生的省份。 (7) 使用selectOneListbox标签选择自己的专业。 (8) 使用inputTextarea标签输入文本进行自我介绍。 (9) 使用commandButton标签提交输入表单。 (10) 使用graphicImage标签显示一个图像表示欢迎。 (11) 使用panelGrid标签对以上组件以表格的方式布局。 尚辅网 / 首先创建一个web工程chap14-UI，并为该工程添加JSF支持。然后创建一个Managed Bean，打开chap14-UI /WEB-INF/faces-config.xml文件，点击Design进入设计视图，右键单击Managed Beans节点，在弹出的菜单中选择New/Managed Bean，打开新建Managed Beans对话框；对话框中Scope对应的文本框中选择session，Class对应的文本框中输StudentInformation.java，Name对应的文本框中输入information。为该bean添加3个属性：provinces、majors和interests，分别存储出生身份、爱好和专业的信息。 尚辅网 / 然后创建一个JSP页面，命名为ui.jsp。打开ui.jsp，在MyEclipse的window主菜单中选择Show View/Other，在弹出的对话框中选择Palette节点，调出Palette组件面板，然后展开JSF HTML节点，可以看到所有的JSF HTML标签，如图11-15所示。按照题目要求分别拖放相关组件，并摆放到合适位置。 最后设置组件属性。在MyEclipse的window主菜单中选择Show View/properties，打开属性设置对话框，如图11-16所示。然后在ui.jsp页面中，分别点击相应的组件设置其属性。 尚辅网 / 图11-15 JSF HTML标签Palette 图11-16 组件属性设置 尚辅网 / 11.3.3核心组件标签 核心组件标签是非可视化标签，一般执行核心动作，独立于特定的呈现工具，例如数据验证器标签、转换器标签和监听器标签等。常用的核心组件标签见表11-3。通常情况允许在