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

　2008-01-05 10:33:34　来源：WEB开发网　　　

核心提示：用户界面组件与验证文件edit.jsp中的元素包含多个用户界面组件，我们将会在后面具体地介绍，使用JSF（Java Server Faces）开发(二)，各组件的Html代码都是由JSF组件标记产生，例如：，假如超出范围，则向用户报告验证错误，该标记中可能还会包含其他JSF标记，如：标记

　　用户界面组件与验证
　　文件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><br/>
		  <div class="bdlikebutton"></div>
          <div id="a_l_2" class="ad_b6"></div>
      </div>
      <div class="clear"></div>
      
      
      <div class="clear"></div>
      <div class="textTags">
		<h3>Tags：<a href="/search-%CA%B9%D3%C3.html" target="_blank">使用</a> <a href="/search-JSF.html" target="_blank">JSF</a> <a href="/search-Java.html" target="_blank">Java</a> </h3><span>编辑录入：爽爽　[<a href="javascript:copyURL();">复制链接</a>]
			[<a href="javascript:window.print();">打 印</a>]</span> 
	  </div>
      <div class="clear"></div>
      <div id="a_l_3" class="news_down"></div>
      <div class="clear"></div>
      <div class="box_4" id="keywords"><span> <a href="javascript:;">相关阅读</a></span></div>
      <div class="two_list">
        <ul><li>››<a href="/sheji/js/98491.html" title="JavaScript项目优化总结">JavaScript项目优化总结</a></li>
<li>››<a href="/develop/java/98364.html" title="Java获取特殊目录或特殊值">Java获取特殊目录或特殊值</a></li>
<li>››<a href="/develop/java/98269.html" title="Java字符串排序中文+数字">Java字符串排序中文+数字</a></li>
<li>››<a href="/develop/java/98267.html" title="Java调用浏览器打开网址">Java调用浏览器打开网址</a></li>
<li>››<a href="/develop/java/98248.html" title="java 将excel文件转换成pdf文件">java 将excel文件转换成pdf文件</a></li>
<li>››<a href="/develop/java/98238.html" title="Java掉执行sql脚本的.bat文件">Java掉执行sql脚本的.bat文件</a></li>
<li>››<a href="/develop/java/98231.html" title="Java中synchronized的用法">Java中synchronized的用法</a></li>
<li>››<a href="/develop/java/98177.html" title="java web网站集成新浪微博登录">java web网站集成新浪微博登录</a></li>
<li>››<a href="/ruanjian/office/word/97758.html" title="使用word强大的搜索和替换功能">使用word强大的搜索和替换功能</a></li>
<li>››<a href="/os/windows7/97649.html" title="使用Win7自带屏幕录制功能的方法">使用Win7自带屏幕录制功能的方法</a></li>
<li>››<a href="/os/unix/97611.html" title="使用linux中的quota教程">使用linux中的quota教程</a></li>
<li>››<a href="/develop/java/97536.html" title="java读取配置文件properties的方法">java读取配置文件properties的方法</a></li>
</ul>
      </div>
	  <div class="clear"></div>
      <div id="pre_and_next" class="box_5">
            <ul>
            <li><a onclick='window.open("http://www1.baidu.com/baidu?word=使用JSF（Java Server Faces）开发(二)")' href="javascript:"><img src="/skins/icons/icon_baidu.gif" align="absmiddle" border="0" />中查找“使用JSF（Java Server Faces）开发(二)”更多相关内容</a></li>
            <li><a onclick='window.open("http://www.google.com.hk/search?q=使用JSF（Java Server Faces）开发(二)&client=pub-7181357378968076&forid=1&prog=aff&ie=GB2312&oe=GB2312&hl=zh-CN")' href="javascript:"><img src="/skins/icons/icon_google.gif" align="absmiddle" border="0" />中查找“使用JSF（Java Server Faces）开发(二)”更多相关内容</a></li>
            <li><strong class="c_blue">上一篇：</strong><a href="/web/jsp/69499.html">使用消息驱动Beans(2)</a></li>
            <li><strong class="c_blue">下一篇：</strong><a href="/web/jsp/69501.html">使用JSF（Java Server Faces）开发(一)</a></li>
            </ul>
      </div>
	  <div class="box_9">
		<h5>更多精彩</h5>
		<ul><li class="listimg1"><a href="/shujuku/mssql/59953.html"><img src="http://www.cncms.com/api/thumb/?w=110&h=80&url=http://tech.cncms.com/tech/UploadPic/2010925/201092520641648.jpg" alt="Web环境下SQL注入攻击的检测与防御" title="Web环境下SQL注入攻击的检测与防御" width="110" height="80" border="0" /></a><h6><a href="/shujuku/mssql/59953.html" title="Web环境下SQL注入攻击的检测与防御">Web环境下SQL注入攻击的检测与防御</a></h6></li>
<li class="listimg1"><a href="/ruanjian/yingyin/51633.html"><img src="http://www.cncms.com/api/thumb/?w=110&h=80&url=http://tech.cncms.com/tech/UploadPic/2010921/2010921162232712.jpg" alt="轻松打造漂亮情侣撕边相框效果" title="轻松打造漂亮情侣撕边相框效果" width="110" height="80" border="0" /></a><h6><a href="/ruanjian/yingyin/51633.html" title="轻松打造漂亮情侣撕边相框效果">轻松打造漂亮情侣撕边相框效果</a></h6></li>
<li class="listimg1"><a href="/os/windows7/16987.html"><img src="http://www.cncms.com/api/thumb/?w=110&h=80&url=http://tech.cncms.com/tech/UploadPic/2010913/201091382516477.jpg" alt="Windows 7系列应用教程：玩转Win7之图标的排列" title="Windows 7系列应用教程：玩转Win7之图标的排列" width="110" height="80" border="0" /></a><h6><a href="/os/windows7/16987.html" title="Windows 7系列应用教程：玩转Win7之图标的排列">Windows 7系列应用教程：玩转Win7之图标的排列</a></h6></li>
<li class="listimg1"><a href="/fuwuqi/webserver/iis/45079.html"><img src="http://www.cncms.com/api/thumb/?w=110&h=80&url=http://tech.cncms.com/tech/UploadPic/2010914/201091419567299.jpg" alt="妙用SSL给IIS加把锁" title="妙用SSL给IIS加把锁" width="110" height="80" border="0" /></a><h6><a href="/fuwuqi/webserver/iis/45079.html" title="妙用SSL给IIS加把锁">妙用SSL给IIS加把锁</a></h6></li>
<li class="listimg1"><a href="/os/vista/80734.html"><img src="http://www.cncms.com/api/thumb/?w=110&h=80&url=http://tech.cncms.com/tech/UploadPic/2010927/201092715049548.jpg" alt="体验Windows Mail 提前进入Vista高手行列" title="体验Windows Mail 提前进入Vista高手行列" width="110" height="80" border="0" /></a><h6><a href="/os/vista/80734.html" title="体验Windows Mail 提前进入Vista高手行列">体验Windows Mail 提前进入Vista高手行列</a></h6></li>
</ul>
	  </div>
	  <div class="box_10">
		<h5>赞助商链接</h5>
		<p><span id="a_l_4"><img src="/images/loading.gif" /></span></p>
	  </div>
    </div>
  </div>

<div class="sbox_2 f_r">
	<div id="a_r_1" class="ad_side"></div>
	<div class="bk_6"></div>
    <div class="clear"></div>
    <div class="tw_list">
      <h5>热点阅读</h5>
      <ul><li>
<a href="/shouji/android/34186.html">可以直接越狱翻墙的Android手机版Opera Min...</a></li>
<li>
<a href="/shouji/iphone/98285.html">如何让ios app支持32位和64位</a></li>
<li>
<a href="/shouji/android/96431.html">Android手机如何取消安全模式</a></li>
<li>
<a href="/shouji/android/98322.html">android 从资源中获取数组</a></li>
<li>
<a href="/os/xp/96093.html">XP SP3下安装office2010,提示要安装MSXML6....</a></li>
<li>
<a href="/fuwuqi/mail/95211.html">Exchange2010恢复已删除的账号及邮箱</a></li>
<li>
<a href="/os/windows2008/79119.html">windows 下利用apache配置WEB站点</a></li>
<li>
<a href="/os/unix/95955.html">Linux/ubuntu 查看JDK版本是32位还是64位</a></li>
<li>
<a href="/develop/java/95223.html">javadoc中的{@link }和{@linkplain }标签</a></li>
<li>
<a href="/os/centos/95017.html">客户端：Lync 2011 for Mac体验</a></li>
</ul>
    </div>
    <div class="pic_list">
      <h5>焦点图片</h5>
      <ul><li class="listimg1"><a href="/shouji/android/98318.html"><img src="http://www.cncms.com/api/thumb/?w=130&h=90&url=http://tech.cncms.com/tech/UploadPic/2013-10/201310512174941156.jpg" alt="Android获取SD卡总容量，可用大小，机身内存总容量及可用大小的系统方法" title="Android获取SD卡总容量，可用大小，机身内存总容量及可用大小的系统方法" width="130" height="90" border="0" /></a><h6><a href="/shouji/android/98318.html" title="Android获取SD卡总容量，可用大小，机身内存总容量及可用大小的系统方法">Android获取SD卡总容量...</a></h6></li>
<li class="listimg1"><a href="/tuxing/photoshop/98152.html"><img src="http://www.cncms.com/api/thumb/?w=130&h=90&url=http://tech.cncms.com/tech/UploadPic/2013-8/2013813201123813.jpg" alt="Photoshop调出内衣美女照柔美效果" title="Photoshop调出内衣美女照柔美效果" width="130" height="90" border="0" /></a><h6><a href="/tuxing/photoshop/98152.html" title="Photoshop调出内衣美女照柔美效果">Photoshop调出内衣美女...</a></h6></li>
<li class="listimg1"><a href="/os/windows7/98158.html"><img src="http://www.cncms.com/api/thumb/?w=130&h=90&url=http://tech.cncms.com/tech/UploadPic/2013-8/20138132088510.gif" alt="Windows7系统下有线网络优先级设置" title="Windows7系统下有线网络优先级设置" width="130" height="90" border="0" /></a><h6><a href="/os/windows7/98158.html" title="Windows7系统下有线网络优先级设置">Windows7系统下有线网...</a></h6></li>
<li class="listimg1"><a href="/ruanjian/wangluo/98119.html"><img src="http://www.cncms.com/api/thumb/?w=130&h=90&url=http://tech.cncms.com/tech/UploadPic/2013-8/20138513363447766.jpg" alt="解决FF浏览器和IE下载文件乱码问题" title="解决FF浏览器和IE下载文件乱码问题" width="130" height="90" border="0" /></a><h6><a href="/ruanjian/wangluo/98119.html" title="解决FF浏览器和IE下载文件乱码问题">解决FF浏览器和IE下载...</a></h6></li>
</ul>
    </div>
    <div class="clear"></div>
    <div class="tw_list">
      <h5>最新推荐</h5>
      <ul><li>
<a href="/shouji/android/98382.html">Android 如何修改默认输入法</a></li>
<li>
<a href="/os/windows8/98328.html">Windows 8中将开始菜单(metro界面)创建关机...</a></li>
<li>
<a href="/shouji/android/98318.html">Android获取SD卡总容量，可用大小，机身内存...</a></li>
<li>
<a href="/os/unix/98236.html">详解Linux 系统命令及其使用</a></li>
<li>
<a href="/sheji/html/98189.html">解决网页内容无法复制</a></li>
<li>
<a href="/os/windows7/98165.html">实用的Win 7远程桌面连接技巧</a></li>
<li>
<a href="/tuxing/photoshop/98152.html">Photoshop调出内衣美女照柔美效果</a></li>
<li>
<a href="/os/windows7/98158.html">Windows7系统下有线网络优先级设置</a></li>
<li>
<a href="/sheji/js/98126.html">JQuery实现下拉,单选,复选三大控件方法,</a></li>
<li>
<a href="/web/php/98125.html">php常用过滤非法/特殊字符串的方法</a></li>
</ul>
    </div>
	<div class="bk_10"></div>
	<div class="clear"></div>
    <div id="a_r_2" class="ad_side"></div>
	<div class="bk_10"></div>
	<div class="clear"></div>
    <div class="tw_list">
      <h5>精彩阅读</h5>
      <ul>
<li>
<a href="/tuxing/photoshop/35517.html">[视频教程]Photoshop 经典效果1000例 57</a></li>
<li>
<a href="/develop/c/24306.html">学WF系列（七）——改善登录程序（上）</a></li>
<li>
<a href="/tuxing/flash/93714.html">XML注意的转义字符</a></li>
<li>
<a href="/ruanjian/office/word/11414.html">[视频教程]Word 2007视频教程11-文字方向等...</a></li>
<li>
<a href="/web/jsp/56348.html">Java中合并XML文档的设计与实现</a></li>
<li>
<a href="/sheji/divcss/91467.html">CSS层叠顺序</a></li>
<li>
<a href="/anquan/hacker/25728.html">对PECompact v1.34的手动脱壳</a></li>
<li>
<a href="/web/jsp/55196.html">用Java SE 6.0实现高质量桌面集成开发</a></li>
<li>
<a href="/shujuku/mysql/59193.html">MySQL数据库学习手册之MySQL客户工具和API</a></li>
<li>
<a href="/ruanjian/yingyin/47984.html">风行鼠于您 新发布新年版喜迎新年</a></li>
<li>
<a href="/shouji/symbian/33080.html">Symbian 中动态加载 DLL</a></li>
<li>
<a href="/shouji/android/35899.html">Android Logcat 使用技巧</a></li>
<li></ul>
    </div>
  </div>
  <div class="clear"></div>
</div>
<div class="bk_10"></div>
<div id="foot_link" class="main center">
    <a href="http://tech.cncms.com/">技术首页</a>　|　关于本站　|　<a href="http://sighttp.qq.com/msgrd?v=1&uin=195427478&site=web开发网广告投放tech.cncms.com&menu=yes">广告合作</a>　|　<a href="http://sighttp.qq.com/msgrd?v=1&uin=749081771&site=web开发网tech.cncms.com&menu=yes">联系我们</a>　|　<a href="/link/" target="_blank">友情连接</a>　|　<a href="/sitemap.html">网站地图</a>
</div>
<div id="foot" class="center">
　Copyright © 2003-2013 <a href="http://www.cncms.com" target="_blank"><font face="Verdana, Arial, Helvetica, sans-serif"><b>CnCms<font color="#cc0000">.Com</font></b></font></a>. All Rights Reserved　京ICP备10000768号
    <script language="JavaScript">footer();</script>
</div>
<div class="dis_n"><script language="JavaScript">tongjipv();</script></div>
</body>
</html>

<div id="html_js">
<div id="a_h_1_js"><script>ad_h_1();</script></div><script>swapHTML('a_h_1');</script>
<div id="a_l_1_js"><script>ad_l_1();</script></div><script>swapHTML('a_l_1');</script>
<div id="a_l_2_js"><script>ad_l_2();</script></div><script>swapHTML('a_l_2');</script>
<div id="a_l_3_js"><script>ad_l_3();</script></div><script>swapHTML('a_l_3');</script>
<div id="a_l_4_js"><script>ad_l_4();</script></div><script>swapHTML('a_l_4');</script>
<div id="a_r_1_js"><script>ad_r_1();</script></div><script>swapHTML('a_r_1');</script>
<div id="a_r_2_js"><script>ad_r_2();</script></div><script>swapHTML('a_r_2');</script>
</div>
<script language="JavaScript" src="/tech/hits.asp?id=69500&type=1"></script>
<script language="JavaScript" src="/tech/checkhtml.asp?id=69500&d=2015-1-9 9:54:16"></script>

<script id="bdlike_shell"></script>
<script>
var bdShare_config = {
	"type":"large",
	"color":"green",
	"uid":"663602",
	"likeText":"点击分享给好友",
	"likedText":"CNCMS.COM",
	"share":"yes"
};
document.getElementById("bdlike_shell").src="http://bdimg.share.baidu.com/static/js/like_shell.js?t=" + new Date().getHours();
</script>