使用 JSF 导航(电脑学习)_第1页
使用 JSF 导航(电脑学习)_第2页
使用 JSF 导航(电脑学习)_第3页
使用 JSF 导航(电脑学习)_第4页
使用 JSF 导航(电脑学习)_第5页
已阅读5页,还剩18页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

使用JSF导航2JSF应用程序的用户界面由页面设计人员设计。模型对象是由应用程序开发人员实现的开发一个JSF应用的步骤包括:开发模型对象、开发基于JSF用户界面、编写时间监听器或者导航规则

JBulider提供的JSF开发工具包括:JSF创建向导、FacesConfig编辑器和JSP编辑器JSF通过从属性文件中提供特定于语言环境的数据来实现国际化回顾3目标静态导航动态导航4主页index.jsp

<ahref="/j2se/index.jsp">J2SE(Core/Desktop)</a><ahref="/downloads/ea/index.html#j2se">EarlyAccess</a>导航概念2-15下一个页面取决于:当前显示页由UICommand组件action属性调用的操作导航规则中指出的结果字符串导航概念2-2

…….……………网页…….………………….………………….……………网页Web应用程序导航规则在应用程序配置文件中定义各种导航规则,并将结果字符串与每个规则关联。将结果字符串用作JSF页面按钮或超链接的action属性值。6导航规则<navigation-rule><from-view-id>/default.jsp</from-view-id><navigation-case><from-outcome>index</from-outcome><to-view-id>/index.jsp</to-view-id></navigation-case></navigation-rule>标识初始页标识一个导航块from-outcome元素是navigation-rule中from-view-id子元素处理的结果to-view-id元素为这个导航块指定目标页<h:commandLink…….action="index"/>7

静态导航2-1用户download.jsp请求导航处理程序应用程序…….……………Web页面…….………………….……………固定的jsp页面响应Index.jspdownload.jspearlyaccess.jspdownload.jsp8静态导航2-2通过按钮的action属性与导航规则中的from-outcome元素值匹配<h:commandButtonid="login"action="welcome"value="登录"/><navigation-rule><from-view-id>/login.jsp</from-view-id><navigation-case><from-outcome>welcome</from-outcome><to-view-id>/results.jsp</to-view-id></navigation-case></navigation-rule>9静态导航示例zhangsan10后台BeanpublicclassUser{privateStringname;publicvoidsetName(Stringname){=name;}publicStringgetName(){returnname;}}11视图页<%@tagliburi="/jsf/core"prefix="f"%><%@tagliburi="/jsf/html"prefix="h"%><%@pagecontentType="text/html;charset=gb2312"%><html><head><title>欢迎</title></head><body><f:view><h:form><tr><td>请输入您的用户名:</td></tr><h:inputTextvalue="#{U}"/><br><br><h:commandButtonaction="success"value="提交"/></h:form></f:view></body></html>Welcome.jsp<%@tagliburi="/jsf/core"prefix="f"%><%@tagliburi="/jsf/html"prefix="h"%><%@pagecontentType="text/html;charset=gb2312"%><html><head><title>再见</title></head><body><f:view><h:form>您的用户名是<h:outputTextvalue="#{U}"/>,欢迎下次访问!<br><br><h:commandLinkaction="welcome"value="返回"/></h:form></f:view></body></html>Goodbye.jsp12导航规则配置……<navigation-rule><from-view-id>/Welcome.jsp</from-view-id><navigation-case><from-outcome>success</from-outcome><to-view-id>/Goodbye.jsp</to-view-id></navigation-case></navigation-rule><navigation-rule><from-view-id>/Goodbye.jsp</from-view-id><navigation-case><from-outcome>welcome</from-outcome><to-view-id>/Welcome.jsp</to-view-id></navigation-case></navigation-rule>……faces-config.xml演示:示例113xinfei1983**********xinfei1983*********动态导航2-114动态导航2-2将登录按钮与后台Bean的用户验证方法相关联<h:commandButtonid="login"action="#{loginController.verifyUser}"

value="登录"/>StringverifyUser(StringuserName,Stringpassword){if(userName.equals("Tomcat")&&password.equals("Tomcat")){return"success";}else{return"failure";}}<navigation-rule><from-view-id>/login.jsp</from-view-id><navigation-case> <from-outcome>success</from-outcome><to-view-id>/success.jsp</to-view-id></navigation-case><navigation-case><from-outcome>failure</from-outcome><to-view-id>/failure.jsp</to-view-id></navigation-case></navigation-rule>用户验证方法导航规则15动态导航示例显示给用户一系列数学推理测试问题80113当回答完最后一个题目时,公布最后得分,并邀请用户重新开始16Problem类描述了一个题目的问题和答案,以及检查特定答案是否正确的方法后台Bean2-1publicclassProblem{privateStringquestion;privateStringanswer;publicProblem(Stringquestion,Stringanswer){this.question=question;this.answer=answer;}publicStringgetQuestion(){returnquestion;}publicStringgetAnswer(){returnanswer;}publicbooleanisCorrect(Stringresponse){returnresponse.trim().equalsIgnoreCase(answer);}}题目的问题题目的答案验证特定的答案是否正确17后台Bean2-2QiuzBean类描述了包含很多题目的测验,还跟踪当前问题和用户的总得分publicclassQuizBean{privateintcurrentProblem;privateintscore;privateStringresponse;privateStringcorrectAnswer;//在实际的应用程序中,可以从数据库中提取所有的问题privateProblem[]problems={newProblem("8,10,14,22,38","70"),newProblem("8,15,29,57","113"),newProblem("4/17,7/13,10/9","13/5"),newProblem("99,110,122,135","149"),newProblem("1,3,4,1,5","9")};

publicQuizBean(){startOver();}publicStringgetQuestion(){returnproblems[currentProblem].getQuestion();}publicStringgetAnswer(){returncorrectAnswer;}publicintgetScore(){returnscore;}publicStringgetResponse(){returnresponse;}publicvoidsetResponse(StringnewValue){response=newValue;}

publicStringanswerAction(){if(problems[currentProblem].isCorrect(response)){score++;nextProblem();if(currentProblem==problems.length){return"done";}else{return"success";}}else{nextProblem();if(currentProblem==problems.length){return"done";}else{return"failure";}}}

publicStringstartOverAction(){startOver();return"startOver";}

privatevoidstartOver(){currentProblem=0;score=0;response="";}

privatevoidnextProblem(){correctAnswer=problems[currentProblem].getAnswer();currentProblem++;response="";}}18视图页index.jsp<html><head><title>数学推理小测验</title></head><body><f:view><h:form><p><h:outputLabelvalue="有以下数字序列:"/><h:outputTextvalue="#{quiz.question}"/></p><p><h:outputLabelvalue="根据前面数字的规律,推断下一个数字:"/><h:inputTextvalue="#{quiz.response}"/></p><p><h:commandButtonvalue="检查答案"action="#{quiz.answerAction}"/></p></h:form></f:view></body></html>主测试页面19视图页failure.jsp……<html><head><title>答错了</title></head><bodybgcolor="#ffffff"><f:view><h:form><h:outputTextvalue="很遗憾,你答错了!"/><br><br><h:outputTextvalue="正确答案是:"/><h:outputTextvalue="#{quiz.answer}"/><p><h:commandLinkvalue="下一个题目"action="next"/></p></h:form></f:view></body></html>答案错误页面20视图页success.jsp<html><head><title>数学推理小测验</title></head><body><f:view><h:form><p><h:outputTextvalue="恭喜你,你答对了!"/><h:outputTextvalue="你现在的得分是:"/><h:outputTextvalue="#{quiz.score}"/></p><p><h:outputTextvalue="下一个题目是:"/></p><p><h:outputLabelvalue="有以下数字序列:"/><h:outputTextvalue="#{quiz.question}"/></p><p><h:outputLabelvalue="根据前面数字的规律,推断下一个数字:"/><h:inputTextvalue="#{quiz.response}"/></p><p><h:commandButtonvalue="检查答案"action="#{quiz.answerAction}"/></h:form></f:view></body></html>答案正确显示下一个测试题目页面21视图页done.jsp<html><head><title>数学推理小测验</title></head><body><f:view><h:form><p><h:outputTextvalue="感谢你参加这次测验"/><h:outputTextvalue="你的最后得分是:"/><h:outputTextvalue="#{quiz.score}"/></p><p><h:commandButtonvalue="重新开始"action="#{quiz.startOverAction}"/></p></h:form></f:view></body></html>显示最后得分,并要求用户再玩一次页面22导航规则配置……<navigation-rule><navigation-case><from-outcome>success</from-outcome><to-view-id>/success.jsp</to-view-id>

<redirect/></navigation-case>

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论