JavaWeb - JSP核心、MVC开发模式、EL表达式、JSTL标签、三层架构

1. JSP核心

  1. 指令

    * 作用:用于配置JSP页面,导入资源文件

    * 格式:

      <%@ 指令名称 属性名1=属性值1 属性名2=属性值2 ... %>

    * 分类:

      1. page : 配置JSP页面的

        * contentType:等同于response.setContentType()

          1. 设置响应体的MIME类型以及字符集

          2. 设置当前JSP页面的编码(只能是高级的IDE才能生效,如果使用低级工具,则需要设置pageEncoding属性设置当前页面的字符集)

        * import:导包

        * errorpage:当前页面发生异常后,会自动跳转到指定的错误页面

        * iserrorpage:标识当前页面是否是错误页面

          * true:是,可以使用内置对象exception

          * false:否,默认值。不可以使用内置对象exception

      2. include :页面包含的。导入页面的资源文件,比如大家都需要同样的一个头信息,就不用重复写,直接包含进来即可

      3. taglib :导入资源

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

          * prefix为自定义前缀 JSTL一般用c

  2. 注释

    1. html注释:<!- -  - - >:只能注释html代码片段

    2. jsp注释:<%- -   - -%>:可以注释所有

  3. 内置对象

    * 在jsp页面中不需要创建,直接使用的对象

    * 一共有9个:

      * pageContext:  真实类型:pageContext   作用:当前页面共享数据,还可以获取其他八个内置对象

      * request:   真实类型:HttpServletRequest 作用:一次请求访问的多个资源(转发)间共享数据

      * session      真实类型:HttpSession 作用:一次会话的多个请求间共享数据

      * application   真实类型:ServletContext   作用:所有用户间共享数据

      * response     真实类型:HttpServletResponse  作用:响应对象

      * page       真实类型:Object  作用:当前页面(Servlet)对象 this

      * out       真实类型:JspWriter  作用: 输出对象,数据输出到页面上

      * config     真实类型:ServletConfig  作用:Servlet的配置对象

      * exception    真实类型:Throwable  作用:异常对象

 

2. MVC开发模式

  1. jsp演变历史

    1. 早期只有servlet,只能使用response输出标签数据,非常的麻烦

    2. 后来有了jsp,简化了Servlet的开发,如果过度使用sp,在jsp中既写大量的java代码,又写html标签,造成难以维护,难于分工协作

    3. 再后来,java的web开发,借鉴mvc开发模式,使得程序的设计更加合理

  2. MVC

    1. M:Model,模型。JavaBean

      * 完成具体的业务操作,如:查询数据库、封装对象

    2. V:View,视图。JSP

      * 展示数据

    3. C:Controller,控制器。Servlet

      * 获取用户的输入

      * 调用模型

      * 将数据交给视图进行展示

 

 

    * 优缺点:

      1. 优点:

        1. 耦合性低,方便维护,可以利于分工协作

        2. 重用性高

      2. 缺点:

        1. 使得项目的架构变得复杂,对开发人员要求高 

 

3. EL表达式

  1. 概念:Expression Language 表达式语言

  2. 作用:替换和简化jsp页面中java代码的编写

  3. 语法:${  表达式  }

  4. 注意:

    * jsp默认支持EL表达式。 如果要忽略el表达式

      1. 设置jsp中page指令中:isELIgnore="true" 忽略当前jsp页面中所有的EL表达式

      2. \${ } : 忽略当前这个EL表达式

  5. 作用

    1. 运算

      * 运算符:

        1. 算数运算符: + - *  /(div) %(mod)

        2. 比较运算符: > < = >= <= == !=

        3. 逻辑运算符:&&(and) ||(or) !(not)

        4. 空运算符:empty

          * 功能:用于判断字符串、集合、数组对象是否为null或者长度是否为0

          * ${ not empty list }:表示判断字符串、集合、数组对象是否不为null 并且长度大于0

    2. 获取值

      1. 注意事项:el表达式只能从域对象中获取值

      2. 语法:

        1. ${ 域名称 . 键名称 }:从指定域中获取指定键的值

          * 域名称:

            1. pageScope - - > pageContext

            2. requestScope - -  > request

            3. sessionScope - - > session

            4. application - - > application(ServletContext)

          * 举例:如在request域中存储了name=张三

            获取:${ requestScope.name }

        2. ${ 键名 }:表示依次从最小的域中去查找是否有该键对应的值,直到找到为止

        3. 获取对象、List集合、Map集合

          1. 对象的值:通过的是对象的属性来获取  ${ 域名称.键名.属性名} 本质上会去调用对象的getter方法

            # 属性:指的是setter或getter方法,去掉set或get,再将剩余部分变为小写。 如setName - - > name

          2. List集合:${ 域名称.键名[索引]}

          3. Map集合:${ 域名称.键名.key名称} 或 ${ 域名称.键名['key名称']}

      3. 隐式对象:

        * el表达式中有11个隐式对象

        * pageContext:

          * 获取jsp其他八个内置对象

            在jsp页面中动态获取虚拟目录: ${ pageContext.request.contextPath }

4. JSTL

  1. 概念:JavaServer Pages Tag Library : JSP标准标签库

    * 是由Apache组织提供的开源的免费的jsp标签

  2. 作用:用于简化和替换jsp页面上的java代码

  3. 使用步骤:

    1. 导入JSTL相关jar包

    2. 引入标签库:taglib指令 :<%@ taglib %>  如:<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

    3. 使用标签

  4. 常用的JSTL标签

    1. if :相当于java代码的if语句

      1. 属性: 

        * test 必须属性,接收boolean表达式

          * 如果表达式为true,则显示if标签体内容,如果为false,则不显示标签体内容

          * 一般情况下,test属性值会结合el表达式一起使用 

            如:判断request域中的一个list集合是否为空,如果不为null则显示遍历集合 : <c:if test="${ not empty requestScope.list}"> 遍历集合 </c:if>

    2. choose:相当于java代码的switch  when标签做数字判断  otherwise做其他情况的声明 

      * 案例:完成数字编号对应星期几的案例

  <%
    request.setAttribute("number",3);
  %>
  <c:choose>
      <c:when test="${number==1}">星期一</c:when>
      <c:when test="${number==2}">星期二</c:when>
      <c:when test="${number==3}">星期三</c:when>
      <c:when test="${number==4}">星期四</c:when>
      <c:when test="${number==5}">星期五</c:when>
      <c:when test="${number==6}">星期六</c:when>
      <c:when test="${number==7}">星期天</c:when>
      <c:otherwise>数字输入有误</c:otherwise>
  </c:choose>

 

    3. foreach:相当于java代码的for循环

      * 属性:

        (普通for循环时)

        begin:开始值

        end:结束值

        var:临时变量

        step:步长

        varStatus:循环状态对象

          index:容器中元素的索引,从0开始

          count:循环次数,从1开始

 <c:forEach begin="1" end="10" var="i" step="1" varStatus="s">
      ${s.index} ${s.count}
  </c:forEach>

        (遍历容器时)

        items:容器对象

        var:容器中元素的临时变量

   <%
    List list = new ArrayList<>();
    list.add("aaa");
    list.add("ccc");
    request.setAttribute("list",list);
  %>
  <c:forEach items="${list}" var="str" varStatus="s">
      ${s.index} ${s.count} ${str}<br>
  </c:forEach>

 

   5. 练习

    * 需求:在request域中有一个存有User对象的List集合。需要使用JSTL+EL将list集合数据展示到jsp页面的表格table中

<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@ page import="domain.User" %>
<%@ page import="java.util.Date" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<%
    List list = new ArrayList();
    list.add(new User("张三",23,new Date()));
    list.add(new User("李四",24,new Date()));
    list.add(new User("王五",25,new Date()));
    request.setAttribute("list",list);
%>

<table border="1" width="500" align="center">
    <tr>
        <th>编号</th>
        <th>姓名</th>
        <th>年龄</th>
        <th>生日</th>
    </tr>
    <%--数据化--%>
    <c:forEach items="${list}" var="user" varStatus="s">
        <c:if test="${s.count % 2== 0}">
            <tr bgcolor="#ffd700">
                <td>${s.count}</td>
                <td>${user.name}</td>
                <td>${user.age}</td>
                <td>${user.birthday}</td>
            </tr>
        </c:if>

        <c:if test="${s.count % 2== 1}">
            <tr bgcolor="aqua">
                <td>${s.count}</td>
                <td>${user.name}</td>
                <td>${user.age}</td>
                <td>${user.birthday}</td>
            </tr>
        </c:if>

    </c:forEach>
</table>

</body>
</html>
案例实现

 

5. 三层架构

  1. 界面层(表示层):用户看的到的界面。用户可以通过节目上的组件和服务器进行交互

  2. 业务逻辑层:处理业务逻辑。

  3. 数据访问层:操作数据存储文件

 6. 案例:用户信息列表展示

  1. 需求:用户信息的增删改查操作

  2. 设计:

    1. 技术选型:Servlet + JSP + MySQL + JDBCTemplate + Druid + BeanUtils + tomcat

    2. 数据库设计

      create database day17; - - 创建数据库

      use day17; - - 使用数据库

      create table user(  -  - 创建表

        id int primary key auto_increatment,

        name varchar(20) not null,

        gender varchar(5),

        age int,

        address varchar(32),

        qq varchar(20),

        email varchar(50)

        );

     3. 开发:

      1. 环境搭建

        1. 创建数据库环境

        2. 创建项目,导入需要的jar包

      2. 编码

    4. 测试

    5. 部署运维

 

posted @ 2020-08-05 11:51  五号世界  阅读(213)  评论(0编辑  收藏  举报