JavaServer Faces入门开发实例-技术开发专区

JavaServer Faces入门开发实例

作者：IT168 gmplayer 编辑： ITPUB实习编辑 2007-04-01 13:32

【IT168技术文档】
    实战开发

    下面来介绍一个简单的JavaServer Faces应用程序示例。
    该实例的组成部分
    1. 定义登录和欢迎屏幕的页面，这里是index.jsp和welcome.jsp
    2. 管理用户数据的bean，这里是UserBean.java，该bean就是一个保露属性的Java类，该类中包括许多setter和getter方法。
    3. 一个列出bean资源和导航规则的应用程序配置文件。默认时，这个文件为faces-config.xml
    4. 使得servle容器保持正确的其他必要文件：web.xml
    5. 开发JSF所用到的jar文件。如：jsf-api.jar，jsf-impl.jar，jstl.jar等。
    如果我们使用集成开发环境如Eclipse，可以通过建立一个Web项目，并且右击所建的项目，选择Myeclipse－>Add JSF Capabilities来导入开发JSF所需要的jar包和建立配置文件faces-config.xml，web.xml等。

    登录和欢迎界面
    实例是从登录屏幕开始。如图所示：

     在实际的Web应用程序中，这个登录屏幕应该由有经验的Web设计师来美化。

    描述登录屏幕的文件实际上是一个带有一些其他标签的HTML文件，参见程序代码index.jsp。其外观可以很容易的由任何无编程技能的图形师来改善。

     index.jsp

<html>
    <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
    <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
    <f:view>
        <head>
            <title>This is the first JSF example!</title>
        </head>

        <body>
            <h:form>
                <h3>
                    Please enter your name and password
                </h3>
                <table>
                    <tr>
                        <td>
                            Name:
                        </td>
                        <td>
                            <h:inputText value="#{user.name}" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Password:
                        </td>
                        <td>
                            <h:inputText value="#{user.password}" />
                        </td>
                    </tr>
                </table>
                <p>
                    <h:commandButton value="Login" action="login" />
                </p>
            </h:form>
        </body>
    </f:view>
</html>

第1页：为什么要使用JavaServer Faces 第2页：JSF优势第3页：实战开发第4页：欢迎界面第5页：管理Bean 第6页：Web.xml文件的配置

关注我们