使用jsf（java server faces）开发(二)

人气：1263 2007-11-17

　　用户界面组件与验证
　　文件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>
    </div>
</div>

<div class="indexmk_2">
    <div class="cont">
        <ul class="support">
            <li>
                <i class="iconfont icon-jiesuo"></i>
                <h1>https访问</h1>
            </li>
            <li>
                <i class="iconfont icon-shijian"></i>
                <h1><a href="/contact.jsp">7*24小时服务</a></h1>
            </li>
            <li>
                <i class="iconfont icon-kefu"></i>
                <h1>专业一线支持</h1>
            </li>
            <li class="last">
                <i class="iconfont icon-riqi"></i>
                <h1><a href="/refund.jsp">7天无理由退款</a></h1>
            </li>
        </ul>
    </div>
</div>
<div class="indexmk_2">
    <div class="cont">
      <ul class="bottom_nav">
          <li>
              <h1 title="关于我们">关于我们</h1>
              <a href="/about.jsp">公司介绍</a>
              <a href="/fjjsp/news/web/index.do?BOARD_ID=1">最新动态</a>
              <a href="/contact.jsp">联系我们</a>
          </li>
          <li>
              <h1 title="产品与服务">产品与服务</h1>
              <a href="/domain/">域名注册</a>
              <a href="/idc/">jsp空间</a>
              <a href="/idc/php.jsp">php空间</a>
          </li>
          <li>
              <h1 title="关于我们">常见问题</h1>
              <a href="/help/jhost/index.htm" target="_blank">空间操作手册</a>
              <a href="/fjjsp/news/web/new_view.do?NEW_ID=54">网站备案相关</a>
              <a href="/refund.jsp">退款相关问题</a>
          </li>
          <li>
              <h1 title="技术支持">技术支持</h1>
              <a href="tencent://message/?uin=178966803&Site=福佳JSP空间&Menu=yes">技术 QQ ：178966803</a>
              <a href="javascript:void(0);">联系电话：13616026886</a>
              <a href="mailto:fjjsp@vip.163.com">联系邮箱：fjjsp@vip.163.com</a>
          </li>
      </ul>
      <div class="subewm">
          <img src="/common/images/qrcode.jpg" />
          <p>扫描关注微信公众号</p>
      </div>
    </div>
</div>
<div class="footer">
    <div class="cont">
        <div class="sub">© 2005-2021 漳州市福佳网络科技有限公司 版权所有 <a href="//beian.miit.gov.cn/" target="_blank">闽ICP备09012882号-3</a></div>
        <div class="sub"><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=35060202000074" target="_blank" ><img src="/common/images/gab.png"/>闽公网安备 35060202000074号</a></div>

</div>
</div>
<div class="tool">
    <div class="cus">
        <div class="li js_qq">
            <a href="javascript:void(0);" title="客服">
                <i class="iconfont icon-rexian"></i>
            </a>
            <div class="wind_qq js_windqq" >
                <div class="title">
                    <i class="iconfont icon-rexian"></i>
                    福佳空间在线客服
                </div>
                <a target="_blank" class="qq_link" title="客服1:20944024" href="tencent://message/?uin=20944024&Site=福佳JSP空间&Menu=yes">
                  <i class="iconfont icon-qq"></i>20944024
                </a>
                <a target="_blank" class="qq_link" title="客服2:178966803" href="tencent://message/?uin=178966803&Site=福佳JSP空间&Menu=yes">
                  <i class="iconfont icon-qq"></i>178966803
                </a>
                <a target="_blank" class="qq_link" title="客服3:1946551451" href="tencent://message/?uin=1946551451&Site=福佳JSP空间&Menu=yes">
                  <i class="iconfont icon-qq"></i>1946551451
                </a>
            </div>
        </div>
        <div class="li">
            <a href="javascript:void(0);" title="扫一扫关注我们">
                <i class="iconfont icon-erweima"></i>
                <div class="tool_ewm"><img src="/common/images/qrcode.jpg"><p>扫描关注微信公众号</p></div>
            </a>
        </div>
        <div class="li">
            <a href="javascript:void(0);" title="客服热线">
                <i class="iconfont icon-rexiandianhua"></i>
                <div class="tool_tel">13616026886</div>
            </a>
        </div>
        <div class="li">
            <a href="/idc/" title="JAVA空间">
                <i class="iconfont icon-java"></i>
                <div class="tool_tel">JAVA空间</div>
            </a>
        </div>
        <div class="li">
            <a href="/idc/php.jsp" title="PHP空间">
                <i class="iconfont icon-php"></i>
                <div class="tool_tel">PHP空间</div>
            </a>
        </div>
        <div class="li">
            <a href="/domain/" title="域名">
                <i class="iconfont icon-duoyuyan"></i>
                <div class="tool_tel">域名注册</div>
            </a>
        </div>
    </div>
    <div class="shortcut" style="display: hidden;">
        <a href="#" title="返回顶部">
            <i class="iconfont icon-shouqi"></i>
        </a>
    </div>
</div>

<script src="/common/plugins/jQuery/jquery-2.2.3.min.js"></script>


<script type="text/javascript" src="/common/js/common.js"></script>
</body>
</html>

欢迎登录福佳jsp空间

技术文档 欢迎使用技术文档，我们为你提供从新手到专业开发者的所有资源，你也可以通过它日益精进

使用jsf（java server faces）开发(二)

技术文档欢迎使用技术文档，我们为你提供从新手到专业开发者的所有资源，你也可以通过它日益精进