当前位置导航：炫浪网>>网络学院>>编程开发>>JAVA教程>>J2EE

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

　　用户界面组件与验证
　　文件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="c_bot_text"><span id="pe100_page_contentpage" class="pagecss"></span></div>
          <div class="c_bot_text">
<div class="clearbox"></div>
</div> 
<div class="c_bot_text"><font style="color:red">上一篇：</font><a href="/html/19965.html" target="_self">构建高性能J2EE应用的5种策略</a> <font style="color:red">下一篇：</font><a href="/html/19967.html" target="_self">使用JSF（Java Server Faces）开发(一)</a></div>
<div class="clearbox"></div>
     	<div class="lm_xxlb_title">
        	<div class="title">相关内容</div>
        	<div class="more">
      			<a href="/list_214/index.html">[更多] </a>
			</div>
        </div>
		<div class="flm_xxlb_main">
			<div class="clearbox"></div>
			<ul>
  <li>
    <div class="tydlmxxlb_title"><a href="/html/68081.html" target="_blank">关于J2EE中的乱码解决</a></div>
  </li>
  <li>
    <div class="tydlmxxlb_title"><a href="/html/68080.html" target="_blank">Apusic Operamasks的资源注入</a></div>
  </li>
  <li>
    <div class="tydlmxxlb_title"><a href="/html/68079.html" target="_blank">对J2EE应用系统分层设计的思考</a></div>
  </li>
  <li>
    <div class="tydlmxxlb_title"><a href="/html/68078.html" target="_blank">Java EE 进行开发已经变得困难</a></div>
  </li>
  <li>
    <div class="tydlmxxlb_title"><a href="/html/68077.html" target="_blank">评点Flex结合J2EE的开发与架构</a></div>
  </li>
  <li>
    <div class="tydlmxxlb_title"><a href="/html/68076.html" target="_blank">Maven2 Pom.xml元素详解</a></div>
  </li>
  <li>
    <div class="tydlmxxlb_title"><a href="/html/68075.html" target="_blank">Ruby on Rails 和J2EE：两者能否共存？</a></div>
  </li>
  <li>
    <div class="tydlmxxlb_title"><a href="/html/68074.html" target="_blank">J2me中实现StringTokenizer的功能</a></div>
  </li>
  <li>
    <div class="tydlmxxlb_title"><a href="/html/68073.html" target="_blank">J2EE开发中几个主流框架的简短使用总结</a></div>
  </li>
  <li>
    <div class="tydlmxxlb_title"><a href="/html/68072.html" target="_blank">站在巨人肩膀上学好J2EE全攻略</a></div>
  </li>
  <li>
    <div class="tydlmxxlb_title"><a href="/html/68071.html" target="_blank">J2EE常见的四种架构类型</a></div>
  </li>
  <li>
    <div class="tydlmxxlb_title"><a href="/html/68070.html" target="_blank">J2EE工作流管理系统jBPM详解（一）</a></div>
  </li>
  <li>
    <div class="tydlmxxlb_title"><a href="/html/68069.html" target="_blank">J2EE工作流管理系统jBPM详解（二）</a></div>
  </li>
  <li>
    <div class="tydlmxxlb_title"><a href="/html/68068.html" target="_blank">JBPM实践之：并发子流程的实现</a></div>
  </li>
  <li>
    <div class="tydlmxxlb_title"><a href="/html/68067.html" target="_blank">J2ME三种低级用户界面事件处理技术比较</a></div>
  </li>
  <li>
    <div class="tydlmxxlb_title"><a href="/html/68066.html" target="_blank">JBPM源码解读之：Join</a></div>
  </li>
</ul>
        	<div class="clearbox"></div>
        </div>

</div>
        
	</div>
<div class="main_right_nr">
	<div class="main_right_tit">赞助商链接</div>
		<div class="ad_lmsct">
			<script  type="text/javascript" src='/IAA/200902/12.js'></script>
		</div>

</div>
	<div class="clearbox"></div>
</div>
<span style="display:none;">
    <script language="JavaScript" type="text/JavaScript" src="/Common/GetHits.aspx?id=19966"></script>
   </span>
<div class="main">
  <div id="bottom_all">
    <div id="foot">
<div id="copyright">
【注意】炫浪网 版权所有,未经书面授权禁止模仿风格或建立镜像网站.如有违反,追究法律责任.<br />
【声明】本网站部分内容属社区网友发布，本网站仅提供网友交流平台，但有权在本网站范围内引用、发布、<br />
转载来自社区网友发布的内容。网友发布内容纯属个人行为，与本网站立场无关。本网站对于网友发布的<br />
内容所引发的版权、署名权的异议及纠纷，不承担任何责任。
粤ICP备<a href="http://www.miibeian.gov.cn">11064832</a>号
公安备案编号：4453023010550
<script src="http://s96.cnzz.com/stat.php?id=372893&web_id=372893" language="JavaScript"></script>
</div>
    </div>
  </div>
</div>
</body>
</html>