JSF探索--ajax应用

前端之家收集整理的这篇文章主要介绍了JSF探索--ajax应用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

index.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" xml:lang="en" lang="en"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">
	<h:head>
		<title>welcome</title>
		<Meta http-equiv="keywords" content="enter,your,keywords,here" />
		<Meta http-equiv="description" content="A short description of this page." />
		<Meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	</h:head>
	<h:body>
		<h:form prependId="false"> 
			<h3>请输入用户名和密码</h3>
			<table>
				<tr>
					<td>姓名:</td>
					<td><h:inputText value="#{user.name}" id="name"></h:inputText></td>
				</tr>
				<tr>
					<td>密码:</td>
					<td><h:inputSecret value="#{user.password}" id="password"></h:inputSecret></td>
				</tr>
			</table>
			<p>
				<h:commandButton value="Login">
					<f:ajax execute="name password" render="out"></f:ajax>
				</h:commandButton>
			</p>
			<h3><h:outputText id="out" value="#{user.greeting}"/></h3>
		</h:form>
	</h:body>
</html>
 

UserBean

package com.corejsf;


import java.io.Serializable;


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


@ManagedBean(name="user")
@SessionScoped
public class UserBean implements Serializable{
	private static final long serialVersionUID = 1L;
	private String name;
	
	private String password;
	
	private String greeting;
	
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getPassword() {
		return password;
	}
	public void setPassword(String password) {
		this.password = password;
	}
	public String getGreeting() {
		if(name == null)
			return " ";
		return "welcome to jsf2+ajax"+name+"!";
	}
	public void setGreeting(String greeting) {
		this.greeting = greeting;
	}
}

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" version="2.5">
  <display-name></display-name>
  <welcome-file-list>
    <welcome-file>faces/index.xhtml</welcome-file>
  </welcome-file-list>
  <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>
  <context-param>
  	<param-name>javax.faces.PROJECT_STAGE</param-name>
  	<param-value>DEVELOPMENT</param-value>
  </context-param>
</web-app>


工程目录结构


URL

http://localhost:8080/JSFDemo1/faces/login/web/index.xhtml

页面效果

猜你在找的Ajax相关文章