使用JSF（Java Server Faces）开发(二)

添加时间：2013-12-7

相关阅读: 网页开发 HTML JSP

　　用户界面组件与验证
　　文件edit.jsp中的元素包含多个用户界面组件，我们将会在后面详细地介绍。各组件的HTML代码都是由JSF组件标记产生，例如：，该标记中可能还会包含其他JSF标记，如：标记，该标记使JSF确认用户输入了信息。
　　
　　处理用户输入的组件使用属性valueRef="pbean.property"与JavaBean属性绑定起来。JSF获得和设置管理bean属性值已在前面介绍了。
　　
　　有的JSF组件标记不会处理任何用户输入。例如可用于输出文本或JavaBean只读属性的值。
　　
　　每个组件都有唯一的ID，ID可在id属性中指定或由JSF自动生成。要进行验证的用户界面组件需要id属性以便验证错误能够与一起显示打印出来。
　　
　　文本域Text Area
　　JSF表单的文本域让用户输入将会由Pbuilder.java生成并由view.jsp显示的某些文字段落等内容。edit.jsp显示一个由确定的标签并使用生成3行30列的
　　　　

　　　　..........
　　
　　
　　的属性valueRef="pbean.text"使JSF查找ID为pbean的JavaBean实例，并且将用户输入的文本存储到JavaBean实例的text属性中。当HTML的表单被生成后，JSF会将text属性值插入到

HTML元素中。类Pbean实现了get和set方法可让JSF获得或修改属性的值：<br>　　<br>　　public class PBean implements java.io.Serializable {<br>　　 <br>　　　　private String text;<br>　　 <br>　　　　public String getText() {<br>　　　　　　return text;<br>　　　　}<br>　　 <br>　　　　public void setText(String text) {<br>　　　　　　this.text = text;<br>　　　　}<br>　　 <br>　　　　..........<br>　　 <br>　　} <br>　　<br>　　除了<h:input_textarea>，JSF还提供了许多生成单行文本域（text field）的标记：<br>　　<br>　　l　　　　 <intput_text><br>　　<br>　　l　　　　 <h:input_number><br>　　<br>　　l　　　　 <input_secret>（密码输入）<br>　　<br>　　l　　　　 <input_date><br>　　<br>　　l　　　　 <input_datetime><br>　　<br>　　l　　　　 <input_time><br>　　<br>　　l　　　　 <input_hidden>可被用于隐藏的表单域<br>　　<br>　　<b>单行文本域（Text Field）</b><br>　　edit.jsp文件的单行文本域组件只允许输入1至7之间的数字。由<h:input_number>生成这段HTML代码，该标记包含两个验证器。<f:validate_required>标记在前面已经介绍了。<f:validate_longrange>标记是使验证器确认用户输入的数字在给定的范围之内。如果超出范围，则向用户报告验证错误，错误信息由<h:output_errors>产生。<br>　　<br>　　<br>　　[code]<f:use_faces><br>　　　　<h:form formName="pform"><br>　　　　　　..........<br>　　　　　　<p><h:output_text value="Size: [1-7]"/><br><br>　　　　　　<h:input_number id="size" valueRef="pbean.size" size="2"><br>　　　　　　　　<f:validate_required/><br>　　　　　　　　<f:validate_longrange minimum="1" maximum="7"/><br>　　　　　　</h:input_number><br>　　　　　　<br><h:output_errors for="size"/><br>　　　　　　..........　　　 <br>　　　　</h:form><br>　　</f:use_faces><br>　　[/code]<br>　　<br>　　上面的JSP代码生成下面的HTML片断：<br>　　<form method="post" action="/usingjsf/faces/edit.jsp"><br>　　　　..........<br>　　　　<p>Size: [1-7]<br><br>　　　　<input type="text" name="size" id="size" value="3" size="2"><br>　　　　<br><br>　　　　..........<br>　　</form><br>　　<br>　　单行文本域被定为size，类型为整形（int）。size中value属性的值（3）是表示所生成的HTML表单数字输入区域的初值。假设没有出现验证错误，当JSF收到包含新JavaBean size属性值的用户输入就会刷新JavaBean。<h:input_number>标记的size属性是限定单行文本域的字符长度（2），不会对JavaBean属性有其他操作。<br>　　<br>　　public class PBean implements java.io.Serializable {<br>　　 <br>　　　　..........<br>　　 <br>　　　　private int size;<br>　　 <br>　　　　public int getSize() {<br>　　　　　　return size;<br>　　　　}<br>　　 <br>　　　　public void setSize(int size) {<br>　　　　　　this.size = size;<br>　　　　}<br>　　 <br>　　　　..........<br>　　 <br>　　}<br>　　<br>　　除了<f:validate_required>与<f:validate_longrange>标记，JSF还提供了几个验证器标记：<br>　　l　　　　 <validate_doublerange><br>　　l　　　　 <validate_stringrange><br>　　l　　　　 <validate_length><br>　　l　　　　 <validator><br>　　最后一个为通用标记，可以用它在用户界面组件中注册你自己的定制验证器。你也能够创建自己的验证器标记库。<br>　　 <br>　　<b>列表List Box</b><br>　　<h:selectone_listbox>与<h:selectmany_listbox>标记生成HTML元素<select>，网页浏览器会将<select>显示为列表。前者允许用户进行单项选择，后者用于多项选择。<br>　　 <br>　　文件edit.jsp使用<h:selectmany_listbox>标记生成一个含有几个字体名称的列表。HTML的<option>元素定义列表中的选项，这由JSF标记<h:selectitem>生成：<br>　　<br>　　<f:use_faces><br>　　　　<h:form formName="pform"><br>　　　　　　..........<br>　　　　　　<p><h:output_text value="Font:"/><br><br>　　　　　　<h:selectmany_listbox id="font" valueRef="pbean.font"><br>　　　　　　　　<h:selectitem itemvalue="Arial"<br>　　　　　　　　　　itemLabel="Arial"/><br>　　　　　　　　<h:selectitem itemvalue="Courier New"<br>　　　　　　　　　　itemLabel="Courier New"/><br>　　　　　　　　<h:selectitem itemvalue="Times New Roman"<br>　　　　　　　　　　itemLabel="Times New Roman"/><br>　　　　　　</h:selectmany_listbox><br>　　　　　　..........<br>　　　　</h:form><br>　　</f:use_faces><br>　　 <br>　　上面的代码生成下面的HTML片断：<br>　　<br>　　<form method="post" action="/usingjsf/faces/edit.jsp"><br>　　　　..........<br>　　　　<p>Font:<br><br>　　　　<select name="font" multiple size="3">　　　　　　　<br>　　　　　　<option value="Arial" selected>Arial</option><br>　　　　　　<option value="Courier New" selected>Courier New</option><br>　　　　　　<option value="Times New Roman">Times New Roman</option><br>　　　　</select><br>　　　　..........<br>　　</form> <br>　　<br>　　列表被定义为font，类型为字符串数组（String[]）。第一个getFont()方法使用clone()方法复制内部的数组并将其返回，内部数组必须从外部访问中得到保护。第一个setFont()方法用clone()方法复制所提供的数组并保存起来，所提供的数组可被第二个setFont()方法修改。<br>　　<br>　　public class PBean implements java.io.Serializable {<br>　　 <br>　　　　..........<br>　　 <br>　　　　private String fontArray[];<br>　　 <br>　　　　public String[] getFont() {<br>　　　　　　return (String[]) fontArray.clone();<br>　　　　}<br>　　 <br>　　　　public void setFont(String fontArray[]) {<br>　　　　　　this.fontArray = (String[]) fontArray.clone();<br>　　　　}<br>　　 <br>　　　　public String getFont(int index) {<br>　　　　　　return fontArray[index];<br>　　　　}<br>　　 <br>　　　　public void setFont(int index, String font) {<br>　　　　　　if (fontArray == null)<br>　　　　　　　　fontArray = new String[index+1];<br>　　　　　　else if (fontArray.length <= index) {<br>　　　　　　　　String oldFontArray[] = fontArray;<br>　　　　　　　　fontArray = new String[index+1];<br>　　　　　　　　for (int i = 0; i < oldFontArray.length; i++)<br>　　　　　　　　　　fontArray[i] = oldFontArray[i];<br>　　　　　　}<br>　　　　　　fontArray[index] = font;<br>　　　　}<br>　　 <br>　　　　..........<br>　　 <br>　　}<br>　　<br>　　当生成HTML表单时，JSF将所选的HTML属性加入到列表选项，列表选项的值被保存在JavaBean模型的字体数组中。假设没有验证错
            
</div>
<div><div class="pagebtn" >
     <ul>
          <li><a href="/news/2013127/194498.html" title="使用JSF（Java&nbsp;Server&nbsp;Faces）开发(一)">上一篇:使用JSF（Java&nbsp;Server&nbsp;Faces）开发(一)</a></li>
          <li><a href="/news/2013127/194496.html" title="使用JSF（Java&nbsp;Server&nbsp;Faces）开发(三)">下一篇:使用JSF（Java&nbsp;Server&nbsp;Faces）开发(三)</a></li>
     </ul>
</div></div>

</div>
<div class=Pages_right1>
	<div class="xg_width">
		<div class="xg_font1">
			<img align="absmiddle" src="/template/veelink2008/images/tb_1.gif">相关使用JSF（Java&nbsp;Server&nbsp;Faces）开发(二)
		</div>
		<h2 class="xg_lb">
			<ul>
	     <li><a href="/news/2013127/194496.html" title="使用JSF（Java&nbsp;Server&nbsp;Faces）开发(三)" target="_blank">使用JSF（Java&nbsp;Server&nbsp;Faces）开发(三) [2013-12-7]</a></li>
	     <li><a href="/news/2013127/194494.html" title="使用JSF（Java&nbsp;Server&nbsp;Faces）开发(四)" target="_blank">使用JSF（Java&nbsp;Server&nbsp;Faces）开发(四) [2013-12-7]</a></li>
	     <li><a href="/news/2013127/194493.html" title="solaris上开发J2EE应用中文问题的解决" target="_blank">solaris上开发J2EE应用中文问题的解决 [2013-12-7]</a></li>
	     <li><a href="/news/2013127/194491.html" title="J2EE应用系统内部的Web&nbsp;Services" target="_blank">J2EE应用系统内部的Web&nbsp;Services [2013-12-7]</a></li>
	     <li><a href="/news/2013127/194490.html" title="最佳J2EE方案讨论之O-R&nbsp;Mapping" target="_blank">最佳J2EE方案讨论之O-R&nbsp;Mapping [2013-12-7]</a></li>
	     <li><a href="/news/2013127/194489.html" title="移动技术促进人和网络互动：.NET&nbsp;VS&nbsp;J2EE" target="_blank">移动技术促进人和网络互动：.NET&nbsp;VS&nbsp;J2EE [2013-12-7]</a></li>
			</ul>
		</h2>
	</div>
</div>

<div style="text-align:center">
<div class="Navigation">快速导航：<a title="南方网景" href="/">南方网景</a> <a title="IT新闻" href="/news/c32.aspx">IT新闻</a> <a title="资源中心" href="/resource/">资源中心</a> <a title="广州网页设计" href="/website/2007126/32.html">网页设计</a> <a title="广州网站建设" href="/website/">网站建设</a> <a title="广州软件开发" href="/software/">软件开发</a> <a title="网站案例" href="/case/">网站案例</a> <a title="网站制作" href="/resource/C35.aspx" target="_blank">网站制作</a> <a title="开发工具" href="/resource/C15.aspx">开发工具</a> <a title="网站报价" href="/website/2008219/134.html" target="_blank">网站报价</a> <a title="推广优化" href="/network/2007127/46.html" target="_blank">推广优化</a> <a title="域名注册" href="/website/2007126/30.html" target="_blank">域名注册</a> <a title="广州虚拟主机" href="/website/201029/39573.html">虚拟主机</a> <a title="付款方式" href="/aboutus/39123.html" target="_blank">付款方式</a> <a title="联系我们" href="/aboutus/66.html" target="_blank">联系我们</a> <a title="关于我们" href="/aboutus/41.html" target="_blank">关于我们</a> </div>
<div>咨询热线：020-85648757 85648755 85648616 0755-27912581 客服：020-85648756 0755-27912581 业务传真：020-32579052 <br />广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.<br />广州商务地址：广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室<br />= 深圳商务地址：深圳市宝源路华丰宝源大厦606 <br />研发中心：广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册</div><br /></div>
<div style="display:none"><script language="javascript" type="text/javascript" src="http://js.users.51.la/1617058.js"></script></div>
<script type="text/javascript">    kfguin = "980415180"; ws = "www.veelink.com"; companyname = "南方网景"; welcomeword = "您好,欢迎光临南方网景<brT>请问,有什么可以帮到您的吗?"; type = "1";</script>
<script src="/js/kf.js" type="text/javascript"></script>

<br />

</body>
</html>

使用JSF（Java&nbsp;Server&nbsp;Faces）开发(二)

使用JSF（Java Server Faces）开发(二)