创建简单的JSF例子

一、创建一个WEB 项目 JSFDemo 

   a) 引入JAR包 jsf-api.jarjsf-impl.jar

二、WEB-INFO文件夹下创建JSF配置文件 

   a) faces-config.xml或其他名字(web.xml中默认为WEB-INFO下的faces-config.xml

三、配置web.xml

   a) 配置servlet  

<servlet>
 	<servlet-name>JSF Demo</servlet-name>
 	<servlet-class>javax.faces.webapp.FacesServlet</servlet-calss>
 	<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
	<servlet-name></servlet-name>
	<url-pattern>*.faces</url-pattern>
</servlet-mapping>

 b) 引入JSF的配置文件,如不写默认文件名为WEB-INFO下的faces-config.xml

  <content-params>

  <param-name>javax.faces.CONFIG_FILES</param-name>

  <param-value>/WEB-INF/faces-config.xml</param-value>

   </content-params>

 javax.faces.CONFIG_FILES 这个变量的取值指定了JSF 的配置文件的位置所在,读者可以根据自己的需要进行修改

四、创建消息包(实现国际化,可以不配)

  a) src目录下创建一个Message.properties,在里面配置一些信息,在JSP页面中调用时

<f:loadBundle basename="相对路径.Message" var="bindings">var相当于起的名字

五、创建Bean

   创建一个com.mine.bean.UserBean,有一个私有属性name,和getter/setter方法

六、创建JSP页面

  a) 创建index.jsp和一个welcomen.jsp,在创建的jsp中首先引入JSF标签

  <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>

  <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>

  Index.jsp中

  <f:view>

    <f:loadBundle basename="Messages" var="bindings"/>

   <h:form>

   <h3>请输入你的名字</h3>

   名称:<h:inputText value="#{UserBean.name}"></h:inputText>

   <h:commandButton action="login" value="#{bindings.submit}"> </h:commandButton>

</h:form>

</f:view>

Welcome.jsp中

<f:view>

<h:outputText value="#{UserBean.name}"></h:outputText>,Welcome to JSF World!

</f:view>

Index中输入,welcome中显示

七、配置JSF配置文件

<faces-config>

 <managed-bean>

  <managed-bean-name>UserBean</managed-bean-name>

  <managed-bean-class>com.mine.bean.UserBean</managed-bean-class>

  <managed-bean-scope>session</managed-bean-scope>

 </managed-bean>

 <navigation-rule>

<from-view-id>/index.jsp</from-view-id>

<navigation-case>

<from-outcome>login</from-outcome>

<to-view-id>/welcome.jsp</to-view-id>

</navigation-case>

  </navigation-rule>

managed-bean中配置bean信息 managed-bean-name是别名,用于在jsp中使用 如value="#{UserBean.name}"managed-bean-scope必须配置,requestsession

navigation-rule是配置流程的规则from-view-id是开始页,navigation-casefrom-outcome是跳转名,对应JSP中按钮中的actionto-view-id指向跳转的页面

八、这样就配置完了,但当你起服务时,会发现报Cannot find FacesContext错误,解决的办法由三个

a) web.xml中

<welcome-file-list>

  <welcome-file>index.faces</welcome-file>

 </welcome-file-list>

b) index.jsp改名为home.jsp,然后创建一个index.jsp,在index.jsp中写一行代码

<jsp:forward page="/home.faces"></jsp:forward >

c) index.jsp这个JSF文件直接改成home.jsp,即不为welcome-file文件.启动时不会有任何错误的

九、这样就可以启动服务,然后输入URL地址进行测试了。

 

注:可以用Bean中的方法实现跳转

一、在index.jsp中添加按钮

<h:commandButton action="#{UserBean.loginMethod}value="调用Bean中的方法"></h:commandButton>

二、UserBean中添加方法

public String loginMethod(){

return "login";

}

 

<!--EndFragment-->

资源下载链接为: https://pan.quark.cn/s/d9ef5828b597 四路20秒声光显示计分抢答器Multisim14仿真源文件+设计文档资料摘要 数字抢答器由主体电路与扩展电路组成。优先编码电路、锁存器、译码电路将参赛队的输入信号在显示器上输出;用控制电路和主持人开关启动报警电路,以上两部分组成主体电路。通过定时电路和译码电路将秒脉冲产生的信号在显示器上输出实现计时功能,构成扩展电路。经过布线、焊接、调试等工作后数字抢答器成形。关键字:开关阵列电路;触发锁存电路;解锁电路;编码电路;显示电路 一、设计目的 本设计是利用已学过的数电知识,设计的4人抢答器。(1)重温自己已学过的数电知识;(2)掌握数字集成电路的设计方法和原理;(3)通过完成该设计任务掌握实际问题的逻辑分析,学会对实际问题进行逻辑状态分配、化简;(4)掌握数字电路各部分电路与总体电路的设计、调试、模拟仿真方法。 二、整体设计 (一)设计任务与要求: 抢答器同时供4名选手或4个代表队比赛,分别用4个按钮S0 ~ S3表示。 设置一个系统清除和抢答控制开关S,该开关由主持人控制。 抢答器具有锁存与显示功能。即选手按动按钮,锁存相应的编号,并在LED数码管上显示,同时扬声器发出报警声响提示。选手抢答实行优先锁存,优先抢答选手的编号一直保持到主持人将系统清除为止。 参赛选手在设定的时间内进行抢答,抢答有效,定时器停止工作,显示器上显示选手的编号和抢答的时间,并保持到主持人将系统清除为止。 如果定时时间已到,无人抢答,本次抢答无效。 (二)设计原理与参考电路 抢答器的组成框图如下图所示。它主要由开关阵列电路、触发锁存电路、解锁电路、编码电路和显示电路等几部分组成。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值