JSF学习二建立一个小项目

最新推荐文章于 2015-12-01 17:56:18 发布

赱向远方

最新推荐文章于 2015-12-01 17:56:18 发布

阅读量610

点赞数

分类专栏： jsf 文章标签： jsf2 jsf

本文链接：https://blog.csdn.net/zhaoyayua/article/details/40145499

版权

jsf 专栏收录该内容

12 篇文章 1 订阅

订阅专栏

步骤一：解压下载的压缩包，将lib中的两个jar包复制至您的Web应用程序的/WEB-INF/lib目录下。

步骤二：修改web.xml文件

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID"
version="2.5">
 <display-name>Hello</display-name>
 <welcome-file-list>
 <welcome-file>index.html</welcome-file>
 <welcome-file>index.htm</welcome-file>
 <welcome-file>index.jsp</welcome-file>
 <welcome-file>default.html</welcome-file>
 <welcome-file>default.htm</welcome-file>
 <welcome-file>default.jsp</welcome-file>
 </welcome-file-list>
 <servlet>
 <servlet-name>JSF</servlet-name>
 <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
 </servlet>
 <servlet-mapping>
 <servlet-name>JSF</servlet-name>
 <url-pattern>/faces/*</url-pattern>
 </servlet-mapping>

<span style="font-family: Arial, Helvetica, sans-serif;"></web-app></span>

步骤三：新建一个javaBean

import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;

@ManagedBean
@SessionScoped
public class User {

	private String name;

	public String getName() {
		return name;
	}

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

步骤四：我们定义一个/WEB-INF/faces-config.xml

<?xml version="1.0" encoding="UTF-8"?>
<faces-config xmlns="http://java.sun.com/xml/ns/javaee"
			xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
			xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
			http://java.sun.com/xml/ns/javaee/web-facesconfig_2_0.xsd"
			version="2.0">
		<navigation-rule>
			<from-view-id>/index.xhtml</from-view-id>
			<navigation-case>
				<from-outcome>login</from-outcome>
				<to-view-id>/welcome.xhtml</to-view-id>
			</navigation-case>
		</navigation-rule>
		
</faces-config>

步骤五：建立index.xhtml与welcome.xhtml

index.xhtml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
		xmlns:h="http://java.sun.com/jsf/html">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Insert title here</title>
</head>
<body>
	<h:form>
		<h1>请输入您的名称</h1>
		名称：<h:inputText value="#{user.name}"></h:inputText>
		<h:commandButton value="提交" action="login"></h:commandButton>
	</h:form>
</body>
</html>

welcome.xhtml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
		xmlns:h="http://java.sun.com/jsf/html">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Insert title here</title>
</head>
<body>
	
		<h:outputText value="#{user.name}"></h:outputText>您好！
		<h1>欢迎使用JavaServer Faces !</h1>
	
</body>
</html>

步骤六：启动服务器进行访问。