JSF入门笔记

首先简单的理解一下JSF的工作方式

 

六个阶段分别为：

l         恢复视图：也称为重建组件树，在服务器端生成页面上的对象等操作。

l         应用请求值:这些值可能来自请求参数、头文件及cookie等。

l         处理验证：当每个组件的本地值被更新后，Lifecycle对象都会验证这些值的合法性。

l         更新模型值：负责更新服务器端模型的实际值，通常来讲，这都是通过更新后台Bean（称为管理Bean）的属性实现

l         调用应用程序：JSF控制器调用应用程序来处理应用程序级的事件，就比如执行事件注册的方法

l         呈现响应:此阶段将在视图中显示当前状态的所有组件。

上面的六个阶段都是由内部自动执行，只须对其有初步了解即可。

 

上图：JSF请求处理生命周期的各阶段

概念：

(1)编码、解码、受管bean、监听器、转换器、验证器、导航规则

编码：可以理解成从后台输出到用户页面上的过程；

解码：可以理解成从用户页面请求到服务器端的数据的过程；

(2)静态导航、动态导航

 

 

用JSF实现WEB应用：

1、开发、配置受管bean；

2、用JSF标记编写JSP页面；

3、在faces-config.xml中配置导航规则；

 

以上知识点是课堂上需要掌握的。接下来根据这些知识点做一题练习题，简单的使用了JSF框架实现两数加减

 

在JBuilder中新建WEB站点的时候把图中的JSF勾上，而JSTL1.1自动会勾上，因为JSF要使用到相关的类与标签。

按照步骤可以先建立一个JavaBean或者一个主页面

主页面上放一个链接，下拉调用JSF到一个页面

<a href="add.faces">两个数的运算</a>

 add.faces

 

 

为一个jsp文件，但后缀要改成faces

建立一个JavaBean里面三个属性，两个接收的数字，一个存入相减或相加的和，所以差/和只要一个get方法

接下来要配置该BEAN为受管的BEAN，那么就要动手配置 faces-config.xml 该文件了。

<managed-bean>
     <managed-bean-name>numberbean</managed-bean-name>
     <managed-bean-class>jsfprj1.NumberBean</managed-bean-class>
     <managed-bean-scope>request</managed-bean-scope>
</managed-bean>

<navigation-rule>
      <from-view-id>/add.jsp</from-view-id>
      <navigation-case>
             <from-outcome>ok</from-outcome>
             <to-view-id>/result.jsp</to-view-id>
      <navigation-case>
</navigation-rule>

 

 

 

Managed-bean中的是配置要受管的bean信息

Navigation-rule中就是要配置导航规则

<from-view-id>从哪个页面请求过来的

<from-outcome>点击什么出口（*action）

<to-view-id>处理转到哪个页面

建立两个JSP页面add.jsp result.jsp分别都使用 这两个jsf_core html_basic 标签

当从index.jsp连接过来的时候直接跳转到add.jsp页面的时候，实际上JSF已经把页面上的事先写好的生成网页形式在页面上了

下面说说add.jsp中所写的关键代码

<f:view>
    <h:from>
     第一个数:<h:inputText value="#{number.num1}"/><br/>
    第二个数:<h:inputText value="#{number.num2}"/><br/>
    <h:commandButton value="加" action="add" actionListener="#{number.add}"/>
    <h:commandButton value="减" action="dul" actionListener="#{number.dul}"/>
    </h:form>
 </f:view>

 

 

 

这里用到了上面所导入的两个标签；一个是h、另一个是f　

这里要在网页上显示的必须放在<f:view>中h 开头的都是与html相关的标签。

上面的是生成一个form表单。Value中的写法比较特殊，是以#{}表示，里面写的内容为javabean别名以及属性名

而在提交表单的时候要注意两个属性值的配置，一个是action是指在faces-config.xml中所配置的导航出处的别名

另一个为actionListener是指配置监听方法，也类似于注册事件，方法不带（）

最后在result.jsp页面中显示输出刚才两个数的运算结果,因为导航中配置好点击事件时的出口就是到result.jsp

同样要放在f:view中，使用的标签为<h:outputText>

<f:view>
  <h:outputText value="#{number.num1}"/>
  +
  <h:outputText value="#{number.num2}"/>
 =
<h:outputText value="#{number.sum}"/>

</f:view>