当前位置：首页 > ds >正文

JSF入门之helloworld

ds 2025/8/12 20:24:54

一什么是JSF：

JSF是JCP开发的一种Java标准，用于构建web应用程序新标准的Java框架，他提供了一种以组件为中心来开发Java web用户界面的方法，从而简化了开发。

二 JSF体系结构：

JSF的主要优势就是它是严格遵循“ 模型 - 视图 - 控制器 ” 即MVC设计模式的框架，用户界面代码（视图）与应用程序数据和逻辑（模型）的清晰分离使JSF应用程序更易于管理。所有与应用程序交互的访问都交由FacesServlet（控制器）来处理。

三 JSF小例子：

1. 代码结构及Jar包：

2. 配置web.xml文件：

<?xml version="1.0" encoding="ISO-8859-1"?>
<web-app xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd" version="2.4"><description>JSF Demo</description><display-name>JSF Demo</display-name><servlet><servlet-name>Faces Servlet</servlet-name><servlet-class>javax.faces.webapp.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><welcome-file-list><welcome-file>index.html</welcome-file></welcome-file-list>
</web-app>

FacesServlet是整个应用的前端控制器，所有的请求都通过FacesServlet来处理。

上面的配置中，我们将所有的.faces的请求交由FaceServlet来处理，FaceServlet会找到对应的jsp页面

例如：如果请求是/index.faces的话，它会帮我们找到/index.jsp页面

3. 创建受管Bean ：充当控制器的角色

public class User {private String username;public String getUsername() {return username;}public void setUsername(String username) {this.username = username;}}

4. 配置faces-config.xml文件，该文件放置在WEB-INF下配置受管理的后台Bean：

<?xml version="1.0"?>
<!DOCTYPE faces-config PUBLIC "-//Sun Microsystems, Inc.//DTD JavaServer Faces Config 1.0//EN"
"http://java.sun.com/dtd/web-facesconfig_1_0.dtd"><faces-config><navigation-rule><from-view-id>/index.jsp</from-view-id><navigation-case><from-outcome>login</from-outcome><to-view-id>/hello.jsp</to-view-id></navigation-case></navigation-rule><managed-bean><managed-bean-name>user</managed-bean-name><managed-bean-class>com.zdp.domain.User</managed-bean-class><managed-bean-scope>session</managed-bean-scope></managed-bean>
</faces-config>

5. 开发基于JSF的用户界面

（1）第一个页面: 用户登录 index.jsp

<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@page contentType="text/html;charset=utf-8"%>
<html>
<head>
<title>hello, JSF</title>
</head>
<body><f:view><h:form><h3>please input your name</h3> <h:inputText value="#{user.username}" /><p><h:commandButton value="submit" action="login" /></h:form></f:view>
</body>
</html>

（2）第二个页面: 登录成功页面 hello.jsp

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@page contentType="text/html;charset=utf-8"%>
<html>
<head>
<title>welcome, JSF</title>
</head>
<body><f:view>hi！<h:outputText value="#{user.username}"/> <h3>welcome to use JavaServer Faces！</h3></f:view>
</body>
</html>