NetBeans中JSF应用开发（1）

最新推荐文章于 2022-01-21 10:12:28 发布

丶季末筅森

最新推荐文章于 2022-01-21 10:12:28 发布

阅读量438

点赞数

分类专栏：框架xml文件文章标签： jsf netbeans 应用服务器 jsp java application

框架xml文件专栏收录该内容

7 篇文章 0 订阅

订阅专栏

这是JSF技术系列讲座的第1个，整个讲座包括两大部分，第1部分是在NetBeans中的开发过程，第二部分是JSF相关技术的全面介绍。

JavaServer Faces是Web应用中构建用户接口组件的标注Java API。可以把JSF框架想象成充满随时可以使用的组件的工具箱，这些组件可以在Web应用中快速和方便的重用。这些组件可能是简单的，例如存取用户数据的输入框，可能非常复杂，例如使用弹出式日历来格式化日期的输入框。可以把这些组件嵌入到JSP页面，然后使用框架来处理不同页面之间的导航。

目标：创建一个JSF应用。

使用JSF框架创建一个Web应用

在 NetBeans 中，可以在创建应用的时候为 Web 应用添加 JSF 支持，也可以为已有的应用添加 JSF 支持。 Sun 应用服务器已经包含了 JSF 库，所以不需要下载和安装。我们在创建应用的时候添加 JSF 支持。

选择 File > New Project (Ctrl-Shift-N), 从Web目录中的 Web Application，点击Next.
指定工程的名字为jAstrologer, 并为工厂指定位置，选择Sun应用服务器作为服务器，设置Java EE的版本为Java EE 5，然后点击Next.
选中JavaServer Faces 复选框，然后点击Finish.

NetBeans 完成 Web 应用的创建。展开工程的 Libraries 中的 Sun Java System Application Server 节点 . 可以看到 JSF 库，例如 jsf-impl.jar 已经添加到 classpath 中了。展开 Configuration Files 可以看到 IDE 已经创建了 faces-config.xml 文件，该文件控制 Web 应用中 JSF 组件的行为。 IDE 还在 web.xml 部署描述符中注册了 FacesServlet 。 FacesServlet 处理 JSF 框架所控制的 JSP 页面之间的导航。

创建JSP页面

我们将创建一个新的 JSP 页面 greeting.jsp ，该页面作为欢迎界面并且用于收集他们的信息 , 然后创建一个 success.jsp ，为用户显示祝贺信息。

创建欢迎页面

右键点击工程节点，选择 New 选择 JSP，命名为greeting, 点击Finish. 确保选中JSP File (Standard Syntax) 。
现在需要在JSF文件中声明JSF标签库，修改下面的代码；

<%--

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

--%>

改成 :

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

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

注意可以使用代码生成器帮助添加标签名字和属性。代码生成器同样可以帮助你添加标签库的 URI 。

把title和h1标签改成Welcome to jAstrologer.
向文件中添加一个JSF表单。在Palette中，点击JSF Form按钮，然后拖拽到h1标签的下面。在对话框中，选择Empty Form，然后点击OK。IDE会生成如下代码（粗体部分）。

<h1>Welcome to jAstrologer</h1>

    <f:view>

        <h:form>

        </h:form>

    </f:view>

</body>

我们准备使用inputText组件获取用户输入，实用commandButton组件提交表单。在源文件编辑区，把h:form元素的内容修改成：

    <f:view>

        <h:form>

            <p>Enter your name: <h:inputText value="name" /></p>

            <p>Enter your birthday: <h:inputText value="birthday" /></p>

            <h:commandButton value="Submit" action="submit" />

        </h:form>

    </f:view>

创建成功的页面

现在要创建一个仅仅输出 "Congratulations" 的页面。

像上面一样创建一个新的JSP文件，命名为success。
把文件的内容修改成：

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <title>Congratulations</title>

    </head>

    <body>

    <h1>Congratulations</h1>

    <p>You've successfully registered with jAstrologer.</p>

    </body>

</html>

注意：我们这里使用的是纯 HTML ，所以不需要声明 JSF 标签库。

设置页面导航

JSF 框架中页面的导航是由 faces-config.xml 文件控制的，该文件位于工程窗口中的 Configuration Files 节点下。对于每个页面，你可以设置一个包含一个或多个导航情况的导航规则。现在，我们仅仅将 commandButton 的 submit 动作提交给 success.jsp ，因此不论用户在输入框中输入什么信息，都可以看到成功的消息。

双击faces-config.xml打开Source Editor。
右键单击文件的任何地方，选择Java ServerFaces，然后选择 Add Navigation Rule。然后在Rule from View 输入框中输入/greeting.jsp，然后输入规则的描述（可选的），然后点击Add。

在 faces-config.xml 中生成了下面的代码：

    <navigation-rule>

        <description>

            handle user input

        </description>

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

    </navigation-rule>

在faces-config.xml中右键单击，然后选择Java ServerFaces选择Add Navigation Case，设置如下：

n From View: /greeting.jsp

n From Outcome: submit

n To View: /success.jsp

点击 Add 。在 faces-config.xml 中生成了下面的代码（粗体部分）：

    <navigation-rule>

        <description>

            handle user input

        </description>

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

        <navigation-case>

            <from-outcome>submit</from-outcome>

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

        </navigation-case>

    </navigation-rule>

配置和运行程序

现在对 IDE 进行设置，当运行这个应用的时候，显示 greeting.jsp ，然后测试这个应用。

右键点击工程，然后先择Properties.
点击Run，然后在Relative URL输入框中输入/faces/greeting.jsp，然后点击OK。
右键点击工程，然后选择Run。IDE会build工程，启动应用服务器，部署应用，并在浏览器中显示下面的页面。

当您点击 Submit 按钮的时候，可以看到下面的输入结果：

关于 JSF 的基本概念可以参考书上第 11 章 JSF 概述，和第 12 章一个简单的 JSF 应用。

书：《 Java EE 5 实用教程》

丶季末筅森

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
NetBeans中JSF应用开发（1）

这是JSF技术系列讲座的第1个，整个讲座包括两大部分，第1部分是在NetBeans中的开发过程，第二部分是JSF相关技术的全面介绍。JavaServer Faces是Web应用中构建用户接口组件的标注Java API。可以把JSF框架想象成充满随时可以使用的组件的工具箱，这些组件可以在Web应用中快速和方便的重用。这些组件可能是简单的，例如存取用户数据的输入框，可能非常复杂，例如使用弹出式日历
复制链接

扫一扫