JSF快速入门示例

2019-04-28 07:39|来源: 网路

在这里先创建一个项目,之后我们将运行测试它的配置设置。 所以,让我们首先来创建一个新的项目。

步骤1:创建一个新项目

打开NetBeans IDE 8.2,转到【文件】菜单并选择【新建项目】。如下图所示 -

选择类别为【Java Web】和项目为【Web应用程序】。如下图所示 -

输入项目名称:jsf-helloworld

选择服务器和Java EE版本。

选择JSF框架,如下图所示 -

选择首选页面语言:JSF框架的早期版本默认为JSP表示页面。 现在,在最新版本2.0及更高版本中,JSF包含了强大的“Facelets”工具。 所以,这里我们选择了Facelets语言作为页面。 我们将在下一章中详细讨论Facelets

运行:现在,您可以在右键单击项目后选择运行选项来运行应用程序。 它会产生一个默认消息“Hello from Facelets”。如下图所示 -

我们已经成功创建了JSF项目。 该项目包括以下文件:

  • index.xhtml:在F:\worksp\jsf\jsf-helloworld\web目录下。

  • web.xml:在F:\worksp\jsf\jsf-helloworld\web\WEB-INF目录下。

每运行该项目时,它会将index.xhtml作为输出。 现在,我们创建一个包含两个网页,一个bean类和一个配置文件的应用程序。

为了开发新的应用程序,它需要以下步骤:

  1. 创建用户界面

  2. 创建托管bean

  3. 配置和管理FacesServlet

1)创建用户界面

我们将使用默认页面index.xhtml来呈现网页。 修改index.xhtml源代码,如下所示。

<?xml version='1.0' encoding='UTF-8' ?>  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://xmlns.jcp.org/jsf/html">  
    <h:head>  
        <title>User Form</title>  
    </h:head>  
    <h:body>  
        <h:form>  
            <h:outputLabel for="username">User Name</h:outputLabel>  
            <h:inputText id="username" value="#{user.name}" required="true" requiredMessage="User Name is required" /><br/>  
            <h:commandButton id="submit-button" value="Submit" action="response.xhtml"/>  
        </h:form>  
    </h:body>  
</html>

创建第二个JSF网页,response.xhtml如下所示 -

response.xhtml的源代码,如下所示

<?xml version='1.0' encoding='UTF-8' ?>  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://xmlns.jcp.org/jsf/html">  
    <h:head>  
        <title>Welcome Page</title>  
    </h:head>  
    <h:body>  
        <h2>Hello, <h:outputText value="#{user.name}"></h:outputText></h2>  
    </h:body>  
</html>

2)创建托管Bean

它是一个包含属性和getter/setter方法的Java类。 JSF使用它作为模型。 所以,您也可以使用它来编写业务逻辑。

创建Java类后,将以下代码放入User.java文件中。

/*
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */
package com.yiibai;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;

@ManagedBean
@RequestScoped
public class User {

    String name;

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }
}

3)配置应用程序

要配置应用程序,打开项目包含的web.xml文件,设置FacesServlet实例。 您还可以设置应用程序欢迎页面和其他。

以下是此应用程序的web.xml代码的代码 -

<?xml version="1.0" encoding="UTF-8"?>  
<web-app version="3.1" xmlns="http://xmlns.jcp.org/xml/ns/javaee"   
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee   
http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd">  
    <context-param>  
        <param-name>javax.faces.PROJECT_STAGE</param-name>  
        <param-value>Development</param-value>  
    </context-param>  
    <servlet>  
        <servlet-name>Faces Servlet</servlet-name>  
        <servlet-class>javax.faces.webapFacelet Titlep.FacesServlet</servlet-class>  
        <load-on-startup>1</load-on-startup>  
    </servlet>  
    <servlet-mapping>  
        <servlet-name>Faces Servlet</servlet-name>  
        <url-pattern>/faces/*</url-pattern>  
    </servlet-mapping>  
    <session-config>  
        <session-timeout>  
            30  
        </session-timeout>  
    </session-config>  
    <welcome-file-list>  
        <welcome-file>faces/index.xhtml</welcome-file>  
    </welcome-file-list>  
</web-app>

现在,可以运行应用程序来看看结果(这是应用程序的索引(默认index.xhtml)页。) -

填写一个有效的值 -

完!

相关问答

更多
  • 打字相对简单,参考http://wenku.baidu.com/link?url=x1SvM9buZKvjt6IJitWSJqCiQLSn5c2JfWdUoz12blTqiGvNwBIrhkABpUCGJRwYyD4PENIG1FFW51lYayQGDODJazf3ewp7Q_ZiLnRzlh_
  • 作为师兄的,也来给你说两句! 首先,你们那本书好像有九章! 每章都大概是什么内容!你要心里有个底!这些都是大概! 其次就是java编程的构思! java有个api文档,也不大,很多个版本。htm,chm都有 中文英文都有,你要学会用这个东西! 各种方法都在里面,因此会了api,只要你想的到的构思,相信你用api都可以找到 那样看各种函数方法之类的,就很简单了!
  • 一、SQL速成   以下是一些重要的SQL快速参考,有关SQL的语法和在标准SQL上增加的特性,请查询MySQL手册。   1.创建表   表是数据库的最基本元素之一,表与表之间可以相互独立,也可以相互关联。创建表的基本语法如下:   create table table_name   (column_name datatype {identity |null|not null},   …)   其中参数table_name和column_name必须满足用户数据库中的识别器(identifier)的要求, ...
  • 1.python 简明教程。 2.python 核心编程。 名字是核心编程,其实讲得很详细,而且很全面,看不懂就是你的问题了。 3.相当于python的兵工厂,python cookbook 这本书也没常好。 4.dive into python 在当年python资料少的时候,这本书很好,特别是解析xml这章很好。现在就推荐核心编程
  • 地址是 http://www.dearbook.com.cn/2006/aspdotnet2all/index.htm
  • 首先是手指操。四个手指的瓶颈在无名指的独立性,小指的力量,以及四指的扩展性上。这里介绍一个锻炼无名指独立性的手指操。 将四个手指依次按在一根弦的连续四个品上,比如第三弦的5、6、7、8品。然后保持食指、中指和小指始终按在弦上,让无名指反复抬 起和按下。刚开始可能会发现这样动的时候比较别扭,而且速度很慢,那么这个练习的目标便是:让无名指的动作如同食指一样灵活和快 速。这个手指操也可换成小指来练习,即保持食指、中指、无名指按弦不动,而反复运动小指。 第二个手指操也是练习独立性的。将食指和中指按在5、6品上不动, ...
  • Photoshop视频教程: http://www.psccc.cn/read.php?tid=555 photoshop实例进阶教程: http://www.psccc.cn/thread.php?fid=6 Photoshop效果实例教程: http://www.psccc.cn/thread.php?fid=6&type=1
  • 按照下面的方法,你也可以做到的: 在Excel中做界面式表格必须的步骤,设置统一背景色,渐变要比一般的单色更美观,字体格式要和背景色协调,添加图标下面说明文字,使整个表格颜色要保持在同一个色系。 第一步:表格整体填充浅灰色。 在excel中做界面式表格必须的步骤,设置统一背景色。 第二步:设置摆放图标的行白色填充色,然后插入文本框设置渐变色、输入文字和设置字体为华文彩文。 渐变要比一般的单色更美观,字体格式要和背景色协调。 第三步:通过复制粘贴或插入的方法添加图标(在百度或百度图片搜“图标”可以下载到很多漂 ...
  • 请参阅此处获取JSF站点列表。 另外请参阅两个着名的JSF组件框架的参考资料: RichFaces的 ICEfaces的 至于验证 - 最好是双方 - 在客户端(JavaScript)更好的可用性,并在服务器端更好的安全性。 See here for a list of JSF sites. In addition see the references for two famous JSF component frameworks: Richfaces Icefaces As for the validat ...