前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >SpringBoot+MyBatis+Spring 技术整合实现商品模块的CRUD操作

SpringBoot+MyBatis+Spring 技术整合实现商品模块的CRUD操作

作者头像
用户5546570
发布2020-09-02 19:07:47
1.3K0
发布2020-09-02 19:07:47
举报
文章被收录于专栏:以Java架构赢天下

写在前面:2020年面试必备的Java后端进阶面试题总结了一份复习指南在Github上,内容详细,图文并茂,有需要学习的朋友可以Star一下! GitHub地址:https://github.com/abel-max/Java-Study-Note/tree/master

业务描述

基于Spring,MyBatis,SpringBoot,Thymeleaf技术实现商品模块的增删改查操作。

项目环境初始化

准备工作

代码语言:javascript
复制
1\. MySQL(5.7)
2\. JDK (1.8)
3\. Maven (3.6.3)
4\. STS(4.7.1)

数据库初始化

打开mysql控制台,然后按如下步骤执行goods.sql文件。

第一步:登录mysql。

代码语言:javascript
复制
mysql –uroot –proot

第二步:设置控制台编码方式。

代码语言:javascript
复制
set names utf8;

第三步:执行goods.sql文件(切记不要打开文件复制到mysql客户端运行)。

代码语言:javascript
复制
source d:/goods.sql

其中goods.sql文件内容如下:

代码语言:javascript
复制
drop database if exists dbgoods;
create database dbgoods default character set utf8;
use dbgoods;
create table tb_goods(
     id bigint primary key auto_increment,
     name varchar(100) not null,
     remark text,
     createdTime datetime not null
)engine=InnoDB;
insert into tb_goods values (null,'java','very good',now());
insert into tb_goods values (null,'mysql','RDBMS',now());
insert into tb_goods values (null,'Oracle','RDBMS',now());
insert into tb_goods values (null,'java','very good',now());
insert into tb_goods values (null,'mysql','RDBMS',now());
insert into tb_goods values (null,'Oracle','RDBMS',now());
insert into tb_goods values (null,'java','very good',now());

创建项目并添加依赖

第一步:基于start.spring.io 创建项目并设置基本信息

image

第二步:创建项目时指定项目核心依赖

image

第三步:项目创建以后分析其结构

image

项目配置文件内容初始化

代码语言:javascript
复制
#server
server.port=80
#server.servlet.context-path=/
#spring datasource
spring.datasource.url=jdbc:mysql:///dbgoods?serverTimezone=GMT%2B8&characterEncoding=utf8
spring.datasource.username=root
spring.datasource.password=root

#spring mybatis
mybatis.mapper-locations=classpath:/mapper/*/*.xml

#spring logging
logging.level.com.cy=debug

#spring thymeleaf
spring.thymeleaf.prefix=classpath:/templates/pages/
spring.thymeleaf.suffix=.html
spring.thymeleaf.cache=false

项目API架构设计

其API架构设计,如图所示:

image

商品查询业务实现

业务描述

从商品库查询商品信息,并将商品信息呈现在页面上,如图所示:

image

商品查询时序分析

image

Pojo类定义

定义Goods对象,用于封装从数据库查询到的商品信息。

代码语言:javascript
复制
package com.cy.pj.goods.pojo;
import java.util.Date;
public class Goods {
    private Long id;//id bigint primary key auto_increment
    private String name;//name varchar(100) not null
    private String remark;//remark text
    private Date createdTime;//createdTime datetime
    public Long getId() {
        return id;
    }
    public void setId(Long id) {
        this.id = id;
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public String getRemark() {
        return remark;
    }
    public void setRemark(String remark) {
        this.remark = remark;
    }
    public Date getCreatedTime() {
        return createdTime;
    }
    public void setCreatedTime(Date createdTime) {
        this.createdTime = createdTime;
    }
    @Override
    public String toString() {
        return "Goods [id=" + id + ", name=" + name + ",   
        remark=" + remark + ", createdTime=" + createdTime + "]";
    }
}

Dao接口及方法定义

在GoodsDao接口中定义商品查询方法以及SQL映射,基于此方法及SQL映射获取所有商品信息。代码如下:

代码语言:javascript
复制
package com.cy.pj.goods.dao;
import java.util.List;
import org.apache.ibatis.annotations.Select;
import com.cy.pj.goods.pojo.Goods;

@Mapper
public interface GoodsDao {
      @Select("select * from tb_goods")
      List<Goods> findGoods();
}

Service接口及实现

GoodsService接口及商品查询方法定义

代码语言:javascript
复制
package com.cy.pj.goods.service;
import java.util.List;
import com.cy.pj.goods.pojo.Goods;
public interface GoodsService {
      List<Goods> findGoods();
}

GoodsService接口实现类GoodsServiceImpl定义及方法实现

代码语言:javascript
复制
package com.cy.pj.goods.service;
import java.util.List;
import com.cy.pj.goods.pojo.Goods;
@Service
public class GoodsServiceImpl implements GoodsService {
     @Autowired
     private GoodsDao goodsDao;
     @Override
     public List<Goods> findGoods(){
         return goodsDao.findGoods();
     }
}

Controller定义及方法实现

定义GoodsController类,并添加doGoodsUI方法,添加查询商品信息代码,并将查询到的商品信息存储到model,并返回goods页面。

代码语言:javascript
复制
package com.cy.pj.goods.controller;
import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import com.cy.pj.goods.pojo.Goods;
import com.cy.pj.goods.service.GoodsService;
@Controller //@Service,@Component
@RequestMapping("/goods/")
public class GoodsController {
    //has a+di
    @Autowired
    private GoodsService goodsService;
    @RequestMapping("doGoodsUI")
    public String doGoodsUI(Model model) {
         //调用业务层方法获取商品信息
         List<Goods> list= goodsService.findGoods();
         //将数据存储到请求作用域
         model.addAttribute("goods", list);
         return "goods";//viewname
    }

}

基于Thymeleaf模板引擎实现数据呈现

在templates/pages目录中添加goods.html页面,并在body中添加如下元素:

代码语言:javascript
复制
<table width="50%">
        <thead>
           <th>id</th>
           <th>name</th>
           <th>remark</th>
           <th>createdTime</th>
           <th>operation</th>
        </thead>
        <tbody>
           <tr th:each="g:${list}">
             <td th:text="${g.id}">1</td>
             <td th:text="${g.name}">MySQL</td>
             <td th:text="${g.remark}">DBMS</td>
             <td th:text="${#dates.format(g.createdTime, 'yyyy/MM/dd HH:mm')}">2020/07/03</td>
             <td><a>delete</a></td>
           </tr>
        </tbody>
  </table>

thymeleaf 是一种模板引擎,此引擎以html为模板,将服务端model中数据填充在页面上,其官网为thymeleaf.org

Goods页面上数据呈现分析:

image

启动Tomcat进行访问测试分析

首先,启动tomcat,然后在打开浏览器,在地址栏输入访问地址,获取服务端数据并进行呈现,如图所示:

image

项目运行过程中的BUG分析

  • 控制台“?”符号,如图所示:

image

  • 数据库连不上,如图所示:

image

  • 服务启动失败,如图所示:

image

  • SQL语法问题,如图所示:

image

  • 日期格式不正确,如图所示:

image

  • 页面上${}内容错误,如图所示:

image

  • 页面日期格式不正确,如图所示:

image

  • 依赖注入失败,如图所示:

image

  • 空指针异常(NullPointerException),如图所示:

image

商品删除业务实现

业务描述

从商品库查询商品信息后,点击页面上删除超链接,基于id删除当前行记录,如图所示:

image

业务时序分析

在商品呈现页面,用户执行删除操作,其删除时序如图所示:

image

Dao接口方法及映射定义

在GoodsDao接口中定义商品删除方法以及SQL映射,代码如下:

代码语言:javascript
复制
@Delete("delete from tb\_goods where id=#{id}")

 int deleteById(Integer id);

Service接口方法定义及实现

在GoodsService接口中添加删除方法,代码如下:

代码语言:javascript
复制
int deleteById(Integer id);

在GoodsService的实现类GoodsServiceImpl中添加deleteById方法实现。代码如下。

代码语言:javascript
复制
@Override
    public int deleteById(Integer id) {
        long t1=System.currentTimeMillis();
        int rows=goodsDao.deleteById(id);
        long t2=System.currentTimeMillis();
        System.out.println("execute time:"+(t2-t1));
        return rows;
    }

Controller对象方法定义及实现

在GoodsController中的添加doDeleteById方法,代码如下:

代码语言:javascript
复制
@RequestMapping("doDeleteById/{id}")
    public String doDeleteById(@PathVariable Integer id){
        goodsService.deleteById(id);
        return "redirect:/goods/doGoodsUI";
    }

说明:Restful 风格为一种软件架构编码风格,定义了一种url的格式,其url语法为/a/b/{c}/{d},在这样的语法结构中{}为一个变量表达式。假如我们希望在方法参数中获取rest url中变量表达式的值,可以使用@PathVariable注解对参数进行描述。

Goods页面上删除超链接定义

在goods.html页面中添加删除超链接,如图所示:

image

Thymeleaf 官方th:href应用说明,如图所示:

image

删除操作中,客户端与服务端代码关联说明,如图所示:

image

启动tomcat服务器进行访问测试分析

首先,启动tomcat,然后在打开浏览器,在地址栏输入访问地址,获取服务端数据并进行呈现,接下来点击页面上的删除按钮,如图所示:

image

删除成功以后,的页面如图所示:

image

项目启动及运行过程中的Bug及问题分析

  • SQL映射元素定义问题,如图所示:

image

  • 客户端请求参数与服务端参数不匹配,如图所示:

image

商品添加业务实现

业务描述

在Goods列表页面,添加添加按钮,进行添加页面,然后在添加页面输入商品相关信息,然后保存到数据库,如图所示:

image

商品添加页面,设计如图所示:

image

业务时序分析

在商品添加页面,输入商品信息,然后提交到服务端进行保存,其时序分析如图所示:

image

Dao接口方法及映射定义

在GoodsDao中添加用于保存商品信息的接口方法以及SQL映射,代码如下:

代码语言:javascript
复制
@Insert("insert into tb_goods(name,remark,createdTime) 
values (#{name},#{remark},now())")
int insertObject(Goods entity);

说明:当SQL语句比较复杂时,也可以将SQL定义到映射文件(xml文件)中。

Service接口方法定义及实现

在GoodsService接口中添加业务方法,用于实现商品信息添加,代码如下:

代码语言:javascript
复制
int saveGoods(Goods entity);

在GoodsSerivceImpl类中添加接口方法实现,代码如下:

代码语言:javascript
复制
@Override
    public int saveGoods(Goods entity) {
        int rows=goodsDao.insertObject(entity);
        return rows;
    }

Controller对象方法定义及实现

在GoodsController类中添加用于处理商品添加请求的方法,代码如下:

代码语言:javascript
复制
@RequestMapping("doSaveGoods")
public String doSaveGoods(Goods entity) {
        goodsService.saveGoods(entity);
        return "redirect:/goods/doGoodsUI";
}

在GoodsController类中添加用于返回商品添加页面的方法,代码如下:

代码语言:javascript
复制
@RequestMapping("doGoodsAddUI")
    public String doGoodsAddUI() {
        return "goods-add";
    }

Goods添加页面设计及实现

在templates的pages目录中添加goods-add.html页面,代码如下

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
   ul li {list-style-type: none;}
</style>
</head>
<body>
<h1>The Goods Add Page</h1>
<form th:action="@{/goods/doSaveGoods}" method="post">
   <ul>
      <li>name:
      <li><input type="text" name="name">
      <li>remark:
      <li><textarea rows="5" cols="50" name="remark"></textarea>
      <li><input type="submit" value="Save">
   </ul>
</form>
</body>
</html>

在goods.html页面中添加,超链接可以跳转到添加页面,关键代码如下:

代码语言:javascript
复制
<a th:href="@{/goods/doGoodsAddUI}">添加商品</a>

启动Tomcat服务器进行访问测试分析

第一步:启动web服务器,检测启动过程是否OK,假如没有问题进入下一步。

第二步:打开浏览器在地址里输入 http://localhost/goods/doGood... ,出现如下界面,如图所示:

image

第三步:在添加页面中填写表单,然后点击save按钮将表单数据提交到服务端,如图所示:

image

第四步:添加页面中表单数据提交过程分析,如图所示:

image

项目启动及运行过程中的Bug及问题分析

  • 客户端显示400异常,如图所示:

image

  • 保存时500异常,如图所示:

image

  • 数据库完整性约束异常,如图所示:

image

总结(Summary)

本小节重点讲解了SpringBoot工程下MyBatis,SpringMVC,Thymeleaf技术的综合应用,重点理解其业务实现过程以及问题的解决过程。

来源:https://www.tuicool.com/articles/iy2IRbI

欢迎关注微信公众号【慕容千语】

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 业务描述
  • 项目环境初始化
  • 准备工作
  • 数据库初始化
  • 创建项目并添加依赖
  • 项目配置文件内容初始化
  • 项目API架构设计
  • 商品查询业务实现
  • 业务描述
  • 商品查询时序分析
  • Pojo类定义
  • Dao接口及方法定义
  • Service接口及实现
  • Controller定义及方法实现
  • 基于Thymeleaf模板引擎实现数据呈现
  • 启动Tomcat进行访问测试分析
  • 项目运行过程中的BUG分析
  • 商品删除业务实现
  • 业务描述
  • 业务时序分析
  • Dao接口方法及映射定义
  • Service接口方法定义及实现
  • Controller对象方法定义及实现
  • Goods页面上删除超链接定义
  • 启动tomcat服务器进行访问测试分析
  • 项目启动及运行过程中的Bug及问题分析
  • 商品添加业务实现
  • 业务描述
  • 业务时序分析
  • Dao接口方法及映射定义
  • Service接口方法定义及实现
  • Controller对象方法定义及实现
  • Goods添加页面设计及实现
  • 启动Tomcat服务器进行访问测试分析
  • 项目启动及运行过程中的Bug及问题分析
  • 总结(Summary)
  • 欢迎关注微信公众号【慕容千语】
相关产品与服务
云数据库 SQL Server
腾讯云数据库 SQL Server (TencentDB for SQL Server)是业界最常用的商用数据库之一,对基于 Windows 架构的应用程序具有完美的支持。TencentDB for SQL Server 拥有微软正版授权,可持续为用户提供最新的功能,避免未授权使用软件的风险。具有即开即用、稳定可靠、安全运行、弹性扩缩等特点。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档