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

文章图片

一、环境准备 分以下步骤实现：

• 创建新的模块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内容如下：

4.0.0org.example brand-demo 1.0-SNAPSHOTwar8 8 org.mybatis mybatis 3.5.5 mysql mysql-connector-java 5.1.34 javax.servlet javax.servlet-api 3.1.0 provided javax.servlet.jsp jsp-api 2.2 provided jstl jstl 1.2 taglibs standard 1.1.2 org.apache.tomcat.maven tomcat7-maven-plugin 2.2

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

文章图片

1.3 创建表

-- 删除tb_brand表 drop table if exists tb_brand; -- 创建tb_brand表 create table tb_brand ( -- id 主键 idint primary key auto_increment, -- 品牌名称 brand_namevarchar(20), -- 企业名称 company_name varchar(20), -- 排序字段 orderedint, -- 描述信息 descriptionvarchar(100), -- 状态：0：禁用1：启用 statusint ); -- 添加数据 insert into tb_brand (brand_name, company_name, ordered, description, status) values ('三只松鼠', '三只松鼠股份有限公司', 5, '好吃不上火', 0), ('华为', '华为技术有限公司', 100, '华为致力于把数字世界带入每个人、每个家庭、每个组织，构建万物互联的智能世界', 1), ('小米', '小米科技有限公司', 50, 'are you ok', 1);

1.4 创建实体类 在pojo包下创建名为Brand的类

public class Brand { // id 主键 private Integer id; // 品牌名称 private String brandName; // 企业名称 private String companyName; // 排序字段 private Integer ordered; // 描述信息 private String description; // 状态：0：禁用1：启用 private Integer status; public Brand() { }public Brand(Integer id, String brandName, String companyName, String description) { this.id = id; this.brandName = brandName; this.companyName = companyName; this.description = description; }public Brand(Integer id, String brandName, String companyName, Integer ordered, String description, Integer status) { this.id = id; this.brandName = brandName; this.companyName = companyName; this.ordered = ordered; this.description = description; this.status = status; }public Integer getId() { return id; }public void setId(Integer id) { this.id = id; }public String getBrandName() { return brandName; }public void setBrandName(String brandName) { this.brandName = brandName; }public String getCompanyName() { return companyName; }public void setCompanyName(String companyName) { this.companyName = companyName; }public Integer getOrdered() { return ordered; }public void setOrdered(Integer ordered) { this.ordered = ordered; }public String getDescription() { return description; }public void setDescription(String description) { this.description = description; }public Integer getStatus() { return status; }public void setStatus(Integer status) { this.status = status; }@Override public String toString() { return "Brand{" + "id=" + id + ", brandName='" + brandName + '\'' + ", companyName='" + companyName + '\'' + ", ordered=" + ordered + ", description='" + description + '\'' + ", status=" + status + '}'; } }

1.5 准备mybatis环境 定义核心配置文件mybatis-config.xml，将该文件放在resources下

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

文章图片

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

文章图片


文章图片

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

文章图片

2.1 编写BrandMapper 在mapper包下创建BrandMapper接口，在接口中定义selectAll()方法

/** * 查询所有 * @return */ @Select("select * from tb_brand") List selectAll();

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

public class SqlSessionFactoryUtils {private static SqlSessionFactory sqlSessionFactory; static { //静态代码块会随着类的加载而自动执行，且只执行一次 try { String resource = "mybatis-config.xml"; InputStream inputStream = Resources.getResourceAsStream(resource); sqlSessionFactory = new SqlSessionFactoryBuilder().build(inputStream); } catch (IOException e) { e.printStackTrace(); } }public static SqlSessionFactory getSqlSessionFactory(){ return sqlSessionFactory; } }

2.3 编写BrandService 在service包下创建BrandService类

public class BrandService { SqlSessionFactory factory = SqlSessionFactoryUtils.getSqlSessionFactory(); /** * 查询所有 * @return */ public List selectAll(){ //调用BrandMapper.selectAll()//2. 获取SqlSession SqlSession sqlSession = factory.openSession(); //3. 获取BrandMapper BrandMapper mapper = sqlSession.getMapper(BrandMapper.class); //4. 调用方法 List brands = mapper.selectAll(); sqlSession.close(); return brands; } }

2.4 编写Servlet 在web包下创建名为SelectAllServlet的servlet，逻辑如下：

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

具体代码如下：

@WebServlet("/selectAllServlet") public class SelectAllServlet extends HttpServlet { privateBrandService service = new BrandService(); @Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//1. 调用BrandService完成查询 List brands = service.selectAll(); //2. 存入request域中 request.setAttribute("brands",brands); //3. 转发到brand.jsp request.getRequestDispatcher("/brand.jsp").forward(request,response); }@Override protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { this.doGet(request, response); } }

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

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

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

文章图片

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

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

/** * 查询所有 * @return */ @Select("select * from tb_brand") @ResultMap("brandResultMap") List selectAll();

重启，得到如下

文章图片

三、添加
文章图片

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

文章图片

根据流程实现功能：
3.1 编写BrandMapper方法 在BrandMapper接口中定义add(Brand brand)方法

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

3.2 编写BrandService方法 在BrandService类中定义添加品牌数据方法add（Brand brand）

/** * 添加 * @param brand */ public void add(Brand brand){//2. 获取SqlSession SqlSession sqlSession = factory.openSession(); //3. 获取BrandMapper BrandMapper mapper = sqlSession.getMapper(BrandMapper.class); //4. 调用方法 mapper.add(brand); //提交事务 sqlSession.commit(); //释放资源 sqlSession.close(); }

3.3 改进brand.jsp页面 在表格新增按钮上绑定事件，点击后跳转到addBrand.jsp页面




该script标签建议放在body结束标签前面
3.4 编写addBrand.jsp页面

添加品牌

品牌名称：
企业名称：
排序：
描述信息：
状态： 禁用 启用

3.5 编写servlet 在web包下创建AddServlet，逻辑如下：

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

@WebServlet("/addServlet") public class AddServlet extends HttpServlet { private BrandService service = new BrandService(); @Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//处理POST请求的乱码问题 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 brand = new Brand(); brand.setBrandName(brandName); brand.setCompanyName(companyName); brand.setOrdered(Integer.parseInt(ordered)); brand.setDescription(description); brand.setStatus(Integer.parseInt(status)); //2. 调用service 完成添加 service.add(brand); //3. 转发到查询所有Servlet request.getRequestDispatcher("/selectAllServlet").forward(request,response); }@Override protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { this.doGet(request, response); } }

3.6 测试 点击新增按钮即可

文章图片

这是刚开始查询的所有数据，注意序号4中出现的乱码是因为AddServlet中没有对post请求进行格式化处理
四、修改 我们点击修改按钮时，所点击修改的数据会回显到表单中，然后在修改表单中进行修改，点击提交会将数据提交到后端，后端再将数据存储到数据库中。由以上可知，修改功能要从两方面实现，数据回显和修改操作。
4.1 回显数据
文章图片

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

文章图片

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

/** * 根据id查询 * @param id * @return */ @Select("select * from tb_brand where id = #{id}") @ResultMap("brandResultMap") Brand selectById(int id);

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

/** * 根据id查询 * @return */ public Brand selectById(int id){ //调用BrandMapper.selectAll() //2. 获取SqlSession SqlSession sqlSession = factory.openSession(); //3. 获取BrandMapper BrandMapper mapper = sqlSession.getMapper(BrandMapper.class); //4. 调用方法 Brand brand = mapper.selectById(id); sqlSession.close(); return brand; }

4.1.3 编写servlet
在web包下创建selectByIdServlet的servlet，逻辑如下：

• 获取请求数据id
• 调用BrandService的selectById()方法进行数据查询
• 将查询到的数据存储到request域对象中
• 跳转到update.jsp页面

@WebServlet("/selectByIdServlet") public class SelectByIdServlet extends HttpServlet { privateBrandService service = new BrandService(); @Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //1. 接收id String id = request.getParameter("id"); //2. 调用service查询 Brand brand = service.selectById(Integer.parseInt(id)); //3. 存储到request中 request.setAttribute("brand",brand); //4. 转发到update.jsp request.getRequestDispatcher("/update.jsp").forward(request,response); }@Override protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { this.doGet(request, response); } }

4.1.4 编写update.jsp页面
拷贝addBrand.jsp页面，做出以下修改：

• title标签内容改为修改品牌
• form标签action属性改为/brand-demo/updateServlet
• input标签要进行数据回显，需要设置value属性

  品牌名称：
企业名称：
排序：


  
  
• textarea标签要进行数据回显，需要在标签体中使用EL表达式

  描述信息：${brand.description}


  
  
• 单选框if标签需要判断brand.status的值是1还是0，在指定的单选框上使用checked属性，表示被选中状态

  状态： 禁用 启用
禁用 启用


  
  综上，update.jsp代码如下：
  

  修改品牌
  

  品牌名称：
  企业名称：
  排序：
  描述信息：${brand.description}
  状态： 禁用 启用
  禁用 启用
  

  
  4.2 修改数据

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

文章图片

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

文章图片

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

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

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

/** * 修改 * @param brand */ public void update(Brand brand){ //2. 获取SqlSession SqlSession sqlSession = factory.openSession(); //3. 获取BrandMapper BrandMapper mapper = sqlSession.getMapper(BrandMapper.class); //4. 调用方法 mapper.update(brand); //提交事务 sqlSession.commit(); //释放资源 sqlSession.close(); }

4.2.3 编写servlet
在web包下创建UpdateServlet，逻辑如下：

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

代码如下：

@WebServlet("/updateServlet") public class UpdateServlet extends HttpServlet { private BrandService service = new BrandService(); @Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//处理POST请求的乱码问题 request.setCharacterEncoding("utf-8"); //1. 接收表单提交的数据，封装为一个Brand对象 String id = request.getParameter("id"); 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 brand = new Brand(); brand.setId(Integer.parseInt(id)); brand.setBrandName(brandName); brand.setCompanyName(companyName); brand.setOrdered(Integer.parseInt(ordered)); brand.setDescription(description); brand.setStatus(Integer.parseInt(status)); //2. 调用service 完成修改 service.update(brand); //3. 转发到查询所有Servlet request.getRequestDispatcher("/selectAllServlet").forward(request,response); }@Override protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { this.doGet(request, response); } }

存在问题：update.jsp页面提交数据时是没有携带主键数据的，而后台修改数据需要根据主键进行修改
对于这个问题，我们不希望页面将主键id展示给用户看，但是又希望在提交数据时能将主键id提交到后端。可以使用HTML的隐藏域，在update.jsp页面的表单中添加如下代码：

update.jsp最终代码如下：

修改品牌

品牌名称：
企业名称：
排序：
描述信息：${brand.description}
状态： 禁用 启用
禁用 启用

4.3 效果
文章图片


文章图片

【Java_web|Java-web案例（mybatis、maven、jsp、tomcat、servlet...）】
文章图片


文章图片

五、删除 删除即点击删除按钮后，该条数据消失。最好加一个警示框，确认是否删除。
5.1 添加删除链接 在brand.jsp中添加删除链接

修改 删除

5.2 编写BrandMapper方法

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

5.3 编写BrandService方法

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

5.4 编写DeleteByIdServlet

@WebServlet( "/deleteByIdServlet") public class DeleteByIdServlet extends HttpServlet { private BrandService service=new BrandService(); @Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String id=request.getParameter("id"); service.deleteById(Integer.parseInt(id)); request.getRequestDispatcher("/selectAllServlet").forward(request,response); }@Override protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { this.doGet(request, response); } }

基本已经完成，演示如下

文章图片


文章图片

但是我们在点击删除按钮时没有警告框，容易导致误删，所以得再优化一下。
试了挺久了，不知道为什么跳不出警告框，等之后再优化吧~
项目工程包已上传资源，可在本人上传资源中查看

推荐阅读

• 

  跨境出口电商 跨境电商网络销售什么意思，跨境电商网站
• 

  日照有哪些好玩的景点 日照景点推荐
• 

  电饭煲可以做哪些面食
• 

  java|java Springboot实现教务管理系统
• 

  纳格兰全任务详细攻略 纳格兰狩猎任务最终奖励物品
• 

  口罩|霾天来袭，专家：选对口罩，减少外出，讲究膳食
• 

  天津招聘临时工300一天一结 去天津打工哪个区好找活
• 

  铁路12306怎么查询正晚点情况？铁路12306查询正晚点情况的方法
• 

  上海城隍庙在上海哪个区 上海城隍庙在上海哪
• 

  《如梦令》～李清照的绿肥红瘦
• 

  跨境电商的特点 专注于移动的跨境电商平台是什么，跨境电商
• 

  小学一年级简单abb词语 一年级abb式词语大全简单的
• 

  《despacito》的歌词 despacito歌词翻译中文
• 

  爱普生7280废墨箱芯片
• 

  遇到松下空调温度显示88怎么办,是什么原因?
• 

  安卓开发工具内置flutter，安卓开发工具包
• 

  18，页面优化
• 

  原神登龙剑怎么用 原神登龙剑用法分享
• 

  我给你报销是什么意思 报销是什么意思
• 

  机场一般提前多久登机 一般提前多久到机场

• Leetcode 55 - 跳跃游戏
• spring|springboot+mybais+mabatisplus（swagger）实现增删改查接口
• 框架|MyBatis框架——快速入门第二篇
• JAVA EE企业级应用开发教程章7-8章
• python|OpenCV中图像形态学操作
• springboot|springboot两种配置文件bootstrap.properties和application.properties的区别
• k8s——kubernetes
• Java 定时任务技术趋势分析
• java|能ping通，TCP就一定能连通吗（）