JavaServer Faces(JSF)是一种用于开发Web应用程序的Java框架。它是一个基于MVC设计模式的框架,可以帮助开发人员快速创建功能丰富的Web应用程序。JSF教程旨在帮助新手学习如何使用JSF来创建Web应用程序。
JSF教程从最基本的概念开始,例如什么是JSF,它的优势是什么,它如何与其他Web技术协同工作等。然后,它将解释如何使用JSF来创建Web页面,包括如何使用标记语言来创建表单、表格、图形、文本字段等。此外,它还将解释如何使用JavaBeans来处理表单数据并将其发送到服务器端。
此外,JSF教程还将详细介绍如何使用AJAX来创建交互式Web应用程序。 AJAX可以帮助开发人员在不重新加载页面的情况下向服务器端发送请求并更新页面内容。此外,它还将详细介绍如何使用CSS来样式化Web页面并使其更具吸引力。
public class HelloWorld { public static void main(String[] args) { System.out.println("Hello World!"); } }
AJAX代表Asynchronous JavaScript And Xml。这是一种使用JavaScript的HTTPXMLObject发送数据的技术到服务器并从服务器异步接收数据。
在Ajax中,Javascript代码与服务器交换数据,更新网页的部分而不重新加载整个页面。
JSF支持使用f:ajax标签的Ajax调用。
下面显示了一个简单的JSF标记。
<f:ajax execute="input-component-name" render="output-component-name" />
属性 | 描述 |
---|---|
disabled | 如果为true,则Ajax行为将应用于任何父组件或子组件。如果为false,将禁用Ajax行为。 |
event | 将调用Ajax请求的事件,例如“点击",“改变",“模糊",“按键"等。 |
execute | 组件的ID的空格分隔列表应包含在Ajax请求中。 |
immediate | 如果在应用请求值阶段广播生成的“true"行为事件。否则,将在“调用应用程序"阶段期间广播事件。 |
listener | 背景中方法的EL表达式bean在Ajax请求期间调用。 |
onerror | 在Ajax请求期间发生错误时,JavaScript回调函数的名称。 |
onevent | 用于处理UI事件的JavaScript回调函数的名称。 |
render | 组件的ID的空格分隔列表将在Ajax请求后更新。 |
以下代码显示了如何创建 h:outputText
标记Ajax应用程序来显示用户输入。
下面的代码来自UserBean.java。
package cn..common; import javax.faces.bean.ManagedBean; import javax.faces.bean.SessionScoped; import java.io.Serializable; @ManagedBean @SessionScoped public class UserBean implements Serializable { private static final long serialVersionUID = 1L; private String name; public String getName() { return name; } public void setName(String name) { this.name = name; } public String getSayWelcome(){ if("".equals(name) || name ==null){ return "Null Message"; }else{ return "Ajax message : Welcome " + name; } } }
以下代码来自demo.xhtml。
h:inputText
创建一个输入字段框。它使用 h:commandButton
来调用 f:ajax
。
<?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:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"> <h:body> <h:form> <h:inputText id="name" value="#{userBean.name}"></h:inputText> <h:commandButton value="Welcome Me"> <f:ajax execute="name" render="output" /> </h:commandButton> <h2><h:outputText id="output" value="#{userBean.sayWelcome}" /></h2> </h:form> </h:body> </html>
将生成的WAR文件从目标文件夹复制到Tomcat部署文件夹并运行Tomcat-Install-folder / bin / startup.bat。
Tomcat完成启动后,在浏览器地址栏中键入以下URL。
http://localhost:8080/simple-webapp/demo.xhtml
JPA教程 -JPA表唯一约束示例我们可以用@Table注释添加表约束。下表为名称列上的Person表添加了唯一约束。@Entity@Table(uniqueCo...
Java length() 方法JavaString类length() 方法用于返回字符串的长度。长度等于字符串中 16 位 Unicode 代码单元的数量。语法publ...
Java split() 方法JavaString类split() 方法根据匹配给定的正则表达式来拆分字符串。语法public String[] split(String regex,in...
Java面向对象设计 -Java Object.toString方法对象的字符串表示应以可读格式包含有关对象状态的足够信息。Object类的toString()方...
Java xxxValue() 方法Java Number类xxxValue() 方法用于将 Number 对象转换为 xxx 数据类型的值并返回。相关的方法有:类型方法...