JavaWeb笔记之JSTL和自定义标签

1、JSTL标签库(重点)

  core

    out

    set

    remove

    url

    if

    choose

      when

      otherwise

    forEach

  fmt

    formatDate

    formatNumber

2、自定义标签(理解)

  步骤

    标签处理类

    tld文件

    jsp中<%@taglib%>

  处理类

    实现SimpleTag接口

    继承SimpleTagSupport类

  有标签体的标签

    不执行下面内容的标签

      带有属性的标签

3、MVC设计模式(重点中的重点)

  M:模型

  V:视图

  C:控制器

4、Java三层框架(重点中的重点)

  Web

    JSP

    Servlet

  业务逻辑层

    Service

  数据层

    Dao

  实体类:JavaBean

JSTL标签库

1 什么是JSTL

JSTL是apache对EL表达式的扩展(也就是说JSTL依赖EL),JSTL是标签语言!JSTL标签使用以来非常方便,它与JSP动作标签一定,只不过它不是JSP内置的标签,需要我们自己导包,以及指定标签库而已!

如果你使用MyEclipse开发JavaWeb,那么在把项目发布到Tomcat时,你会发现,MyEclipse会在lib目录下存放jstl的Jar包!如果你没有使用MyEclipse开发那么需要自己来导入这个JSTL的Jar包:jstl-1.2.jar

 

2 JSTL标签库

JSTL一共包含四大标签库:

core核心标签库,我们学习的重点;

fmt格式化标签库,只需要学习两个标签即可;

sql数据库标签库,不需要学习了,它过时了;

xmlxml标签库,不需要学习了,它过时了。

 

3 使用taglib指令导入标签库

除了JSP动作标签外,使用其他第三方的标签库都需要:

导包;

在使用标签的JSP页面中使用taglib指令导入标签库;

 

下面是导入JSTL的core标签库:

<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core" %>

 

prefix="c":指定标签库的前缀,这个前缀可以随便给值,但大家都会在使用core标签库时指定前缀为c;

uri="http://java.sun.com/jstl/core":指定标签库的uri,它不一定是真实存在的网址,但它可以让JSP找到标签库的描述文件

 

4 core标签库常用标签

4.1 out和set

 out

<c:out value=aaa/>

输出aaa字符串常量

<c:out value=${aaa}/>

与${aaa}相同

<c:out value=${aaa} default=xxx/>

当${aaa}不存在时,输出xxx字符串

<%

request.setAttribute("a","<script>alert('hello');</script>");

%>

<c:out value="${a }" default="xxx" escapeXml="false" />

当escapeXml为false,不会转换“<”、“>”。这可能会受到JavaScript攻击。

 

set

<c:set var=a value=hello/>

在pageContext中添加name为a,value为hello的数据。

<c:set var=a value=hello scope=session/>

在session中添加name为a,value为hello的数据。

 

4.2 remove

<%

  pageContext.setAttribute("a", "pageContext");

  request.setAttribute("a", "session");

  session.setAttribute("a", "session");

  application.setAttribute("a", "application");

%>

<c:remove var="a"/>

<c:out value="${a }" default="none"/>

删除所有域中name为a的数据!

<c:remove var="a" scope=page”/>

删除pageContext中name为a的数据!

 

4.3 url

  url标签会在需要URL重写时添加sessionId。

<c:url value="/"/>

输出上下文路径:/day08_01/

<c:url value="/" var="a" scope="request"/>

把本该输出的结果赋给变量a。范围为request

<c:url value="/AServlet"/>

输出:/day08_01/AServlet

<c:url value="/AServlet">

<c:param name="username" value="abc"/>

<c:param name="password" value="123"/>

</c:url>

输出:/day08_01/AServlet?username=abc&password=123

如果参数中包含中文,那么会自动使用URL编码!

 

4.4 if

  if标签的test属性必须是一个boolean类型的值,如果test的值为true,那么执行if标签的内容,否则不执行。

<c:set var="a" value="hello"/><!--page域中创建名为a的变量-->

<c:if test="${not empty a }"><!--判断a变量不为null,没有指定域,表示全域-->

<c:out value="${a }"/>

</c:if>

 

4.5 choose

choose标签对应Java中的if/else if/else结构。when标签的test为true时,会执行这个when的内容。当所有when标签的test都为false时,才会执行otherwise标签的内容

<c:set var="score" value="${param.score }"/>

<c:choose>

  <c:when test="${score > 100 || score < 0}">错误的分数:${score }</c:when>

  <c:when test="${score >= 90 }">A级</c:when>

  <c:when test="${score >= 80 }">B级</c:when>

  <c:when test="${score >= 70 }">C级</c:when>

  <c:when test="${score >= 60 }">D级</c:when>

  <c:otherwise>E级</c:otherwise>

</c:choose>

 

4.6 forEach

forEach当前就是循环标签了,forEach标签有多种两种使用方式:

使用循环变量,指定开始和结束值,类似for(int i = 1; i <= 10; i++) {};

循环遍历集合,类似for(Object o : 集合);

 

循环变量方式:

<c:set var="sum" value="0" /><!--创建page域属性sum0-->

<c:forEach var="i" begin="1" end="10"><!--设置循环变量i,初始值为1,遍历到10-->

  <c:set var="sum" value="${sum + i}" /><!--设置sum的值为sum + i-->

</c:forEach>

<c:out value="sum = ${sum }"/>

<c:set var="sum" value="0" />

<c:forEach var="i" begin="1" end="10" step="2"><!--步长为2,默认步长为1。相当于i+=2的意思!而默认为i++-->

  <c:set var="sum" value="${sum + i}" />

</c:forEach>

<c:out value="sum = ${sum }"/>

 

遍历集合或数组方式:

<%

String[] names = {"zhangSan", "liSi", "wangWu", "zhaoLiu"};

pageContext.setAttribute("ns", names);

%>

<c:forEach var="item" items="${ns }"><!--ns是中每一项赋给itemns是被遍历的数组。-->

  <c:out value="name: ${item }"/><br/><!--打印每一项-->

</c:forEach>

 

遍历List

<%

  List<String> names = new ArrayList<String>();

  names.add("zhangSan");

  names.add("liSi");

  names.add("wangWu");

  names.add("zhaoLiu");

  pageContext.setAttribute("ns", names);

%>

<c:forEach var="item" items="${ns }">

  <c:out value="name: ${item }"/><br/>

</c:forEach>

 

遍历Map

<%

  Map<String,String> stu = new LinkedHashMap<String,String>();

  stu.put("number", "N_1001");

  stu.put("name", "zhangSan");

  stu.put("age", "23");

  stu.put("sex", "male");

  pageContext.setAttribute("stu", stu);

%>

<c:forEach var="item" items="${stu }"><!--因为遍历的是Map,所以每一项是Entry类型-->

  <c:out value="${item.key }: ${item.value }"/><br/><!--获取Entrykeyvalue-->

</c:forEach>

 

forEach标签还有一个属性:varStatus,这个属性用来指定接收“循环状态”的变量名,例如:<forEach varStatus=vs />,这时就可以使用vs这个变量来获取循环的状态了。

count:int类型,当前以遍历元素的个数;

index:int类型,当前元素的下标;

first:boolean类型,是否为第一个元素;

last:boolean类型,是否为最后一个元素;

current:Object类型,表示当前项目。

 

<c:forEach var="item" items="${ns }" varStatus="vs"><!--把循环状态赋给vs-->

  <c:if test="${vs.first }">第一行:</c:if><!--如果是第一行,那么${vs.first}为true-->

  <c:if test="${vs.last }">最后一行:</c:if><!--如果是最后一行,那么${vs.last}为true-->

  <c:out value="${vs.count }行: "/><!--返回行数,从1开始-->

  <c:out value="[${vs.index }]: "/><!--返回行数,从0开始-->

  <c:out value="name: ${vs.current }"/><br/><!--当前项,与${item}相同-->

</c:forEach>

 

5 fmt标签库常用标签

fmt标签库是用来格式化输出的,通常需要格式化的有时间和数字。

格式化时间:

<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

......

<%

  Date date = new Date();

  pageContext.setAttribute("d", date);

%>

<fmt:formatDate value="${d }" pattern="yyyy-MM-dd HH:mm:ss"/><!--按指定格式输出日期和时间。-->

 

格式化数字:

<%

  double d1 = 3.5;

  double d2 = 4.4;

  pageContext.setAttribute("d1", d1);

  pageContext.setAttribute("d2", d2);

%>

<fmt:formatNumber value="${d1 }" pattern="0.00"/><br/><!--必须且仅能保留两位小数,如果大于两位,那么只保留两位,并四舍五入,如果小于两位,那么使用0补足两位。-->

<fmt:formatNumber value="${d2 }" pattern="#.##"/><!--最多显示两位,如果小于两位,那么有几位保留几位,不会用0补足。大于两位,只保留两位,并四舍五入!-->

 

自定义标签

1 自定义标签概述

1.1 自定义标签的步骤

其实我们在JSP页面中使用标签就等于调用某个对象的某个方法一样,例如:<c:if test=””>,这就是在调用对象的方法一样。自定义标签其实就是自定义类一样!

定义标签处理类:必须是Tag或SimpleTag的实现类

编写标签库描述符文件(TLD)

 

SimpleTag接口是JSP2.0中新给出的接口,用来简化自定义标签,所以现在我们基本上都是使用SimpleTag。

Tag是老的,传统的自定义标签时使用的接口,现在不建议使用它了。

 

1.2 SimpleTag接口介绍

SimpleTag接口内容如下:

void doTag()标签执行方法

JspTag getParent()获取父标签

void setParent(JspTag parent)设置父标签

void setJspContext(JspContext context)设置PageContext

void setJspBody(JspFragment jspBody)设置标签体对象

 

请记住,万物皆对象!在JSP页面中的标签也是对象!你可以通过查看JSP的“真身”清楚的知道,所有标签都会变成对象的方法调用。标签对应的类我们称之为“标签处理类”!

标签的生命周期:

1. 当容器(Tomcat)第一次执行到某个标签时,会创建标签处理类的实例

2. 然后调用setJspContext(JspContext)方法,把当前JSP页面的pageContext对象传递给这个方法

3. 如果当前标签有父标签,那么使用父标签的标签处理类对象调用setParent(JspTag)方法

4. 如果标签有标签体,那么把标签体转换成JspFragment对象,然后调用setJspBody()方法

5. 每次执行标签时,都调用doTag()方法,它是标签处理方法

 

HelloTag.java

public class HelloTag implements SimpleTag {

  private JspTag parent;

  private PageContext pageContext;

  private JspFragment jspBody;

 

  public void doTag() throws JspException, IOException {

    pageContext.getOut().print("Hello Tag!!!");//获取out对象,输出Hello Tag!!!

 

  }

  public void setParent(JspTag parent) {

    this.parent = parent;

  }

  public JspTag getParent() {

    return this.parent;

  }

  public void setJspContext(JspContext pc) {

    this.pageContext = (PageContext) pc;

  }

  public void setJspBody(JspFragment jspBody) {

    this.jspBody = jspBody;

  }

}

 

1.3 标签库描述文件(TLD)

标签库描述文件是用来描述当前标签库中的标签的!标签库描述文件的扩展名为tld,你可以把它放到WEB-INF下,这样就不会被客户端直接访问到了。

hello.tld

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

<taglib version="2.0" xmlns="http://java.sun.com/xml/ns/j2ee"

  xmlns:xml="http://www.w3.org/XML/1998/namespace" 

  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

  xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee

  http://java.sun.com/xml/ns/j2ee/web-jsptaglibrary_2_0.xsd ">

 

  <tlib-version>1.0</tlib-version><!--指定当前标签库的版本-->

  <short-name>itcast</short-name><!--指定当前标签库的简称,这个名称无所谓了,随便起。-->

  <uri>http://www.itcast.cn/tags</uri><!--指定标签库的uri-->

  <tag><!--部署一个标签!一个<tag>表示一个标签。-->

    <name>hello</name><!--指定标签的名称-->

    <tag-class>cn.itcast.tag.HelloTag</tag-class><!--指定标签处理类-->

    <body-content>empty</body-content><!--指定标签体内容类型为空类型,即没有标签体。-->

  </tag>

</taglib>

 

1.4 使用标签

在页面中使用标签分为两步:

使用taglib导入标签库;

使用标签;

 

<%@ taglib prefix="it" uri="/WEB-INF/hello.tld" %><!--指定标签库的tld文件位置-->

......

<it:hello/>

 

2 自定义标签进阶

2.1 继承SimpleTagSupport

  继承SimpleTagSuppport要比实现SimpleTag接口方便太多了,现在你只需要重写doTag()方法,其他方法都已经被SimpleTagSuppport完成了。

 

public class HelloTag extends SimpleTagSupport {

  public void doTag() throws JspException, IOException {

    this.getJspContext().getOut().write("<p>Hello SimpleTag!</p>");//向页面输出!注意,不能向页面输出<%%>东西!

 

  }

}

 

2.2 有标签体的标签

我们先来看看标签体内容的可选值:

<body-content>元素的可选值有:

empty:无标签体。

JSP:传统标签支持它,SimpleTag已经不再支持使用<body-content>JSP</body-content>。标签体内容可以是任何东西:EL、JSTL、<%=%>、<%%>,以及html;

scriptless:标签体内容不能是Java脚本,但可以是EL、JSTL等。在SimpleTag中,如果需要有标签体,那么就使用该选项

tagdependent:标签体内容不做运算,由标签处理类自行处理,无论标签体内容是EL、JSP、JSTL,都不会做运算。这个选项几乎没有人会使用!

 

自定义有标签体的标签需要:

获取标签体对象:JspFragment jspBody = getJspBody();;

把标签体内容输出到页面:jspBody.invoke(null);

tld中指定标签内容类型:scriptless。

 

public class HelloTag extends SimpleTagSupport {

  public void doTag() throws JspException, IOException {

    PageContext pc = (PageContext) this.getJspContext();

    HttpServletRequest req = (HttpServletRequest)     pc.getRequest();

    String s = req.getParameter("exec");

    if(s != null && s.endsWith("true")) {

      JspFragment body = this.getJspBody();//获取当前标签的标签体对象

      body.invoke(null);//向页面输出标签体内容。

 

    }

  }

}

  <tag>

    <name>hello</name>

    <tag-class>cn.itcast.tags.HelloTag</tag-class>

    <body-content>scriptless</body-content><!--指定标签体内容为scriptless,即标签体内容可以是正常的html,也可以是ELJSTL-->

  </tag>

    <itcast:hello>

       <h1>哈哈哈~</h1>

    </itcast:hello>

 

2.3 不执行标签下面的页面内容

  如果希望在执行了自定义标签后,不再执行JSP页面下面的东西,那么就需要在doTag()方法中使用SkipPageException

public class SkipTag extends SimpleTagSupport {

  public void doTag() throws JspException, IOException {

    this.getJspContext().getOut().print("<h1>只能看到我!</h1>");

    throw new SkipPageException();

  }

}

  <tag>

    <name>skip</name>

    <tag-class>cn.itcast.tags.SkipTag</tag-class>

    <body-content>empty</body-content>

  </tag>

  <itcast:skip/>

  <h1>看不见我!</h1>

 

2.4 带有属性的标签

  一般标签都会带有属性,例如<c:if test=””>,其中test就是一个boolean类型的属性。完成带有属性的标签需要:

在处理类中给出JavaBean属性(提供get/set方法);

在TLD中部属相关属性。

 

public class IfTag extends SimpleTagSupport {

  private boolean test;

  public boolean isTest() {

    return test;

  }

  public void setTest(boolean test) {//该方法会在doTag()之前被调用,传入属性值。

 

    this.test = test;

  }

  @Override

  public void doTag() throws JspException, IOException {

    if(test) {//如果testtrue,执行标签体内容,否则什么都不做。

      this.getJspBody().invoke(null);

    }

  }

}

  <tag> 

    <name>if</name> 

    <tag-class>cn.itcast.tag.IfTag</tag-class> 

    <body-content>scriptless</body-content>

    <attribute><!--声明属性-->

      <name>test</name>

      <required>true</required><!--true表示属性是必须的,为false表示属性为可选的。-->

      <rtexprvalue>true</rtexprvalue><!--true表示属性值可以为ELJSTL,否则表示只能是常量。-->

    </attribute> 

</tag>

<%

  pageContext.setAttribute("one", true);

  pageContext.setAttribute("two", false);

%>

<it:if test="${one }">xixi</it:if><!--可以看到xixi-->

<it:if test="${two }">haha</it:if><!--不会执行haha-->

<it:if test="true">hehe</it:if><!--可以看到hehe-->

 

MVC

1 MVC设计模式

 

 

MVC设计模式

 

MVC模式(Model-View-Controller)是软件工程中的一种软件架构模式,把软件系统分为三个基本部分:模型(Model)视图(View)控制器(Controller)

MVC模式最早为Trygve Reenskaug提出,为施乐帕罗奥多研究中心(Xerox PARC)Smalltalk语言发明的一种软件设计模式

MVC可对程序的后期维护和扩展提供了方便,并且使程序某些部分的重用提供了方便。而且MVC也使程序简化,更加直观

控制器Controller对请求进行处理,负责请求转发

视图View:界面设计人员进行图形界面设计;

模型Model:程序编写程序应用的功能(实现算法等等)、数据库管理;

 

注意,MVC不是Java的东西,几乎现在所有B/S结构的软件都采用了MVC设计模式。但是要注意,MVC在B/S结构软件并没有完全实现,例如在我们今后的B/S软件中并不会有事件驱动!

 

2 JavaWeb与MVC

  JavaWeb的经历了JSP Model1、JSP Model1二代、JSP Model2三个时期。

 

2.1 JSP Model1第一代

JSP Model1是JavaWeb早期的模型,它适合小型Web项目,开发成本低!Model1第一代时期,服务器端只有JSP页面,所有的操作都在JSP页面中,连访问数据库的API也在JSP页面中完成。也就是说,所有的东西都耦合在一起,对后期的维护和扩展极为不利。

 

2.2 JSP Model1第二代

  JSP Model1第二代有所改进,把业务逻辑的内容放到了JavaBean中,而JSP页面负责显示以及请求调度的工作。虽然第二代比第一代好了些,但还让JSP做了过多的工作,JSP中把视图工作和请求调度(控制器)的工作耦合在一起了。

 

 

 2.3 JSP Model2

JSP Model2模式已经可以清晰的看到MVC完整的结构了。

JSP:视图层,用来与用户打交道。负责接收用来的数据,以及显示数据给用户

Servlet:控制层,负责找到合适的模型对象来处理业务逻辑,转发到合适的视图;

JavaBean:模型层,完成具体的业务工作,例如:开启、转账等。

 

JSP Model2适合多人合作开发大型的Web项目,各司其职,互不干涉,有利于开发中的分工,有利于组件的重用。但是,Web项目的开发难度加大,同时对开发人员的技术要求也提高了。

 

JavaWeb经典三层框架

我们常说的三层框架是由JavaWeb提出的,也就是说这是JavaWeb独有的!

所谓三层是表述层(WEB层)业务逻辑层(Business Logic),以及数据访问层(Data Access)

WEB层:包含JSP和Servlet等与WEB相关的内容

业务层:业务层中不包含JavaWeb API,它只关心业务逻辑

数据层:封装了对数据库的访问细节

 

  注意,在业务层中不能出现JavaWeb API,例如request、response等。也就是说,业务层代码是可重用的,甚至可以应用到非Web环境中。业务层的每个方法可以理解成一个万能,例如转账业务方法。业务层依赖数据层,而Web层依赖业务层!

 

  

案例

实体:

 

复制代码
 1 package com.li.domain;
 2 /**
 3  * 把数据库中查询出的结果保存到这个对象中。
 4  * @author yejing
 5  */
 6 public class User {
 7     private String username;
 8     private String password;
 9     public User(String username, String password) {
10         this.username = username;
11         this.password = password;
12     }
13     public User() {
14     }
15     public String getUsername() {
16         return username;
17     }
18     public void setUsername(String username) {
19         this.username = username;
20     }
21     public String getPassword() {
22         return password;
23     }
24     public void setPassword(String password) {
25         this.password = password;
26     }
27     @Override
28     public String toString() {
29         return "User [username=" + username + ", password=" + password + "]";
30     }
31 }
复制代码

Dao层:

复制代码
 1 package com.li.dao;
 2 
 3 import cn.itcast.domain.User;
 4 
 5 public class UserDao {
 6     /*
 7      * 把xml中的数据查询出来之后,封装到user对象中,然后返回
 8      */
 9     public User find() {
10         return new User("zhangSan", "123"); 
11     }
12 }
复制代码

service

复制代码
 1 package com.li.service;
 2 
 3 import cn.itcast.dao.UserDao;
 4 import cn.itcast.domain.User;
 5 
 6 public class UserService {
 7     // service层依赖dao层
 8     private UserDao userDao = new UserDao();
 9     
10     /*
11      * service的查询,需要使用dao来完成!
12      */
13     public User find() {
14         return userDao.find();
15     }
16 }
复制代码

Servlet

复制代码
 1 package com.li.web.servlet;
 2 
 3 import java.io.IOException;
 4 
 5 import javax.servlet.ServletException;
 6 import javax.servlet.http.HttpServlet;
 7 import javax.servlet.http.HttpServletRequest;
 8 import javax.servlet.http.HttpServletResponse;
 9 import cn.itcast.domain.User;
10 import cn.itcast.service.UserService;
11 
12 public class UserServlet extends HttpServlet {
13     public void doGet(HttpServletRequest request, HttpServletResponse response)
14             throws ServletException, IOException {
15         /*
16          * 在servlet中依赖service,然后通过service完成功能,把结果保存到request中
17          * 转发到jsp显示。
18          */
19         UserService userService = new UserService();
20         User user = userService.find();
21         
22         request.setAttribute("user", user);
23         
24         request.getRequestDispatcher("/show.jsp").forward(request, response);
25     }
26 }
复制代码

View层:

 index.jsp:

复制代码
 1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
 2 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
 3 <%
 4 String path = request.getContextPath();
 5 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
 6 %>
 7 
 8 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 9 <html>
10   <head>
11     <base href="<%=basePath%>">
12     
13     <title>My JSP 'index.jsp' starting page</title>
14     <meta http-equiv="pragma" content="no-cache">
15     <meta http-equiv="cache-control" content="no-cache">
16     <meta http-equiv="expires" content="0">    
17     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
18     <meta http-equiv="description" content="This is my page">
19     <!--
20     <link rel="stylesheet" type="text/css" href="styles.css">
21     -->
22   </head>
23   
24   <body>
25 <a href="<c:url value='/UserServlet'/>">点击这里查看</a>
26   </body>
27 </html>
复制代码

 

show.jsp:

 

复制代码
 1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
 2 <%
 3 String path = request.getContextPath();
 4 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
 5 %>
 6 
 7 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 8 <html>
 9   <head>
10     <base href="<%=basePath%>">
11     
12     <title>My JSP 'show.jsp' starting page</title>
13     
14     <meta http-equiv="pragma" content="no-cache">
15     <meta http-equiv="cache-control" content="no-cache">
16     <meta http-equiv="expires" content="0">    
17     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
18     <meta http-equiv="description" content="This is my page">
19     <!--
20     <link rel="stylesheet" type="text/css" href="styles.css">
21     -->
22 
23   </head>
24   
25   <body>
26 用户名:${user.username }<br/>
27 密 码:${user.password }<br/>
28   </body>
29 </html>
复制代码

 

posted @ 2020-12-11 00:24  HackerEarl  阅读(127)  评论(0编辑  收藏  举报