JSP与MVC模式：EL、JSTL与三层架构解析-优快云博客

本文链接：https://blog.youkuaiyun.com/futurech/article/details/124837601

今日内容

1. JSP：指令、注释、内置对象

2. MVC开发模式（理论）

3. EL表达式

4. JSTL标签

5. 三层架构（理论）

一、JSP:

1. 指令

作用：用于配置JSP页面，导入资源文件

格式：

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

分类：

1. page：配置JSP页面的

属性：

contentType：等同于response.setContentType()

*设置响应体的mime类型以及字符集

*设置当前jsp页面的编码（只能是高级的IDE才能生效，如果使用低级工具，则需要设置pageEncoding属性设置当前页面的字符集）

language：jsp支持的语言（到目前为止只支持Java）

buffer：设置out对象的缓冲区大小

import：导包或导类（类似于Java中的导包）

errorPage：当前页面发生异常后，会自动跳转到指定的错误页面

isErrorPage：标识当前页面是否是错误页面。

*true：是。可以使用内置对象exception

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

2. include：用于页面包含的，导入页面的资源文件。如：<%@include file="top.jsp"%>

3. taglib：导入资源（一般用于导入标签库）

例如：

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

其中的prefix定义的是前缀，而且是自定义的。

2. 注释:

html注释：，只能注释html代码片段

jsp注释：推荐使用<%-- --%>，可以注释所有

3. 内置对象：在jsp页面中不需要创建，直接使用的对象

一共有9个：（前4个是jsp的域对象）

变量名真实类型作用

* pageContext PageContext 当前页面共享数据，还可以获取其他八个内置对象

* request HttpServletRequest 一次请求访问的多个资源(转发)

* session HttpSession 一次会话的多个请求间

* application ServletContext 所有用户间共享数据

* response HttpServletResponse 响应对象

* page Object 当前页面(Servlet)的对象 this

* out JspWriter 输出对象，数据输出到页面上

* config ServletConfig Servlet的配置对象

* exception Throwable 异常对象

二、MVC：开发模式

1. jsp演变历史

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

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

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

2. MVC：

1. M：Model，模型。JavaBean来充当

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

2. V：View，视图。JSP来充当

* 展示数据

3. C：Controller，控制器。Servlet来充当

* 获取用户（客户端）的输入

* 调用模型

* 将模型返回的数据交给视图进行展示（要用到域对象共享数据）

优点：

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

2. 重用性高

缺点：

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

三、EL表达式（JSP内置的表达式语言）

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

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

3. 语法：${表达式}

4. 注意：

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

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

2. \${表达式} ：忽略当前这个el表达式

5. 使用：

5.1）运算：

运算符：

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

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

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

4. 空运算符： empty

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

* ${empty list}:判断字符串、集合、数组对象是否为null或者长度为0

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

<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@ page contentType="text/html;charset=UTF-8" language="java"   %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    ${3 > 4}

    \${3 > 4}
<hr>
    <h3>算数运算符</h3>
    ${3 + 4}<br>
    ${3 / 4}<br>
    ${3 div 4}<br>
    ${3 % 4}<br>
    ${3 mod 4}<br>
    <h3>比较运算符</h3>
    ${3 == 4}<br>
    <h3>逻辑运算符</h3>
    ${3 > 4  && 3 < 4}<br>
    ${3 > 4  and 3 < 4}<br>
    <h4>empty运算符</h4>
<%
    String str = "";
    request.setAttribute("str",str);
    List list = new ArrayList();
    request.setAttribute("list",list);
%>
    ${not empty str}
    ${not empty list}
</body>
</html>

5.2）获取值

1. el表达式只能从域对象中获取值

2. 语法：

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

* 域名称：

1. pageScope --> pageContext

2. requestScope --> request

3. sessionScope --> session

4. applicationScope --> application（ServletContext）

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

* 获取：${requestScope.name}

${键名}：表示依次从最小的域中查找是否有该键对应的值，直到找到为止。

获取对象、List集合、Map集合的值

1. 对象：${域名称.键名.属性名}

* 本质上会去调用对象的getter方法

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

3. Map集合：

* ${域名称.键名.key名称}

* ${域名称.键名["key名称"]}

<%@ page import="cn.itcast.domain.User" %>
<%@ page import="java.util.*" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>el获取数据</title>
</head>
<body>
    <%
        User user = new User();
        user.setName("张三");
        user.setAge(23);
        user.setBirthday(new Date());
        request.setAttribute("u",user);

        List list = new ArrayList();
        list.add("aaa");
        list.add("bbb");
        list.add(user);

        request.setAttribute("list",list);

        Map map = new HashMap();
        map.put("sname","李四");
        map.put("gender","男");
        map.put("user",user);

        request.setAttribute("map",map);

    %>

<h3>el获取对象中的值</h3>
${requestScope.u}<br>

<%--
    * 通过的是对象的属性来获取
        * setter或getter方法，去掉set或get，在将剩余部分，首字母变为小写。
        * setName --> Name --> name
--%>

    ${requestScope.u.name}<br>
    ${u.age}<br>
    ${u.birthday}<br>
    ${u.birthday.month}<br>

    ${u.birStr}<br>

    <h3>el获取List值</h3>
    ${list}<br>
    ${list[0]}<br>
    ${list[1]}<br>
    ${list[10]}<br>

    ${list[2].name}

    <h3>el获取Map值</h3>
    ${map.gender}<br>
    ${map["gender"]}<br>
    ${map.user.name}

</body>
</html>

3. 隐式对象：

el表达式中有11个隐式对象（类似于jsp的内置对象）

其中有一个pageContext隐式对象：可以获取jsp其他八个内置对象

例如：${pageContext.request.contextPath}：动态获取虚拟目录

四、JSTL

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

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

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

3. 使用步骤：

1. 导入jstl相关jar包

2. 引入标签库：taglib指令： <%@ taglib %>

3. 使用标签

4. 常用的JSTL标签

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

1. 属性：

test 必须属性，接收boolean表达式

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

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

2. 注意：

c:if标签没有else情况，想要else情况，则可以在定义一个c:if标签

<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<html>
<head>
    <title>if标签</title>
</head>
<body>

    <%--

    c:if标签
        1. 属性：
            * test 必须属性，接受boolean表达式
                * 如果表达式为true，则显示if标签体内容，如果为false，则不显示标签体内容
                * 一般情况下，test属性值会结合el表达式一起使用

        2. 注意：c:if标签没有else情况，想要else情况，则可以在定义一个c:if标签


    --%>

    <c:if test="true">
        <h1>我是真...</h1>
    </c:if>
    <br>

    <%
        //判断request域中的一个list集合是否为空，如果不为null则显示遍历集合

        List list = new ArrayList();
        list.add("aaaa");
        request.setAttribute("list",list);

        request.setAttribute("number",4);

    %>

    <c:if test="${not empty list}">
        遍历集合...

    </c:if>
    <br>

    <c:if test="${number % 2 != 0}">

            ${number}为奇数

    </c:if>

    <c:if test="${number % 2 == 0}">

        ${number}为偶数

    </c:if>

</body>
</html>

choose:相当于java代码的switch语句

1. 使用choose标签声明相当于switch声明

2. 使用when标签做判断相当于case

3. 使用otherwise标签做其他情况的声明相当于default

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

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

<html>
<head>
    <title>choose标签</title>
</head>
<body>

    <%--
        完成数字编号对应星期几案例
            1.域中存储一数字
            2.使用choose标签取出数字         相当于switch声明
            3.使用when标签做数字判断         相当于case
            4.otherwise标签做其他情况的声明  相当于default
    --%>

    <%
        request.setAttribute("number",51);
    %>

    <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>


</body>
</html>

foreach:相当于java代码的for语句

<%@ page import="java.util.ArrayList" %>
<%@ page import="java.util.List" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

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

<html>
<head>
    <title>foreach标签</title>
</head>
<body>

<%--

    foreach:相当于java代码的for语句
        1. 完成重复的操作
            for(int i = 0; i < 10; i ++){

            }
            * 属性：
                begin：开始值
                end：结束值
                var：临时变量
                step：步长
                varStatus:循环状态对象
                    index:容器中元素的索引，从0开始
                    count:循环次数，从1开始
        2. 遍历容器
            List<User> list;
            for(User user : list){

            }

            * 属性：
                items:容器对象
                var:容器中元素的临时变量
                varStatus:循环状态对象
                    index:容器中元素的索引，从0开始
                    count:循环次数，从1开始


--%>

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

</c:forEach>

    <hr>

    <%
        List list = new ArrayList();
        list.add("aaa");
        list.add("bbb");
        list.add("ccc");

        request.setAttribute("list",list);

    %>

    <c:forEach items="${list}" var="str" varStatus="s">

            ${s.index} ${s.count} ${str}<br>

    </c:forEach>


</body>
</html>

5. 练习：

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

<%@ page import="cn.itcast.domain.User" %>
<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %>
<%@ 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>test</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="red">
                <td>${s.count}</td>
                <td>${user.name}</td>
                <td>${user.age}</td>
                <td>${user.birStr}</td>
            </tr>
        </c:if>

        <c:if test="${s.count % 2 == 0}">

            <tr  bgcolor="green">
                <td>${s.count}</td>
                <td>${user.name}</td>
                <td>${user.age}</td>
                <td>${user.birStr}</td>
            </tr>
        </c:if>
    </c:forEach>
</table>
</body>
</html>

五、三层架构：软件设计架构

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

2. 业务逻辑层：处理业务逻辑的。

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

六、案例：用户信息列表展示

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

2. 设计：

技术选型：Servlet+JSP+MySQL+JDBCTemplate+Duird+BeanUtilS+tomcat

数据库设计：

            create database day17; -- 创建数据库

            use day17;             -- 使用数据库

            create table user(   -- 创建表

                id int primary key auto_increment,

                name varchar(20) not null,

                gender varchar(5),

                age int,

                address varchar(32),

                qq  varchar(20),

                email varchar(50)

            );

3. 开发：

3.1）环境搭建

1. 创建数据库环境

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

3.2）编码

BeanPropertyRowMapper

4. 测试

5. 部署运维