从“追求尽量不出错”，到正视“出错|
收藏闪存小组博问

如此而已~~~

园龄：3年3个月粉丝：0关注：12

第三天

第三天

JSP

概念：Java Server Pages，Java服务端页面

一种动态的网页技术，其中既可以定义HTML、JS、CSS等静态内容，还可以定义Java代码的动态内容

JSP = HTML + Java（其中HTML代码会使用响应对象的输出流中的write()方法来书写）

参考代码：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <h1>JSP, Hello World</h1>
 
    <%
        System.out.println("hello, jsp~~~");
    %>
</body>
</html>

JSP的作用：简化开发，避免了在Servlet中直接输出HTML标签。

​ 即当一个页面中既需要静态内容有需要动态代码时（使用Servlet中转，先进行动态判断，然后在Servlet中通过writer写HTML代码）的繁琐。

JSP快速入门：

1、导入JSP坐标

<dependency>
	<groupId>javax.servlet.jsp</groupId>
    <artifactId>jsp-api</artifactId>
    <version>2.2</version>
    <!-- 依赖范围：由于tomcat中自带打好的jsp包所以运行时无需 -->
    <scope>provided</scope>
</dependency>

2、创建JSP文件

New JSP/SPX

3、编写HTML标签何Java代码

<body>
    <h1>
        hello jsp
    </h1>
    
    <% System.out.println("jsp hello");%>
</body>
JSP原理：

概念：Java Servlet Pages，Java服务端页面

JSP = HTML + Java，用于简化开发的

JSP 本质上就是一个Servlet（本来JSP就是用来简化Servlet开发的，Tomcat底层会自动进行转换）

JSP 在被访问时，由JSP容器（Tomcat）将其转化为Java文件（Servlet），在由JSP容器（Tomcat）将其编译，最终对外提供服务的其实就是这个字节码文件

JSP脚本

JSP脚本用于在JSP页面内定义Java代码

JSP脚本分类：

​ <%...%>：内容会直接放到_jspService()方法中

​ <%=...%>：内容会放到out.print()中，作为out.print()参数

​ <%!...%>：内容会放到_jspService()方法之外，被类直接包含

使用JSP脚本展示品牌数据：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
 
<%
    //模拟查询数据库
    List<Brand> brands = new ArrayList<Brand>();
    brands.add(new Brand(1,"三只松鼠","三只松鼠",100,"三只松鼠，好吃不上火",1));
    brands.add(new Brand(2,"优衣库","优衣库",200,"优衣库，服适人生",0));
    brands.add(new Brand(3,"小米","小米科技有限公司",1000,"为发烧而生",1));
%>
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" value="新增"><br>
<hr>
<table border="1" cellspacing="0" width="800">
    <tr>
        <th>序号</th>
        <th>品牌名称</th>
        <th>企业名称</th>
        <th>排序</th>
        <th>品牌介绍</th>
        <th>状态</th>
        <th>操作</th>
 
    </tr>
 
    <%
        //可以将代码截断
        for(int i = 0; i < brands.size(); i++){
            Brand brand = brands.get(i);
    %>
 
    <tr align="center">
        <td><%= brand.getId()%></td>
        <td><%= brand.getBrandName()%></td>
        <td><%= brand.getCompanyName()%></td>
        <td><%= brand.getOrdered()%></td>
        <td><%= brand.getDescription()%></td>
 
        <%
            if(brand.getStatus() == 1){
                //显示启用
        %>
 
        <td><%="启用"%></td>
 
        <%
            }else{
                //显示禁用
        %>
        <td><%="禁用"%></td>
        <%
            }
        %>
        <td><a href="#">修改</a> <a href="#">删除</a></td>
    </tr>
 
    <%
        }
    %>
 
 
</table>
 
</body>
</html>

JSP缺点

由于JSP页面内，既可以定义HTML标签，又可以定义Java代码，造成了以下问题：

​ 书写麻烦：特别是复杂的页面

​ 阅读麻烦

​ 复杂度高：运行需要依赖于各种环境，JRE，JSP容器，JavaEE...

​ 占内存和磁盘：JSP会自动生成.java和.class文件占磁盘，运行的.class文件占内存

​ 调试困难：出错后，需要找到自动生成的.java文件进行调试

​ 不利于团队协作：前端人员不会Java，后端人员不精HTML

​ ...

JSP 已逐渐退出历史舞台 ----------> HTML + AJAX

由于这些问题的出现，在没有AJAX时，使用Servlet + JSP

不要直接在JSP里写Java代码

​ Servlet：逻辑处理，封装数据

​ JSP：获取数据，遍历展现数据

EL表达式（简化jsp中的数据获取）

Expression Language表达式语言，用于简化JSP页面内的Java代码

主要功能：在域对象中，获取数据

语法：${expression}

${brands}	获取域中存储的key为brands的数据

JavaWeb中的四大域对象：

​ page：当前页面有效

​ request：当前请求有效

​ session：当前会话有效

​ application：当前应用有效

el表达式获取数据，会依次从这4个域中寻找，直到找到为止

JSTL标签（简化JSP中的遍历数据与流程控制）

JSP标准标签库（Jsp Standarded Tag Library），使用标签取代JSP页面上的Java代码（此处只提及常用的两个）

<c:if test="${flag == 1"}>
    男
</c:if>
<c:if test="${flag == 2"}>
    女
</c:if>

使用jstl步骤：

1、导入坐标：

<dependency>
	<groupId>jstl</groupId>
    <artifactId>jstl</artifactId>
    <version>1.2</version>
</dependency>
<dependency>
	<groupId>taglibs</groupId>
    <artifactId>standard</artifactId>
    <version>1.1.2</version>
</dependency>

2、在JSP页面上引入JSTL标签库

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

3、使用

<c:if>

增强for循环遍历标签：

<c:forEach>：相当于加强for循环
items：被遍历的容器
var：遍历产生的临时变量
varStatus：遍历状态对象，使用目的是为了动态变化下标
示例：
varStatus="status"
<td>${status.index}</td>		<%-- 下标从0开始 --%>
<td>${status.count}</td>		<%-- 下标从1开始 --%>
<c:forEach item="${brands}" var="brand">
	<tr align="center">
    	<td>${brand.id}</td>
        <td>${brand.brandName}</td>
        <td>${brand.companyName}</td>
        <td>${brand.description}</td>
    </tr>
</c:forEach>

参考代码：

package com.itheima.web;
 
import com.itheima.pojo.Brand;
 
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
 
@WebServlet("/demo1")
public class ServletDemo1 extends HttpServlet {
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //1、准备数据，模拟
        List<Brand> brands = new ArrayList<Brand>();
        brands.add(new Brand(1,"三只松鼠","三只松鼠",100,"三只松鼠，好吃不上火",1));
        brands.add(new Brand(2,"优衣库","优衣库",200,"优衣库，服适人生",0));
        brands.add(new Brand(3,"小米","小米科技有限公司",1000,"为发烧而生",1));
 
        //2、存储到request域中
        request.setAttribute("brands", brands);
        request.setAttribute("status", 1);
 
        //3、转发到el-demo.jsp
//        request.getRequestDispatcher("/el-demo.jsp").forward(request, response);
//        request.getRequestDispatcher("/jstl-if.jsp").forward(request, response);
        request.getRequestDispatcher("/jstl-forEach.jsp").forward(request, response);
    }
 
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doGet(request, response);
    }
}
<%--
  Created by IntelliJ IDEA.
  User: YAN
  Date: 2023/2/3
  Time: 22:04
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" value="新增"><br>
<hr>
<table border="1" cellspacing="0" width="800">
    <tr>
        <th>序号</th>
        <th>品牌名称</th>
        <th>企业名称</th>
        <th>排序</th>
        <th>品牌介绍</th>
        <th>状态</th>
        <th>操作</th>
 
    </tr>
 
    <c:forEach items="${brands}" var="brand" varStatus="status">
        <tr align="center">
            <%--<td>${brand.id}</td>--%>
            <%--<td>${status.index}</td>--%>    <%-- 下标从0开始 --%>
            <td>${status.count}</td>    <%-- 下标从1开始 --%>
            <td>${brand.brandName}</td>
            <td>${brand.companyName}</td>
            <td>${brand.ordered}</td>
            <td>${brand.description}</td>
            <c:if test="${brand.status == 1}">
                <td>启用</td>
            </c:if>
            <c:if test="${brand.status != 1}">
                <td>禁用</td>
            </c:if>
            <td><a href="#">修改</a> <a href="#">删除</a></td>
        </tr>
    </c:forEach>
 
 
</table>
 
</body>
</html>

普通for循环遍历标签：

<%-- 
begin：开始数
end：结束数
step：步长
--%>
 
<c:forEach begin="0" end="10" step="1" var="i">
	${i}
</c:forEach>

参考代码：

<hr>
 
<c:forEach begin="1" end="10" step="1" var="i" >
    <%-- 可以做分页工具条 --%>
    <a href="#">${i}</a>
</c:forEach>
 
</body>
</html>
MVC 模式和三层架构

MVC模式：

MVC是一种分层开发的模式，其中：

​ M：Model，业务模型，处理业务

​ V：View，视图，界面展示

​ C：Controller，控制器，处理请求，调用模型和视图

MVC好处

​ 职责单一，互不影响

​ 有利于分工协作

​ 有利于组件重用

三层架构：

表现层：接收请求，封装数据，调用业务逻辑层，响应数据

业务逻辑层：对业务逻辑进行封装，组合数据访问层中基本功能，形成复杂的业务逻辑功能

数据访问层：对数据库的CRUD基本操作

案例：

完成品牌数据的增删改查操作：

​ 准备环境

​ 创建新的模块brand_demo，引入坐标

​ 创建三层架构的包结构

​ 数据库标 tb_brand

​ 实体类 Brand

​ MyBatis基础环境

​ Mybatis-config.xml

​ BrandMapper.xml

​ BrandMapper接口

查询所有：

通过一个超链接查询所有数据

Web层：

​ SelectAllServlet：调用Service查询、将数据存入requst、转发到brand.jsp中

​ 在brand.jsp中遍历

Service层：

​ BrandService：提供一个selectAll方法调用BrandMapper中的selectAll方法

Dao层：

​ BrandMapper：List selectAll();

添加

Web层：

​ AddServlet

​ 1、接收数据，封装Brand对象

​ 2、调用service完成添加

​ 3、将数据转发到查询所有Servlet

Service层：

​ BrandService：提供一个add方法调用BrandMapper中的add方法

Dao层：

​ BrandMapper：void add(brand)

修改

修改-回显数据

Web层：

​ SelectByIdServlet

​ 1、接收id

​ 2、调用service查询Brand

​ 3、存储request

​ 4、将数据转发到修改页面

Service层：

​ BrandService：提供一个selectById方法调用BrandMapper中的selectById方法

Dao层：

​ BrandMapper：selectById(id)

修改-修改数据

Web层：

​ UpdateServlet

​ 1、接收数据，封装Brand对象

​ 2、调用service修改

​ 3、转发到查询所有的Servlet

Service层：

​ BrandService：提供一个 update方法调用BrandMapper中的 update方法

Dao层：

​ BrandMapper：void update(brand)

删除

修改-回显数据

Web层：

​ DeleteByIdServlet

​ 1、接收id

​ 2、调用service查询Brand

​ 3、存储request

​ 4、将数据转发到删除页面

Service层：

​ BrandService：提供一个deleteById方法调用BrandMapper中的deleteById方法

Dao层：

​ BrandMapper：deleteById(id)

本文作者：如此而已~~~

本文链接：https://www.cnblogs.com/fragmentary/p/17094950.html

版权声明：本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   如此而已~~~  阅读(30)  评论(0)  编辑  收藏  举报
    //雪花飘落效果
    点击右上角即可分享
    微信分享提示
    AI IDE Trae
    评论
    收藏
    关注
    推荐
    深色
    回顶
    收起
    ✽
    ✽