JavaWeb：servlet+jsp+mybatis商品管理增删改查

文章目录

- - 1、环境准备
  - - 1.1、创建数据库
    - 1.2、创建项目导入依赖
    - 1.3、创建包
    - 1.4、创建实体类
    - 1.5、准备mybatis环境
    - 1.6、编写Mybatis工具类
    - 1.7、编写主页面
  - 2、功能实现
  - - 2.1、查询所有
    - 2.2、添加功能
    - 2.3、修改数据回显
    - 2.4、修改数据
    - 2.5、删除数据

1、环境准备

1.1、创建数据库

CREATE DATABASE jsp_test;USE jsp_test;-- 删除tb_brand表DROP TABLE IF EXISTS tb_brand;-- 创建tb_brand表CREATE TABLE tb_brand(-- id 主键id INT PRIMARY KEY AUTO_INCREMENT,-- 品牌名称brand_name VARCHAR(20),-- 企业名称company_name VARCHAR(20),-- 排序字段orderedINT,-- 描述信息descriptionVARCHAR(100),-- 状态：0：禁用1：启用STATUS INT)DEFAULT CHARSET=utf8;-- 添加数据INSERT INTO tb_brand (brand_name, company_name, ordered, description, STATUS)VALUES ('三只松鼠', '三只松鼠股份有限公司', 5, '好吃不上火', 0), ('华为', '华为技术有限公司', 100, '华为致力于把数字世界带入每个人、每个家庭、每个组织，构建万物互联的智能世界', 1), ('小米', '小米科技有限公司', 50, 'are you ok', 1);SELECT * FROM tb_brand;SELECT id, brand_name AS brandName, company_name AS companyName FROM tb_brand;

1.2、创建项目导入依赖

创建新的模块，引入坐标。

我们只要分析出要用到哪儿些技术，那么需要哪儿些坐标也就明确了需要操作数据库。

mysql的驱动包要使用mybatis框架。mybaits的依赖包
web项目需要用到servlet和jsp。servlet和jsp的依赖包
需要使用 jstl 进行数据展示。jstl的依赖包

<dependencies><dependency><groupId>mysql</groupId><artifactId>mysql-connector-java</artifactId><version>5.1.46</version></dependency><dependency><groupId>org.mybatis</groupId><artifactId>mybatis</artifactId><version>3.5.5</version></dependency><dependency><groupId>javax.servlet</groupId><artifactId>javax.servlet-api</artifactId><version>3.1.0</version><scope>provided</scope></dependency><dependency><groupId>javax.servlet.jsp</groupId><artifactId>jsp-api</artifactId><version>2.2</version><scope>provided</scope></dependency><dependency><groupId>jstl</groupId><artifactId>jstl</artifactId><version>1.2</version></dependency></dependencies>

1.3、创建包

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

1.4、创建实体类

在 pojo 包下创建名为 Brand 的类。

public class Brand {private Integer id;// 品牌名称private String brandName;// 企业名称private String companyName;// 排序字段private Integer ordered;// 描述信息private String description;// 状态：0：禁用1：启用private Integer status;/** 此处省略了get()，set()等方法,自己生成补全**/}

1.5、准备mybatis环境

定义核心配置文件 Mybatis-config.xml ，并将该文件放置在 resources 下

<!DOCTYPE configurationPUBLIC "-//mybatis.org//DTD Config 3.0//EN""http://mybatis.org/dtd/mybatis-3-config.dtd"><configuration><settings><setting name="logImpl" value="STDOUT_LOGGING"/><setting name="mapUnderscoreToCamelCase" value="true"/></settings><typeAliases><package name="com.demo.pojo"/></typeAliases><environments default="development"><environment id="development"><transactionManager type="JDBC"/><dataSource type="POOLED"><property name="driver" value="com.mysql.jdbc.Driver"/><property name="url" value="jdbc:mysql://localhost:3306/jsp_test?useSSL=false"/><property name="username" value="root"/><property name="password" value="123456"/></dataSource></environment></environments><mappers><package name="com.demo.mapper"/></mappers></configuration>

1.6、编写Mybatis工具类

在 com.demo 包下创建 utils 包，并在该包下创建名为 SqlSessionFactoryUtils 工具类

// 这是MyBatis的工具类,简化MyBatis代码public class MyBatisUtils {private static SqlSessionFactory sqlSessionFactory;// 我们只需要一个SqlSessionFactory,在静态代码块中创建SqlSessionFactorystatic {try {// 编写代码让MyBatis跑起来,执行SQL语句String resource = "mybatis-config.xml";// 加载核心配置文件InputStream inputStream = Resources.getResourceAsStream(resource);// 得到SqlSession工厂,赋值给成员变量sqlSessionFactory = new SqlSessionFactoryBuilder().build(inputStream);} catch (IOException e) {e.printStackTrace();}}// 返回SqlSessionFactorypublic static SqlSessionFactory getSqlSessionFactory() {return sqlSessionFactory;}// 返回SqlSessionpublic static SqlSession openSession() {return sqlSessionFactory.openSession();}public static SqlSession openSession(boolean autoCommit) {return sqlSessionFactory.openSession(autoCommit);}}

1.7、编写主页面

编写一个基础的前端主页面

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>品牌首页</title></head><body><a href="selectAllServlet">查看所有</a></body></html>

2、功能实现

2.1、查询所有

当我们点击 index.html 页面中的查询所有这个超链接时，就能查询到上图右半部分的数据。对于上述的功能，点击查询所有超链接是需要先请后端的 servlet ，由 servlet 跳转到对应的页面进行数据的动态展示。而整个流程如下图：

功能实现

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

public interface BrandMapper {@Select("select * from tb_brand;")List<Brand> selectAll();}

2、在 service 包下创建 BrandService 类

public class BrandService {/** * 查询品牌所有数据 * @return */public List<Brand> selectAll() {SqlSession sqlSession = MyBatisUtils.openSession();BrandMapper mapper = sqlSession.getMapper(BrandMapper.class);List<Brand> brands = mapper.selectAll();sqlSession.close();return brands;}}

3、在 web 包下创建名为 SelectAllServlet 的 servlet

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

@WebServlet(value = "/selectAllServlet")public class SelectAllServlet extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {BrandService brandService = new BrandService();List<Brand> brands =brandService.selectAll();request.setAttribute("brands",brands);request.getRequestDispatcher("/brandList.jsp").forward(request,response);}@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {request.setCharacterEncoding("UTF-8");doPost(request,response);}}

4、编写brand.jsp页面

brand.jsp 页面在表格中使用 JSTL 和 EL表达式从request域对象中获取名为 brands 的集合数据并展示出来。页面内容如下：

所有品牌
序号 品牌名称 企业名称 排序 品牌介绍 状态 操作
${brand.id} ${brand.brandName} ${brand.companyName} ${brand.ordered} ${brand.description} 禁用 启用 修改 删除

序号	品牌名称	企业名称	排序	品牌介绍	状态	操作
${brand.id}	${brand.brandName}	${brand.companyName}	${brand.ordered}	${brand.description}	禁用	启用	修改删除

2.2、添加功能

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

功能实现

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

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

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

public void addBrand(Brand brand) {SqlSession sqlSession = MyBatisUtils.openSession();BrandMapper mapper = sqlSession.getMapper(BrandMapper.class);mapper.addBrand(brand);sqlSession.commit();sqlSession.close();}

3、在 web 包下创建 AddServlet 的 servlet

该 servlet 的逻辑如下: 设置处理post请求乱码的字符集接收客户端提交的数据将接收到的数据封装到 Brand 对象中调用 BrandService 的 add() 方法进行添加的业务逻辑处理跳转到 selectAllServlet 资源重新查询数据

@WebServlet(value = "/addServlet")public class AddServlet extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {Brand brand = new Brand();Brand brand = new 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.setBrandName(brandName);brand.setCompanyName(companyName);brand.setOrdered(Integer.parseInt(ordered));brand.setDescription(description);brand.setStatus(Integer.parseInt(status));//进行添加BrandService brandService = new BrandService();brandService.addBrand(brand);response.sendRedirect("selectAllServlet");}@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {request.setCharacterEncoding("UTF-8");doGet(request,response);}}

但是我们可以看到上面的流程过于复杂，获取数据和添加数据太过于繁琐，所以我们可以导入一个工具类进行优化

添加依赖：

<dependency><groupId>commons-beanutils</groupId><artifactId>commons-beanutils</artifactId><version>1.9.3</version></dependency>

修改优化代码：

@WebServlet(value = "/addServlet")public class AddServlet extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {Brand brand = new Brand();Map<String, String[]> parameterMap = request.getParameterMap();try {BeanUtils.populate(brand,parameterMap);//进行添加BrandService brandService = new BrandService();brandService.addBrand(brand);response.sendRedirect("selectAllServlet");} catch (IllegalAccessException e) {throw new RuntimeException(e);} catch (InvocationTargetException e) {throw new RuntimeException(e);}}@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {request.setCharacterEncoding("UTF-8");doGet(request,response);}}

4、编写前端页面

<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head><title>添加品牌</title></head><body><h3>添加品牌</h3><form action="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>

2.3、修改数据回显

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

功能实现

1、编写BrandMapper方法

@Select("select * from tb_brand where id = #{id};")Brand selectById(int id);

2、编写BrandService方法

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

public Brand selectById(int id) {SqlSession sqlSession = MyBatisUtils.openSession();BrandMapper mapper = sqlSession.getMapper(BrandMapper.class);Brand brand = mapper.selectById(id);sqlSession.close();return brand;}

3、在 web 包下创建 SelectByIdServlet 的 servlet

@WebServlet(value = "/selectByIdServlet")public class SelectByIdServlet extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {String idStr = request.getParameter("id");int id = Integer.parseInt(idStr);BrandService brandService = new BrandService();Brand brand = brandService.selectById(id);request.setAttribute("brand",brand);request.getRequestDispatcher("updateBrand.jsp").forward(request,response);}@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {request.setCharacterEncoding("UTF-8");doGet(request,response);}}

2.4、修改数据

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

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

功能实现

1、编写BrandMapper方法

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

@Update("update tb_brand set brand_name = #{brandName},company_name = #{companyName},ordered = #{ordered},description = #{description},status = #{status} where id = #{id};")void updateBrand(Brand brand);

2、编写BrandService方法

在 BrandService 类中定义根据id查询数据方法 update(Brand brand)

public void updateBrand(Brand brand) {SqlSession sqlSession = MyBatisUtils.openSession();BrandMapper mapper = sqlSession.getMapper(BrandMapper.class);mapper.updateBrand(brand);sqlSession.commit();sqlSession.close();}

3、编写servlet 在 web 包下创建 updateServlet

@WebServlet(value = "/updateServlet")public class UpdateServlet extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {request.setCharacterEncoding("UTF-8");Brand brand = new Brand();Map<String, String[]> parameterMap = request.getParameterMap();try {BeanUtils.populate(brand,parameterMap);BrandService brandService = new BrandService();brandService.updateBrand(brand);response.sendRedirect("selectAllServlet");} catch (IllegalAccessException e) {throw new RuntimeException(e);} catch (InvocationTargetException e) {throw new RuntimeException(e);}}@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {request.setCharacterEncoding("UTF-8");doGet(request,response);}}

4、编写前端页面

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %><%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head><title>修改品牌</title></head><body><h3>修改品牌</h3><form action="updateServlet" method="post"><input type="hidden" name="id" value="${brand.id}">品牌名称：<input name="brandName" value="${brand.brandName}"><br>企业名称：<input name="companyName" value="${brand.companyName}"><br>排序：<input name="ordered" value="${brand.ordered}"><br>描述信息：<textarea rows="5" cols="20" name="description">${brand.description}</textarea><br>状态：<c:if test="${brand.status == 0}"><input type="radio" name="status" value="0" checked>禁用<input type="radio" name="status" value="1">启用<br></c:if><c:if test="${brand.status == 1}"><input type="radio" name="status" value="0">禁用<input type="radio" name="status" value="1" checked>启用<br></c:if><input type="submit" value="提交"></form></body></html>

2.5、删除数据

1、编写servlet 在 web 包下创建 DeleteServlet

@WebServlet(value = "/deleteByIdServlet")public class DeleteByIdServlet extends HttpServlet {@Overrideprotected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {String idStr = request.getParameter("id");int id = Integer.parseInt(idStr);BrandService brandService = new BrandService();brandService.deleteBrand(id);response.sendRedirect("selectAllServlet");}@Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {request.setCharacterEncoding("UTF-8");doGet(request,response);}}

2、编写BrandService方法

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

public void deleteBrand(int id) {SqlSession sqlSession = MyBatisUtils.openSession();BrandMapper mapper = sqlSession.getMapper(BrandMapper.class);mapper.deleteBrand(id);sqlSession.commit();sqlSession.close();}

3、编写BrandMapper方法

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

@Delete("delete from tb_brand where id = #{id}")void deleteBrand(int id);

JavaWeb：servlet+jsp+mybatis商品管理增删改查

文章目录

1、环境准备

1.1、创建数据库

1.2、创建项目导入依赖

1.3、创建包

1.4、创建实体类

1.5、准备mybatis环境

1.6、编写Mybatis工具类

1.7、编写主页面

2、功能实现

2.1、查询所有

2.2、添加功能

2.3、修改数据回显

2.4、修改数据

2.5、删除数据

最新关注

热文推荐

WPS AI 详细体验教程！手把手教你体验AI

想要成为高级网络工程师，只需要具备这几点

[Java]JDK17新特性

Python读取CSV文件的几种方法

json解析本地数据，使用JSONObject和JsonUtility两种方法。

Vue3 —— 使用Vite配置环境变量

JavaWeb：servlet+jsp+mybatis商品管理增删改查

文章目录

1、环境准备

1.1、创建数据库

1.2、创建项目导入依赖

1.3、创建包

1.4、创建实体类

1.5、准备mybatis环境

1.6、编写Mybatis工具类

1.7、编写主页面

2、功能实现

2.1、查询所有

2.2、添加功能

2.3、修改数据回显

2.4、修改数据

2.5、删除数据

相关文章

最新关注

热文推荐