• Java-web案例(mybatis、maven、jsp、tomcat、servlet...)


    需求:完成品牌数据的增删改查操作

     一、环境准备

    分以下步骤实现:

    • 创建新的模块brand-demo,引入坐标
    • 创建三层架构的包结构
    • 数据库表tb_brand
    • 实体类Brand
    • MyBatis基础环境(Mybatis_config.xml、BrandMapper.xml、BrandMapper接口)

    1.1 创建工程

    创建新的模块brand-demo,引入坐标,需要用到哪些技术就导哪些坐标

    • 需要操作数据库:mysql驱动包
    • 需要使用mybatis框架:mybatis依赖包
    • web项目要用到servlet和jsp:servlet和jsp依赖包
    • 需要使用jstl进行数据展示:jstl依赖包

    pom.xml内容如下:

    1. "1.0" encoding="UTF-8"?>
    2. <project xmlns="http://maven.apache.org/POM/4.0.0"
    3. xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    4. xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    5. <modelVersion>4.0.0modelVersion>
    6. <groupId>org.examplegroupId>
    7. <artifactId>brand-demoartifactId>
    8. <version>1.0-SNAPSHOTversion>
    9. <packaging>warpackaging>
    10. <properties>
    11. <maven.compiler.source>8maven.compiler.source>
    12. <maven.compiler.target>8maven.compiler.target>
    13. properties>
    14. <dependencies>
    15. <dependency>
    16. <groupId>org.mybatisgroupId>
    17. <artifactId>mybatisartifactId>
    18. <version>3.5.5version>
    19. dependency>
    20. <dependency>
    21. <groupId>mysqlgroupId>
    22. <artifactId>mysql-connector-javaartifactId>
    23. <version>5.1.34version>
    24. dependency>
    25. <dependency>
    26. <groupId>javax.servletgroupId>
    27. <artifactId>javax.servlet-apiartifactId>
    28. <version>3.1.0version>
    29. <scope>providedscope>
    30. dependency>
    31. <dependency>
    32. <groupId>javax.servlet.jspgroupId>
    33. <artifactId>jsp-apiartifactId>
    34. <version>2.2version>
    35. <scope>providedscope>
    36. dependency>
    37. <dependency>
    38. <groupId>jstlgroupId>
    39. <artifactId>jstlartifactId>
    40. <version>1.2version>
    41. dependency>
    42. <dependency>
    43. <groupId>taglibsgroupId>
    44. <artifactId>standardartifactId>
    45. <version>1.1.2version>
    46. dependency>
    47. dependencies>
    48. <build>
    49. <plugins>
    50. <plugin>
    51. <groupId>org.apache.tomcat.mavengroupId>
    52. <artifactId>tomcat7-maven-pluginartifactId>
    53. <version>2.2version>
    54. plugin>
    55. plugins>
    56. build>
    57. project>

    1.2 创建包

    创建不同的包结构,用来存储不同的类。包结构如下:

    1.3 创建表 

    1. -- 删除tb_brand表
    2. drop table if exists tb_brand;
    3. -- 创建tb_brand表
    4. create table tb_brand
    5. (
    6. -- id 主键
    7. id int primary key auto_increment,
    8. -- 品牌名称
    9. brand_name varchar(20),
    10. -- 企业名称
    11. company_name varchar(20),
    12. -- 排序字段
    13. ordered int,
    14. -- 描述信息
    15. description varchar(100),
    16. -- 状态:0:禁用 1:启用
    17. status int
    18. );
    19. -- 添加数据
    20. insert into tb_brand (brand_name, company_name, ordered, description, status)
    21. values ('三只松鼠', '三只松鼠股份有限公司', 5, '好吃不上火', 0),
    22. ('华为', '华为技术有限公司', 100, '华为致力于把数字世界带入每个人、每个家庭、每个组织,构建万物互联的智能世界', 1),
    23. ('小米', '小米科技有限公司', 50, 'are you ok', 1);

    1.4 创建实体类

    在pojo包下创建名为Brand的类

    1. public class Brand {
    2. // id 主键
    3. private Integer id;
    4. // 品牌名称
    5. private String brandName;
    6. // 企业名称
    7. private String companyName;
    8. // 排序字段
    9. private Integer ordered;
    10. // 描述信息
    11. private String description;
    12. // 状态:0:禁用 1:启用
    13. private Integer status;
    14. public Brand() {
    15. }
    16. public Brand(Integer id, String brandName, String companyName, String description) {
    17. this.id = id;
    18. this.brandName = brandName;
    19. this.companyName = companyName;
    20. this.description = description;
    21. }
    22. public Brand(Integer id, String brandName, String companyName, Integer ordered, String description, Integer status) {
    23. this.id = id;
    24. this.brandName = brandName;
    25. this.companyName = companyName;
    26. this.ordered = ordered;
    27. this.description = description;
    28. this.status = status;
    29. }
    30. public Integer getId() {
    31. return id;
    32. }
    33. public void setId(Integer id) {
    34. this.id = id;
    35. }
    36. public String getBrandName() {
    37. return brandName;
    38. }
    39. public void setBrandName(String brandName) {
    40. this.brandName = brandName;
    41. }
    42. public String getCompanyName() {
    43. return companyName;
    44. }
    45. public void setCompanyName(String companyName) {
    46. this.companyName = companyName;
    47. }
    48. public Integer getOrdered() {
    49. return ordered;
    50. }
    51. public void setOrdered(Integer ordered) {
    52. this.ordered = ordered;
    53. }
    54. public String getDescription() {
    55. return description;
    56. }
    57. public void setDescription(String description) {
    58. this.description = description;
    59. }
    60. public Integer getStatus() {
    61. return status;
    62. }
    63. public void setStatus(Integer status) {
    64. this.status = status;
    65. }
    66. @Override
    67. public String toString() {
    68. return "Brand{" +
    69. "id=" + id +
    70. ", brandName='" + brandName + '\'' +
    71. ", companyName='" + companyName + '\'' +
    72. ", ordered=" + ordered +
    73. ", description='" + description + '\'' +
    74. ", status=" + status +
    75. '}';
    76. }
    77. }

    1.5 准备mybatis环境

    定义核心配置文件mybatis-config.xml,将该文件放在resources下

    1. "1.0" encoding="UTF-8" ?>
    2. configuration
    3. PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
    4. "http://mybatis.org/dtd/mybatis-3-config.dtd">
    5. <configuration>
    6. <typeAliases>
    7. <package name="com.huyijie.pojo"/>
    8. typeAliases>
    9. <environments default="development">
    10. <environment id="development">
    11. <transactionManager type="JDBC"/>
    12. <dataSource type="POOLED">
    13. <property name="driver" value="com.mysql.jdbc.Driver"/>
    14. <property name="url" value="jdbc:mysql:///mybatis?useSSL=false&useServerPrepStmts=true"/>
    15. <property name="username" value="root"/>
    16. <property name="password" value="1234"/>
    17. dataSource>
    18. environment>
    19. environments>
    20. <mappers>
    21. <package name="com.huyijie.mapper"/>
    22. mappers>
    23. configuration>

    在resources下创建防止映射配置文件的目录结构com/huyijie/mapper,并在该目录下创建映射配置文件BrandMapper.xml

    1. "1.0" encoding="UTF-8" ?>
    2. mapper
    3. PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
    4. "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
    5. <mapper namespace="com.huyijie.mapper.BrandMapper">
    6. mapper>

     二、查询所有

    当我们点击index.html页面中查询所有这个超链接时,就能查到题目中给出的信息

     对于上述功能,点击查询所有超链接时需要先请后端的servlet,由servlet跳转到对应的页面进行数据动态展示,流程如下图

    2.1 编写BrandMapper

    在mapper包下创建BrandMapper接口,在接口中定义selectAll()方法 

    1. /**
    2. * 查询所有
    3. * @return
    4. */
    5. @Select("select * from tb_brand")
    6. List selectAll();

    2.2 编写工具类

    在com.huyijie.utils包下创建SqlSessionFactoryUtils工具类

    1. public class SqlSessionFactoryUtils {
    2. private static SqlSessionFactory sqlSessionFactory;
    3. static {
    4. //静态代码块会随着类的加载而自动执行,且只执行一次
    5. try {
    6. String resource = "mybatis-config.xml";
    7. InputStream inputStream = Resources.getResourceAsStream(resource);
    8. sqlSessionFactory = new SqlSessionFactoryBuilder().build(inputStream);
    9. } catch (IOException e) {
    10. e.printStackTrace();
    11. }
    12. }
    13. public static SqlSessionFactory getSqlSessionFactory(){
    14. return sqlSessionFactory;
    15. }
    16. }

    2.3 编写BrandService

    在service包下创建BrandService类

    1. public class BrandService {
    2. SqlSessionFactory factory = SqlSessionFactoryUtils.getSqlSessionFactory();
    3. /**
    4. * 查询所有
    5. * @return
    6. */
    7. public List selectAll(){
    8. //调用BrandMapper.selectAll()
    9. //2. 获取SqlSession
    10. SqlSession sqlSession = factory.openSession();
    11. //3. 获取BrandMapper
    12. BrandMapper mapper = sqlSession.getMapper(BrandMapper.class);
    13. //4. 调用方法
    14. List brands = mapper.selectAll();
    15. sqlSession.close();
    16. return brands;
    17. }
    18. }

    2.4 编写Servlet

    在web包下创建名为SelectAllServlet的servlet,逻辑如下:

    • 调用BrandService的selectAll()方法进行业务逻辑处理,并接受返回的结果
    • 将上一步返回的结构存储到request域对象中
    • 跳转到brand.jsp页面进行数据展示

    具体代码如下:

    1. @WebServlet("/selectAllServlet")
    2. public class SelectAllServlet extends HttpServlet {
    3. private BrandService service = new BrandService();
    4. @Override
    5. protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    6. //1. 调用BrandService完成查询
    7. List brands = service.selectAll();
    8. //2. 存入request域中
    9. request.setAttribute("brands",brands);
    10. //3. 转发到brand.jsp
    11. request.getRequestDispatcher("/brand.jsp").forward(request,response);
    12. }
    13. @Override
    14. protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    15. this.doGet(request, response);
    16. }
    17. }

    2.5 编写brand.jsp界面

    主要在表格中使用jstl和EL表达式从request域对象中获取名为brands的集合数据并展示出来

    1. <%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
    2. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    3. html>
    4. <html lang="en">
    5. <head>
    6. <meta charset="UTF-8">
    7. <title>Titletitle>
    8. head>
    9. <body>
    10. <input type="button" value="新增"><br>
    11. <hr>
    12. <table border="1" cellspacing="0" width="800">
    13. <tr>
    14. <th>序号th>
    15. <th>品牌名称th>
    16. <th>企业名称th>
    17. <th>排序th>
    18. <th>品牌介绍th>
    19. <th>状态th>
    20. <th>操作th>
    21. tr>
    22. <c:forEach items="${brands}" var="brand" varStatus="status">
    23. <tr align="center">
    24. <%--<td>${brand.id}td>--%>
    25. <td>${status.count}td>
    26. <td>${brand.brandName}td>
    27. <td>${brand.companyName}td>
    28. <td>${brand.ordered}td>
    29. <td>${brand.description}td>
    30. <c:if test="${brand.status == 1}">
    31. <td>启用td>
    32. c:if>
    33. <c:if test="${brand.status != 1}">
    34. <td>禁用td>
    35. c:if>
    36. <td><a href="#">修改a> <a href="#">删除a>td>
    37. tr>
    38. c:forEach>
    39. table>
    40. body>
    41. html>

    2.6 测试

    启动服务器,点击查询所有连接,会发现得出的结果如下

    主要是因为查询到的字段名和实体类属性名没有一一对应,在映射配置文件中使用resultMap标签定义映射瓜西,内容如下:

    1. "1.0" encoding="UTF-8" ?>
    2. mapper
    3. PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
    4. "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
    5. <mapper namespace="com.huyijie.mapper.BrandMapper">
    6. <resultMap id="brandResultMap" type="brand">
    7. <result column="brand_name" property="brandName">result>
    8. <result column="company_name" property="companyName">result>
    9. resultMap>
    10. mapper>

     在BrandMapper接口中使用@ResultMap注解使用该映射

    1. /**
    2. * 查询所有
    3. * @return
    4. */
    5. @Select("select * from tb_brand")
    6. @ResultMap("brandResultMap")
    7. List selectAll();

    重启,得到如下

     三、添加

    上图时做添加功能流程,点击新增按钮后,会先跳转到addBrand.jsp新增页面,在该页面输入要添加的数据,输入完毕后点击提交按钮,需要将数据提交到后端,而后端进行数据添加操作,并重新将所有的数据查询出来,流程如下 

    根据流程实现功能:

    3.1 编写BrandMapper方法

    在BrandMapper接口中定义add(Brand brand)方法 

    1. @Insert("insert into tb_brand values(null,#{brandName},#{companyName},#{ordered},#{description},#{status})")
    2. void add(Brand brand);

    3.2 编写BrandService方法

    在BrandService类中定义添加品牌数据方法add(Brand brand)

    1. /**
    2. * 添加
    3. * @param brand
    4. */
    5. public void add(Brand brand){
    6. //2. 获取SqlSession
    7. SqlSession sqlSession = factory.openSession();
    8. //3. 获取BrandMapper
    9. BrandMapper mapper = sqlSession.getMapper(BrandMapper.class);
    10. //4. 调用方法
    11. mapper.add(brand);
    12. //提交事务
    13. sqlSession.commit();
    14. //释放资源
    15. sqlSession.close();
    16. }

    3.3 改进brand.jsp页面

    在表格新增按钮上绑定事件,点击后跳转到addBrand.jsp页面

    <input type="button" value="新增" id="add"><br>

    该script标签建议放在body结束标签前面

    3.4 编写addBrand.jsp页面

    1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    2. html>
    3. <html lang="en">
    4. <head>
    5. <meta charset="UTF-8">
    6. <title>添加品牌title>
    7. head>
    8. <body>
    9. <h3>添加品牌h3>
    10. <form action="/brand-demo/addServlet" method="post">
    11. 品牌名称:<input name="brandName"><br>
    12. 企业名称:<input name="companyName"><br>
    13. 排序:<input name="ordered"><br>
    14. 描述信息:<textarea rows="5" cols="20" name="description">textarea><br>
    15. 状态:
    16. <input type="radio" name="status" value="0">禁用
    17. <input type="radio" name="status" value="1">启用<br>
    18. <input type="submit" value="提交">
    19. form>
    20. body>
    21. html>

    3.5 编写servlet

    在web包下创建AddServlet,逻辑如下:

    • 设置处理post请求乱码字符集
    • 接收客户端提交的数据
    • 将接收到的数据封装到Brand对象中
    • 调用BrandService的add()方法进行添加的业务逻辑处理
    • 跳转到selectAllServlet资源重新查询数据
    1. @WebServlet("/addServlet")
    2. public class AddServlet extends HttpServlet {
    3. private BrandService service = new BrandService();
    4. @Override
    5. protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    6. //处理POST请求的乱码问题
    7. request.setCharacterEncoding("utf-8");
    8. //1. 接收表单提交的数据,封装为一个Brand对象
    9. String brandName = request.getParameter("brandName");
    10. String companyName = request.getParameter("companyName");
    11. String ordered = request.getParameter("ordered");
    12. String description = request.getParameter("description");
    13. String status = request.getParameter("status");
    14. //封装为一个Brand对象
    15. Brand brand = new Brand();
    16. brand.setBrandName(brandName);
    17. brand.setCompanyName(companyName);
    18. brand.setOrdered(Integer.parseInt(ordered));
    19. brand.setDescription(description);
    20. brand.setStatus(Integer.parseInt(status));
    21. //2. 调用service 完成添加
    22. service.add(brand);
    23. //3. 转发到查询所有Servlet
    24. request.getRequestDispatcher("/selectAllServlet").forward(request,response);
    25. }
    26. @Override
    27. protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    28. this.doGet(request, response);
    29. }
    30. }

     3.6 测试

    点击新增按钮即可

    这是刚开始查询的所有数据,注意序号4中出现的乱码是因为AddServlet中没有对post请求进行格式化处理

    四、修改

     我们点击修改按钮时,所点击修改的数据会回显到表单中,然后在修改表单中进行修改,点击提交会将数据提交到后端,后端再将数据存储到数据库中。由以上可知,修改功能要从两方面实现,数据回显和修改操作。

    4.1 回显数据

    上图就是回显数据的效果。要实现这个效果,点击修改按钮时不能直接跳转到update.jsp页面,而是需要先带着当前行数据的id请求后端程序,后端程序根据id查询数据,将数据存储到域对象中跳转到update.jsp页面进行数据展示。流程如下 

     4.1.1 编写BrandMapper方法

    在BrandMapper接口中定义selectById(int id)方法

    1. /**
    2. * 根据id查询
    3. * @param id
    4. * @return
    5. */
    6. @Select("select * from tb_brand where id = #{id}")
    7. @ResultMap("brandResultMap")
    8. Brand selectById(int id);

    4.1.2 编写BrandService方法

    在BrandService类中定义根据id查询数据方法selectById(int id)

    1. /**
    2. * 根据id查询
    3. * @return
    4. */
    5. public Brand selectById(int id){
    6. //调用BrandMapper.selectAll()
    7. //2. 获取SqlSession
    8. SqlSession sqlSession = factory.openSession();
    9. //3. 获取BrandMapper
    10. BrandMapper mapper = sqlSession.getMapper(BrandMapper.class);
    11. //4. 调用方法
    12. Brand brand = mapper.selectById(id);
    13. sqlSession.close();
    14. return brand;
    15. }

    4.1.3 编写servlet

    在web包下创建selectByIdServlet的servlet,逻辑如下:

    • 获取请求数据id
    • 调用BrandService的selectById()方法进行数据查询
    • 将查询到的数据存储到request域对象中
    • 跳转到update.jsp页面
    1. @WebServlet("/selectByIdServlet")
    2. public class SelectByIdServlet extends HttpServlet {
    3. private BrandService service = new BrandService();
    4. @Override
    5. protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    6. //1. 接收id
    7. String id = request.getParameter("id");
    8. //2. 调用service查询
    9. Brand brand = service.selectById(Integer.parseInt(id));
    10. //3. 存储到request中
    11. request.setAttribute("brand",brand);
    12. //4. 转发到update.jsp
    13. request.getRequestDispatcher("/update.jsp").forward(request,response);
    14. }
    15. @Override
    16. protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    17. this.doGet(request, response);
    18. }
    19. }

    4.1.4 编写update.jsp页面

    拷贝addBrand.jsp页面,做出以下修改:

    • title标签内容改为修改品牌
    • form标签action属性改为/brand-demo/updateServlet
    • input标签要进行数据回显,需要设置value属性
      1. 品牌名称:"brandName" value="${brand.brandName}">
      2. 企业名称:"companyName" value="${brand.companyName}">
      3. 排序:"ordered" value="${brand.ordered}">
    • textarea标签要进行数据回显,需要在标签体中使用EL表达式
      描述信息:
    • 单选框if标签需要判断brand.status的值是1还是0,在指定的单选框上使用checked属性,表示被选中状态
      1. 状态:
      2. <c:if test="${brand.status == 0}">
      3. 禁用
      4. 启用
      5. 禁用
      6. 启用

      综上,update.jsp代码如下:

      1. <%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false"%>
      2. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
      3. html>
      4. <html lang="en">
      5. <head>
      6. <meta charset="UTF-8">
      7. <title>修改品牌title>
      8. head>
      9. <body>
      10. <h3>修改品牌h3>
      11. <form action="/brand-demo/updateServlet" method="post">
      12. 品牌名称:<input name="brandName" value="${brand.brandName}"><br>
      13. 企业名称:<input name="companyName" value="${brand.companyName}"><br>
      14. 排序:<input name="ordered" value="${brand.ordered}"><br>
      15. 描述信息:<textarea rows="5" cols="20" name="description">${brand.description}textarea><br>
      16. 状态:
      17. <c:if test="${brand.status==0}">
      18. <input type="radio" name="status" value="0" checked>禁用
      19. <input type="radio" name="status" value="1">启用<br>
      20. c:if>
      21. <c:if test="${brand.status==1}">
      22. <input type="radio" name="status" value="0" >禁用
      23. <input type="radio" name="status" value="1" checked>启用<br>
      24. c:if>
      25. <input type="submit" value="提交">
      26. form>
      27. body>
      28. html>

      4.2 修改数据

    做完回显数据后,接下来我们要做修改数据了,而下图是修改数据的效果:

     在修改页面进行数据修改,点击 提交 按钮,会将数据提交到后端程序,后端程序会对表中的数据进行修改操作,然后重新进行数据的查询操作。整体流程如下:

    4.2.1 编写BrandMapper方法

    在BrandMapper接口中定义update(Brand brand)方法 

    1. /**
    2. * 修改
    3. * @param brand
    4. */
    5. @Update("update tb_brand set brand_name = #{brandName},company_name = #{companyName},ordered = #{ordered},description = #{description},status = #{status} where id = #{id}")
    6. void update(Brand brand);

    4.2.2 编写BrandService方法

    在BrandService类中定义根据id更新方法update(Brand brand)

    1. /**
    2. * 修改
    3. * @param brand
    4. */
    5. public void update(Brand brand){
    6. //2. 获取SqlSession
    7. SqlSession sqlSession = factory.openSession();
    8. //3. 获取BrandMapper
    9. BrandMapper mapper = sqlSession.getMapper(BrandMapper.class);
    10. //4. 调用方法
    11. mapper.update(brand);
    12. //提交事务
    13. sqlSession.commit();
    14. //释放资源
    15. sqlSession.close();
    16. }

    4.2.3 编写servlet

    在web包下创建UpdateServlet,逻辑如下:

    • 设置处理post请求乱码的字符集
    • 接收客户端提交的数据
    • 将接收到的数据封装到Brand对象中
    • 调用BrandService的update()方法进行修改的业务逻辑处理
    • 跳转到selectAllServlet重新查询数据

    代码如下:

    1. @WebServlet("/updateServlet")
    2. public class UpdateServlet extends HttpServlet {
    3. private BrandService service = new BrandService();
    4. @Override
    5. protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    6. //处理POST请求的乱码问题
    7. request.setCharacterEncoding("utf-8");
    8. //1. 接收表单提交的数据,封装为一个Brand对象
    9. String id = request.getParameter("id");
    10. String brandName = request.getParameter("brandName");
    11. String companyName = request.getParameter("companyName");
    12. String ordered = request.getParameter("ordered");
    13. String description = request.getParameter("description");
    14. String status = request.getParameter("status");
    15. //封装为一个Brand对象
    16. Brand brand = new Brand();
    17. brand.setId(Integer.parseInt(id));
    18. brand.setBrandName(brandName);
    19. brand.setCompanyName(companyName);
    20. brand.setOrdered(Integer.parseInt(ordered));
    21. brand.setDescription(description);
    22. brand.setStatus(Integer.parseInt(status));
    23. //2. 调用service 完成修改
    24. service.update(brand);
    25. //3. 转发到查询所有Servlet
    26. request.getRequestDispatcher("/selectAllServlet").forward(request,response);
    27. }
    28. @Override
    29. protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    30. this.doGet(request, response);
    31. }
    32. }

    存在问题:update.jsp页面提交数据时是没有携带主键数据的,而后台修改数据需要根据主键进行修改

    对于这个问题,我们不希望页面将主键id展示给用户看,但是又希望在提交数据时能将主键id提交到后端。可以使用HTML的隐藏域,在update.jsp页面的表单中添加如下代码:

    1. <%--隐藏域,提交id--%>
    2. <input type="hidden" name="id" value="${brand.id}">

    update.jsp最终代码如下:

    1. <%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false"%>
    2. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    3. html>
    4. <html lang="en">
    5. <head>
    6. <meta charset="UTF-8">
    7. <title>修改品牌title>
    8. head>
    9. <body>
    10. <h3>修改品牌h3>
    11. <form action="/brand-demo/updateServlet" method="post">
    12. <input type="hidden" name="id" value="${brand.id}">
    13. 品牌名称:<input name="brandName" value="${brand.brandName}"><br>
    14. 企业名称:<input name="companyName" value="${brand.companyName}"><br>
    15. 排序:<input name="ordered" value="${brand.ordered}"><br>
    16. 描述信息:<textarea rows="5" cols="20" name="description">${brand.description}textarea><br>
    17. 状态:
    18. <c:if test="${brand.status==0}">
    19. <input type="radio" name="status" value="0" checked>禁用
    20. <input type="radio" name="status" value="1">启用<br>
    21. c:if>
    22. <c:if test="${brand.status==1}">
    23. <input type="radio" name="status" value="0" >禁用
    24. <input type="radio" name="status" value="1" checked>启用<br>
    25. c:if>
    26. <input type="submit" value="提交">
    27. form>
    28. body>
    29. html>

    4.3 效果

     

     

     

     五、删除

    删除即点击删除按钮后,该条数据消失。最好加一个警示框,确认是否删除。

    5.1 添加删除链接

    在brand.jsp中添加删除链接

    1. <td><a href="/brand-demo/selectByIdServlet?id=${brand.id}">修改a>
    2. <a href="/brand-demo/deleteByIdServlet?id=${brand.id}">删除a>td>

    5.2 编写BrandMapper方法

    1. @Delete("delete from tb_brand where id=#{id};")
    2. void delById(int id);

    5.3 编写BrandService方法

    1. public void deleteById(int id){
    2. SqlSession sqlSession = factory.openSession();
    3. BrandMapper mapper = sqlSession.getMapper(BrandMapper.class);
    4. mapper.delById(id);
    5. sqlSession.commit();
    6. sqlSession.close();
    7. }

    5.4 编写DeleteByIdServlet

    1. @WebServlet( "/deleteByIdServlet")
    2. public class DeleteByIdServlet extends HttpServlet {
    3. private BrandService service=new BrandService();
    4. @Override
    5. protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    6. String id=request.getParameter("id");
    7. service.deleteById(Integer.parseInt(id));
    8. request.getRequestDispatcher("/selectAllServlet").forward(request,response);
    9. }
    10. @Override
    11. protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    12. this.doGet(request, response);
    13. }
    14. }

    基本已经完成,演示如下

     但是我们在点击删除按钮时没有警告框,容易导致误删,所以得再优化一下。

    试了挺久了,不知道为什么跳不出警告框,等之后再优化吧~

    项目工程包已上传资源,可在本人上传资源中查看

  • 相关阅读:
    C语言学习笔记(二一)
    搜维尔科技:远程操作,遥操作机器人进行 TCP点胶演示
    离散化(保序)
    即时编译器JIT
    CSS 选择器的常见用法
    Meta Llama 3 简介
    前端知识案例101-javascript基础语法-捕获介绍
    (九)Java算法:快速排序(详细图解)
    图像目标检测-带旋转的矩形预测框
    50.Python-web框架-Django中引入静态的bootstrap样式
  • 原文地址:https://blog.csdn.net/weixin_66813230/article/details/126389509