JSF HelloWord
实例:MyEclipse开发JSF:
1:创建Java Web项目名称为JSFTest。
2:右击项目MyEclipse----Add JSF Capabilites...----出现如下图:
finish后打开faces-config.xml,在大纲视图出现如下图:
右击Managed Beans如下图:
如下图:
如下填写:
为Bean添加属性,右击:
如下配置:
再来一个属性:
此时的UserBean如下:
添加方法hello如下:
public java.lang.String hello(){
if(this.getName().equals("")){
return "fail";
}
else{
this.setWelcome("欢迎,"+this.getName());
return "login";
}
}
右击Managed Beans如下图:
如下图:
如下填写:
为Bean添加属性,右击:
如下配置:
再来一个属性:
此时的UserBean如下:
添加方法hello如下:
public java.lang.String hello(){
if(this.getName().equals("")){
return "fail";
}
else{
this.setWelcome("欢迎,"+this.getName());
return "login";
}
}
点击J图形工具如下图:
然后再配置文件里面单击出现如下图:
配置第一个JSP文件index.jsp
将本来的代码删除然后填上如下代码:
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@page contentType="text/html;charset=utf-8"%>
<html>
<head>
<title>第一个JSF程序</title>
</head>
<body>
<f:view>
<h:form>
请输入姓名:<h:inputText
value="#{user.name}"/><p>
<h:commandButton value="提交"
action="#{user.hello}"/>
</h:form>
</f:view>
</body>
</html>
如下图:
在重复上面的步骤来一个welcome.jsp填上如下代码:
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@page contentType="text/html;charset=utf-8"%>
<html>
<head>
<title>第一个JSF程序</title>
</head>
<body>
<f:view>
<h:outputText value="#{user.welcome}"/>
</f:view>
</body>
</html>
两个JSP如下图:
单击如下图工具:
先点击index.jsp再点击welcome.jsp出现如下,配置login:
点击两下index.jsp出现如下图配置fail:
得到的配置图形:
在浏览器里面输入: http://localhost:8080/JSFTest/index.faces