JSF入门笔记

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

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

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

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

建立一个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>