primefaces 你好Primefaces

示例

这是一个带有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/