JSP技术过时技术了解即可

编程入门行业动态更新时间:2024-10-25 10:29:08

JSP<a href=https://www.elefans.com/category/jswz/34/1770192.html style= 技术过时技术了解即可"/>

JSP技术过时技术了解即可

1、JSP

因为想要进行动态 web 的开发，不可避免的在 html 中修改一些数据，改的时候，在后端修改，想要在修改完成后在前端显示，那么不使用 jsp 的话，会使得在 Servlet 中编写代码变得非常麻烦以及复杂，引入了 jsp 之后，可以在 Servlet 中存在 Servlet 代码以及 html 代码，一定程度上简化了代码；

1.1 jsp快速入门

1.2 jsp 原理

1.3 jsp 脚本

<%@ page import="com.luobin.pojo.Brand" %>
<%@ page import="java.util.List" %>
<%@ page import="java.util.ArrayList" %><%--Created by IntelliJ IDEA.User: yimengDate: 2022/3/12Time: 5:06 下午To change this template use File | Settings | File Templates.
--%>
<%@ 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><td><%=brand.getStatus()%></td><td><a href="#">修改</a> <a href="#">删除</a></td></tr><%}%></table></body>
</html>

1.4 EL 表达式

是为了获取数据，为了下一步的为 JSTL 对数据进行判断，想要获取数据，前提是需要将数据放置在域中

@WebServlet("/el-demo1")
public class ServletEL1 extends HttpServlet {@Overrideprotected 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);// 3 转发到 el-demo.jsp 中request.getRequestDispatcher("/el-demo.jsp").forward(request,response);}@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {this.doGet(request, response);}
}

1.5 JSTL 标签

直接在 jsp 里面书写代码，对于项目的维护是十分不方便的，因为前端可能不懂 Java 代码，并且在 jsp 里面书写的 Java 代码经常需要代码的截断，读取以及书写都是不方便的，所以在 jsp 里面的判断代码以及循环代码，使用 jstl 标签代替，又可以简化一定的代码

1.6 MVC 模式和三层架构

表现层：web 层或者叫做 controller 层

业务逻辑层：service 层
数据访问层：dao 层
业务了逻辑可以和数据访问放在一起，因为在执行业务逻辑的时候，一定上需要访问数据的；

三层架构可以说是对于三层模型的一种物理实现；

1.6.1 MVC 和三层架构区别

M ------业务逻辑层数据访问层
V C ------表现层

1.7 案例使用 MVC 进行数据的 CRUD

1.7.1 创建的项目目录

1.7.2 三层架构下的查询设计

1.7.3 三层架构下的添加数据

web层

@WebServlet("/AddServlet")
public class AddServlet extends HttpServlet {private BrandService service = new BrandService();@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// 配置可能存在的乱码问题request.setCharacterEncoding("utf-8");// 1、接收表单中提交的数据，封装成为一个 Brand 对象，接收表单参数，封装成为对象的目的是将数据添加到数据库中String brandName = request.getParameter("brandName");String companyName = request.getParameter("companyName");String ordered = request.getParameter("ordered");String description = request.getParameter("description");String status = request.getParameter("status");Brand brand = new Brand();brand.setBrandName(brandName);brand.setCompanyName(companyName);brand.setDescription(description);// 封装的对象的时候，因为这个数据从前端获取过来是 String ，在这里需要进行数据类型的转换brand.setStatus(Integer.parseInt(status));brand.setOrdered(Integer.parseInt(ordered));// 调用 service() 完成数据的添加service.add(brand);// 转发到查询所有的 Servletrequest.getRequestDispatcher("/selectAllServlet").forward(request,response);}@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {this.doGet(request, response);}
}

service 层

public class BrandService {// 通过提前写好的 utils 里面的工具创建一次工厂，减少系统的资源浪费SqlSessionFactory factory = SqlSessionFactoryUtil.getSqlSessionFactory();/*** 查询所有* @return*/public List<Brand> selectAll() {// 调用 BrandMapper.selectAll()// 获得 SqlSessionFactory() 创建 sqlSession 对象方便执行 sql 语句
//        SqlSessionFactory factory = SqlSessionFactoryUtil.getSqlSessionFactory();SqlSession sqlSession = factory.openSession();// 获取 BrandMapperBrandMapper mapper = sqlSession.getMapper(BrandMapper.class);// 调用方法List<Brand> brands = mapper.selectAll();// 因为知识查询操作，所以是不需要提交事务的，知识将资源进行关闭即可sqlSession.close();return brands;}public void add(Brand brand) {SqlSession sqlSession = factory.openSession();BrandMapper mapper = sqlSession.getMapper(BrandMapper.class);// 调用方法mapper.add(brand);// 增删改的操作，需要事务的提交sqlSessionmit();sqlSession.close();}
}

dao 层（mapper 层）

public interface BrandMapper {/*** 查询 tb_brand 表中的所有数据* @return*/@Select("select * from mybatis.tb_brand")@ResultMap("brandResultMap")List<Brand> selectAll();/*** 向数据库中添加数据* @param brand*/@Select("insert into mybatis.tb_brand values (null,#{brandName},#{companyName},#{ordered},#{description},#{status})")void add(Brand brand);
}

sql 映射文件

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapperPUBLIC "-//mybatis//DTD Mapper 3.0//EN"".dtd"><!--名称就是接口的全限定名称-->
<mapper namespace="com.luobin.mapper.BrandMapper"><!--遇到的部分的字段查询不到的时候，一般可能是数据库的名字与 pojo 里面属性的名字不一致导致的--><!--这个时候需要使用 resultMap 进行名字的匹配即可--><resultMap id="brandResultMap" type="brand"><result column="brand_name" property="brandName"></result><result column="company" property="companyName"></result></resultMap></mapper>

显示查询结果的 jsp

<%--Created by IntelliJ IDEA.User: yimengDate: 2022/3/12Time: 6:16 下午To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="" %>
<%--如果接收不到转发的数据，添加下面的代码 是因为 jsp 和 servlet 版本导致的默认关闭--%>
<%@page isELIgnored="false" %>
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><body><input type="button" value="新增" id="add"><br><hr><table border="1" cellspacing="0" width="80%"><tr><th>序号</th><th>品牌名称</th><th>企业名称</th><th>排序</th><th>品牌介绍</th><th>状态</th><th>操作</th></tr><c:forEach items="${brands}" var="brand"><tr><th>${brand.id}</th><th>${brand.brandName}</th><th>${brandpanyName}</th><th>${brand.ordered}</th><th>${brand.description}</th><th>${brand.status}</th></tr></c:forEach><c:if test="${status == 1}">启用</c:if><c:if test="${status != 1}">禁用</c:if></table></body><%--点击新增加的页面，跳转到 jsp 页面，里面的表单中填写数据，发送到 Servlet 中--%><script>document.getElementById("add").onclick = function () {location.href = "/brand-demo/addBrand.jsp"}</script>
</html>

进行表单上传的 jsp

<%--Created by IntelliJ IDEA.User: yimengDate: 2022/3/13Time: 2:48 下午To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html><head><title>添加品牌</title></head><body><h3>添加品牌</h3><form action="/brand-demo/AddServlet" method="post">品牌名称：<input name="brandName"><br>企业名称：<input name="companyName"><br>排序：<input name="ordered"><br>描述信息：<textarea rows="5" cols="20" name="description"></textarea><br>状态：<input type="radio" name="status" value="0">禁用<input type="radio" name="status" value="1">启用<br><input type="submit" value="提交"></form></body>
</html>