这是一个带有primefaces的简单应用程序,它是一个登录页面:
1-配置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.webapp.FacesServlet</servlet-class> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>Faces Servlet</servlet-name> <url-pattern>*.xhtml</url-pattern> </servlet-mapping> <session-config> <session-timeout> 30 </session-timeout> </session-config> <welcome-file-list> <welcome-file>index.xhtml</welcome-file> </welcome-file-list> </web-app>
2-创建ManagedBean:
import javax.faces.application.FacesMessage; import javax.faces.bean.ManagedBean; import javax.faces.bean.RequestScoped; import javax.faces.context.FacesContext; @ManagedBean @RequestScoped public class LoginBean { private String username; private String password; public LoginBean() { } public void login() { //简单登录 if (!this.username.equals("") && this.username.equals(password)) { FacesContext.getCurrentInstance().addMessage(null, new FacesMessage( FacesMessage.SEVERITY_INFO, "Success", "Login with success")); } else { FacesContext.getCurrentInstance().addMessage(null, new FacesMessage( FacesMessage.SEVERITY_ERROR, "Error", "Username or password not correct")); } } public String getUsername() { return username; } public void setUsername(String username) { this.username= username; } public String getPassword() { return password; } public void setPassword(String password) { this.password= password; } }
3-创建* .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" xmlns:p="http://primefaces.org/ui"> <h:head> <title>Hello Primefaces</title> </h:head> <h:body> <h:form> <p:messages id="my_message" showDetail="true" autoUpdate="true" closable="true" /> <h:panelGrid columns="2"> <p:outputLabel value="用户名 :" for="username"/> <p:inputText id="username" value="#{loginBean.username}" required="true" requiredMessage="Username is required"/> <p:outputLabel value="密码:" for="password"/> <p:password id="password" value="#{loginBean.password}" required="true" requiredMessage="Password is required"/> <span/> <p:commandButton value="Login" actionListener="#{loginBean.login}"/> </h:panelGrid> </h:form> </h:body> </html>
4-部署您的应用程序。
5打开浏览器,然后键入: http://localhost:8080/HelloPrimefaces/