JSF简单入门实例

最新推荐文章于 2017-04-06 13:01:32 发布
最新推荐文章于 2017-04-06 13:01:32 发布
阅读量634 收藏
点赞数
分类专栏： jsf 文章标签： jsf 入门 实例 jsf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gwcgwcjava/article/details/25050287
版权

所需要的包：

commons-beanutils.jar

commons-collections.jar

commons-digester.jar

commons-logging.jar

jsf-api.jar

jsf-impl.jar

 

第一步：

创建Bean类UserBean:

package com.gwc.jsf;

import javax.faces.event.ActionEvent;

public class UserBean {
 private String name="cc";
 private int age;
 private String errMessage;
 private String outcome;

 
 public UserBean() {
  super();
 }
 public UserBean(String name, int age) {
  super();
  this.name = name;
  this.age = age;
 }
 public String getName() {
  return name;
 }
 public void setName(String name) {
  this.name = name;
 }
 public int getAge() {
  return age;
 }
 public void setAge(int age) {
  this.age = age;
 }
 
 
 
 public String getErrMessage() {
  return errMessage;
 }
 public void setErrMessage(String errMessage) {
  this.errMessage = errMessage;
 }
 public String getOutcome() {
  return outcome;
 }
 public void setOutcome(String outcome) {
  this.outcome = outcome;
 }
 //事件方法
 public void check1(ActionEvent e){
  if(!name.equals("admin")){
   errMessage="账号不存在！！";
   outcome= "error";
  }else{
   errMessage="登录成功！！";
   outcome= "success";
  }
 }
 
 //表单提交
 public String check2(){
  if(!name.equals("admin")){
   errMessage="账号不存在！！";
   return "error";
  }else{
   errMessage="登录成功！！";
   return "success";
  }
  
 }

}

第二步：配置JSF配置文件faces-config.xml

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE faces-config PUBLIC "-//Sun Microsystems, Inc.//DTD JavaServer Faces Config 1.1//EN" "http://java.sun.com/dtd/web-facesconfig_1_1.dtd">
<faces-config >  
    <navigation-rule>
       <from-view-id>/index.jsp</from-view-id>
       <navigation-case>
           <from-outcome>success</from-outcome>
           <to-view-id>/WEB-INF/jsp/welcome.jsp</to-view-id>
       </navigation-case>
       <navigation-case>
           <from-outcome>error</from-outcome>
           <to-view-id>/WEB-INF/jsp/error.jsp</to-view-id>
       </navigation-case>
    </navigation-rule>
    <managed-bean>
       <managed-bean-name>user</managed-bean-name>
       <managed-bean-class>com.gwc.jsf.UserBean</managed-bean-class>
       <managed-bean-scope>request</managed-bean-scope>
    </managed-bean>
</faces-config>

 

第三步：

配置web.xml文件

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5"
 xmlns="http://java.sun.com/xml/ns/javaee"
 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
 http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
  <context-param>
    <param-name>javax.faces.CONFIG_FILES</param-name>
    <param-value>/WEB-INF/faces-config.xml</param-value>
  </context-param>

  <servlet>
    <servlet-name>Faces Servlet</servlet-name>
    <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
    <load-on-startup>0</load-on-startup>
  </servlet>

  <servlet-mapping>
    <servlet-name>Faces Servlet</servlet-name>
    <url-pattern>*.faces</url-pattern>
  </servlet-mapping>

  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
</web-app>

第四步：创建index.jsp页面

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsf/core"  prefix="f" %>
<%@taglib uri="http://java.sun.com/jsf/html"  prefix="h" %>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
   
    <title>My JSP 'index.jsp' starting page</title>
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="cache-control" content="no-cache">
 <meta http-equiv="expires" content="0">   
 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 <meta http-equiv="description" content="This is my page">
 <!--
 <link rel="stylesheet" type="text/css" href="styles.css">
 -->
  </head>
 
  <body>
   <f:view>
    <h:form>
     <h3>请输入你的名称</h3>
     <h:inputText value="#{user.name}"></h:inputText>
     <p></p>
     <h:commandButton value="提交" actionListener="#{user.check1}" action="#{user.getOutcome}"></h:commandButton>
     <h:commandLink action="#{user.check2}">提交</h:commandLink>
    </h:form>
   </f:view>
  </body>
</html>

第五步：创建正确返回页面：welcome.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsf/core"  prefix="f" %>
<%@taglib uri="http://java.sun.com/jsf/html"  prefix="h" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
   
    <title>My JSP 'welcome.jsp' starting page</title>
   
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="cache-control" content="no-cache">
 <meta http-equiv="expires" content="0">   
 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 <meta http-equiv="description" content="This is my page">
 <!--
 <link rel="stylesheet" type="text/css" href="styles.css">
 -->

  </head>
 
  <body>
        <f:view>
     <h:outputText value="#{user.errMessage}"></h:outputText>
    </f:view>
  </body>
</html>

第六步：创建返回错误的页面error.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsf/core"  prefix="f" %>
<%@taglib uri="http://java.sun.com/jsf/html"  prefix="h" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
   
    <title>My JSP 'failuer.jsp' starting page</title>
   
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="cache-control" content="no-cache">
 <meta http-equiv="expires" content="0">   
 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 <meta http-equiv="description" content="This is my page">
 <!--
 <link rel="stylesheet" type="text/css" href="styles.css">
 -->

  </head>
 
  <body>
    <f:view>
     <h:outputText value="#{user.errMessage}"></h:outputText>
    </f:view>
  </body>
</html>
完成以上工作后，启动tomcat，访问地址：http://localhost:8080/jsfPro/index.faces

出现如下页面：

 

输入admin:

跳转到正确的welcome.jsp页面

输入其他的，就跳转到error.jsp页面

gwcgwcjava
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JSF简单入门例子
03-11
JSF简单入门例子
jsf入门实例
01-23
以下是对JSF入门实例的详细解析： 1. **JSFFive**： JSFFive可能是一个介绍JSF核心概念的例子，如视图（View）、控制器（Controller）和模型（Model）。在JSF中，视图通常由JSP页面组成，控制器由JSF的事件处理...
JSF入门
ChrisNick的专栏
10-03 420
1. 什么是 Java Server Faces(jsf)?   JSF为JAVA的 Web应用用户界面的开发人员提供了标准的编程接口、丰富可扩展的UI组件库（一个核心的JSP标记库用来处理事件、执行验证以及其他非UI相关的操作和一个标准的HTML 标记库来表示 UI组件）、事件驱动模型等一套完整的Web应用框架，通过 JSF ，您可以在页面中轻松自如地使用 WEB 组件、捕获用户行为所产生的
JSF——简单实例
Ingenuus的专栏
02-01 1636
简单实例在不考虑组件有子组件的情况下，这边以实际的一个例子来说明开发组件的过程，至于考虑子组件的情况请参考专书介绍。o 编码, 译码o 组件卷标o 使用自订组件o 自订 Renderer编码, 译码
JSF入门实例 源代码
07-29
这个"JSF入门实例 源代码"是专门为初学者设计的，帮助他们快速理解并掌握JSF的基本概念和用法。下面我们将深入探讨JSF的核心特性、工作原理以及如何通过给定的实例进行学习。 1. JSF概述： JSF是一种官方支持的...
JSF 入门实例 代码
11-19
**JSF（JavaServer Faces）** 是一个Java平台上的...对于初学者，通过实践"JSF入门实例代码"中的例子，可以快速掌握JSF的基础知识，并逐步深入到更高级的主题，如Mojarra和MyFaces实现的差异，以及CDI和JSF的集成等。
JSF入门代码
03-07
在"JSF入门代码"这个实例中，我们可以看到一个简单的JSF应用的创建过程。开发者通常会使用JSF提供的UI组件，如按钮、文本框等，将它们与后端的JavaBeans（也称为Managed Beans）进行绑定，从而实现数据的显示和交互...
JSF+Spring+Hibernate的实例讲解(原创翻译)
心灵的小屋
12-29 1550
                                                   JSF使用原文地址:http://www.javaworld.com/javaworld/jw-07-2004/jw-0719-jsf.html使用JavaServer Faces(JSF)、Spring Framework和Hibernate建立一个真实的Web应用程序内容概要使用JSF建立一个
JSF实例
04-18
绝对好的JSF实例，里面有PPT演示
JSF的一个实例
05-29
JFS的一个实例：主要功能是实现用户的登陆，以及用户信息查询。
JSF入门(一)
05-26
NULL 博文链接：https://animalfishyu.iteye.com/blog/501070
JSF入门教程
caichaowei2009的博客
05-21 249
JSF入门教程 1.入门 1.1 简介JSF 1.2 第一个JSF程序 1.3 简单的导航 Navigation 1.4 导航规则设置 1.5 JSF Expression Language 1.6 国际化信息 2. Managed Beans 2.1 B...
JSF入门实例--简明版
色无边界的专栏
03-13 747
  史上最简单的JSF 入门实例。公司用jsf框架开发，寡人只好学JSF.以下为最简明教程。1.下载jar包官方网址：http://java.sun.com/javaee/javaserverfaces/download.html说明：建议下：JavaServer Faces v1.1 Specification Final Release  ，这个版本比较稳定
JSF入门实例分析
FFA(Frighting for Ambition!)
09-25 2566
效果图： 目录： jar包：（稍后提供下载链接）首先创建托管bean:package onlyfun.caterpillar;import javax.faces.component.html.HtmlInputText; public class UserBean { private String name; private String password;
JSF入门、简单示例
屋檐下的鞋
10-15 3548
转载自：http://hi.baidu.com/pprlbwanpydhuze/item/723775d23ab6254dfa576823 JSF入门  1. 什么是 Java Server Faces(jsf)?   JSF为JAVA的 Web应用用户界面的开发人员提供了标准的编程接口、丰富可扩展的UI组件库（一个核心的JSP标记库用来处理事件、执行验证以及其他非UI相关的操作和一个标准
jsf的一个实例
kingxuexi的博客
04-06 751
这个实例引用：http://www.mkyong.com/jsf2/jsf-2-0-hello-world-example/ 自己部署，能用。自己做个备份 下载：http://download.csdn.net/detail/kingxuexi/9805056
JavaServerFaces (JSF) 入门教程
在JSF入门阶段，开发者通常会学习如何创建基本的JSF项目，配置FacesServlet，以及如何使用ManagedBeans来管理应用程序的状态。ManagedBeans是一种简单的Java类，它们被JSF用来存储和管理数据，类似于其他框架中的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值