-
创建一个maven project
-
在项目的properties中,选择Project Facets选择对应版本的JavaServer Faces并打上勾。
-
打开pom.xml文件添加jsf依赖
<dependency> <groupId>org.glassfish</groupId> <artifactId>javax.faces</artifactId> <version>2.0.11</version> </dependency>
-
打开web.xml,配置jsf的url-pattern
<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>/*</url-pattern> </servlet-mapping>
-
至此,jsf工程构建基本完成,目录如下。
-
添加java代码和xhtml页面
-
添加一个pojo类,com.test.model.User,里面有两个属性,分别是username和password
-
添加一个控制类com.test.ctrl.LoginBean
package com.test.ctrl; import com.test.model.User; public class LoginBean { private User user = new User(); private String requestStr = ""; public User getUser() { return user; } public void setUser(User user) { this.user = user; } public String getRequestStr() { return requestStr; } public void setRequestStr(String requestStr) { this.requestStr = requestStr; } public void login(){ if("admin".equals(user.getUsername()) && "1234".equals(user.getPassword())){ requestStr = "登录成功,hello," + user.getUsername(); }else{ requestStr = "登录失败,用户名或密码错误"; } } }
-
添加一个xhtml页面login.xhtml
<!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://java.sun.com/jsf/html" xmlns:ui="http://java.sun.com/jsf/facelets"> <head> <meta charset="UTF-8"/> <title>HELLO</title> </head> <h:body> <h:form> <h:outputLabel value="username"/> <h:inputText value="#{loginBean.user.username}"/> <br/> <h:outputLabel value="password"/> <h:inputSecret value="#{loginBean.user.password}"/> <br/> <h:commandButton action="#{loginBean.login}" value="LOGIN"/> </h:form> <H1>#{loginBean.requestStr}</H1> </h:body> </html>
-
-
在jsf的faces-config.xml文件中注册控制类loginBean
<managed-bean> <managed-bean-name>loginBean</managed-bean-name> <managed-bean-class>com.test.ctrl.LoginBean</managed-bean-class> <managed-bean-scope>session</managed-bean-scope> </managed-bean>
-
测试,启动并将应用部署到服务器,在浏览器输入地址,输入用户名密码,点击登陆
转载于:https://my.oschina.net/idaren/blog/675366