业务形容
基于Spring,MyBatis,SpringBoot,Thymeleaf技术实现商品模块的增删改查操作。
我的项目环境初始化
筹备工作
1. MySQL(5.7)2. JDK (1.8)3. Maven (3.6.3)4. STS(4.7.1)数据库初始化
关上mysql控制台,而后按如下步骤执行goods.sql文件。
第一步:登录mysql。
mysql –uroot –proot第二步:设置控制台编码方式。
set names utf8;第三步:执行goods.sql文件（切记不要关上文件复制到mysql客户端运行）。
source d:/goods.sql其中goods.sql文件内容如下：
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());创立我的项目并增加依赖
基于STS创立
第一步：基于start.spring.io 创立我的项目并设置根本信息
第二步：创立我的项目时指定我的项目外围依赖
第三步：我的项目创立当前剖析其构造
基于IDEA创立
第一步：基于start.spring.io 创立我的项目并设置根本信息
第二步：创立我的项目module时指定我的项目外围依赖
第三步：我的项目modul创立当前剖析其构造
我的项目配置文件内容初始化
#serverserver.port=80#server.servlet.context-path=/#spring datasourcespring.datasource.url=jdbc:mysql:///dbgoods?serverTimezone=GMT%2B8&characterEncoding=utf8spring.datasource.username=rootspring.datasource.password=root#spring mybatismybatis.mapper-locations=classpath:/mapper/*/*.xml#spring logginglogging.level.com.cy=debug#spring thymeleafspring.thymeleaf.prefix=classpath:/templates/pages/spring.thymeleaf.suffix=.htmlspring.thymeleaf.cache=false我的项目API架构设计
其API架构设计，如图所示：
商品查问业务实现
业务形容
从商品库查问商品信息，并将商品信息出现在页面上，如图所示：
业务时序剖析
查问所有商品信息，其业务时序剖析，如图所示：
Pojo类定义
定义Goods对象，用于封装从数据库查问到的商品信息。
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映射获取所有商品信息。代码如下：
package com.cy.pj.goods.dao;import java.util.List;import org.apache.ibatis.annotations.Select;import com.cy.pj.goods.pojo.Goods;@Mapperpublic interface GoodsDao { @Select("select * from tb_goods") List<Goods> findGoods();} 编写单元测试类进行测试剖析：
package com.cy.pj.goods.dao;import com.cy.pj.goods.pojo.Goods;import org.junit.jupiter.api.Test;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.boot.test.context.SpringBootTest;import java.util.List;@SpringBootTestpublic class GoodsDaoTests { @Autowired private GoodsDao goodsDao; @Test void testFindGoods(){ List<Goods> goodsList=goodsDao.findGoods(); for(Goods g:goodsList){ System.out.println(g); } }}测试后果问题剖析
- 数据库连不上，如图所示：
- 连贯数据库的url 配置问题,如图所示:
- Sql映射反复定义问题,如图所示:
- 空指针问题,如图所示:
- SQL语法问题，如图所示：
Service接口办法定义及实现
GoodsService接口及商品查询方法定义
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定义及办法实现
package com.cy.pj.goods.service;import java.util.List;import com.cy.pj.goods.pojo.Goods;@Servicepublic class GoodsServiceImpl implements GoodsService { @Autowired private GoodsDao goodsDao; @Override public List<Goods> findGoods(){ return goodsDao.findGoods(); }}编写单元测试类进行测试剖析
package com.cy.pj.goods.service;import com.cy.pj.goods.pojo.Goods;import org.junit.jupiter.api.Assertions;import org.junit.jupiter.api.Test;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.boot.test.context.SpringBootTest;import java.util.List;@SpringBootTestpublic class GoodsServiceTests { @Autowired private GoodsService goodsService; @Test void testFindGoods(){ List<Goods> goodsList=goodsService.findGoods(); //断言测试法（单元测试中罕用的一种形式） Assertions.assertEquals(true, goodsList.size()>0); }}测试后果问题剖析
- 依赖注入问题,如图所示:
Controller对象办法定义及实现
定义GoodsController类，并增加doGoodsUI办法，增加查问商品信息代码，并将查问到的商品信息存储到model，并返回goods页面。
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("list", list); return "goods";//viewname } }Goods商品列表页面设计及实现
在templates/pages目录中增加goods.html页面，并在body中增加html元素，在运行外部应用thymeleaf标签属性获取数据，代码如下：
<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页面上数据出现剖析：
启动Tomcat进行拜访测试剖析
首先，启动tomcat，而后在关上浏览器，在地址栏输出拜访地址，获取服务端数据并进行出现，如图所示：
我的项目启动及运行过程中BUG及问题剖析
- STS控制台“?”符号，如图所示：
- 服务启动失败，如图所示：
- 模板不存在谬误，如图所示:
- 日期格局不正确，如图所示：
- 页面上${}内容谬误，如图所示:
- 页面日期格局不正确，如图所示：
- 依赖注入失败，如图所示：
- 空指针异样(NullPointerException),如图所示：
商品删除业务实现
业务形容
从商品库查问商品信息后，点击页面上删除超链接，基于id删除以后行记录，如图所示：
业务时序剖析
在商品出现页面，用户执行删除操作，其删除时序如图所示：
Dao接口办法及映射定义
在GoodsDao接口中定义商品删除办法以及SQL映射，代码如下：
@Delete("delete from tb_goods where id=#{id}") int deleteById(Integer id);Service接口办法定义及实现
在GoodsService接口中增加删除办法，代码如下：
int deleteById(Integer id);在GoodsService的实现类GoodsServiceImpl中增加deleteById办法实现。代码如下。
@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办法，代码如下：
@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页面中增加删除超链接，如图所示：
Thymeleaf 官网th:href利用阐明，如图所示：
删除操作中，客户端与服务端代码关联阐明，如图所示：
启动tomcat服务器进行拜访测试剖析
首先，启动tomcat，而后在关上浏览器，在地址栏输出拜访地址，获取服务端数据并进行出现，接下来点击页面上的删除按钮，如图所示：
删除胜利当前，的页面如图所示：
我的项目启动及运行过程中的Bug及问题剖析
- SQL映射元素定义问题，如图所示：
- 客户端申请参数与服务端参数不匹配，如图所示:
商品增加业务实现
业务形容
在Goods列表页面，增加增加按钮，进行增加页面，而后在增加页面输出商品相干信息，而后保留到数据库，如图所示：
商品增加页面，设计如图所示：
业务时序剖析
在商品增加页面，输出商品信息，而后提交到服务端进行保留，其时序剖析如图所示：
Dao接口办法及映射定义
在GoodsDao中增加用于保留商品信息的接口办法以及SQL映射，代码如下：
@Insert("insert into tb_goods(name,remark,createdTime) values (#{name},#{remark},now())")int insertObject(Goods entity);阐明：当SQL语句比较复杂时，也能够将SQL定义到映射文件（xml文件）中。
Service接口办法定义及实现
在GoodsService接口中增加业务办法，用于实现商品信息增加，代码如下：
int saveGoods(Goods entity);在GoodsSerivceImpl类中增加接口办法实现，代码如下：
@Override public int saveGoods(Goods entity) { int rows=goodsDao.insertObject(entity); return rows; } Controller对象办法定义及实现
在GoodsController类中增加用于解决商品增加申请的办法，代码如下：
@RequestMapping("doSaveGoods")public String doSaveGoods(Goods entity) { goodsService.saveGoods(entity); return "redirect:/goods/doGoodsUI";}在GoodsController类中增加用于返回商品增加页面的办法，代码如下：
@RequestMapping("doGoodsAddUI") public String doGoodsAddUI() { return "goods-add"; } Goods增加页面设计及实现
在templates的pages目录中增加goods-add.html页面，代码如下
<!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页面中增加，超链接能够跳转到增加页面，要害代码如下：
<a th:href="@{/goods/doGoodsAddUI}">增加商品</a>启动Tomcat服务器进行拜访测试剖析
第一步：启动web服务器，检测启动过程是否OK，如果没有问题进入下一步。
第二步：关上浏览器在地址里输出http://localhost/goods/doGood...)，呈现如下界面，如图所示：
第三步：在增加页面中填写表单，而后点击save按钮将表单数据提交到服务端，如图所示：
第四步：增加页面中表单数据提交过程剖析，如图所示：
我的项目启动及运行过程中的Bug及问题剖析
- 客户端显示400异样，如图所示：
- 保留时500异样，如图所示：
- 数据库完整性束缚异样，如图所示：
商品批改业务实现
业务形容
在商品列表页面,点击update选项,基于商品id查问以后行记录而后将其更新到goods-update页面,如图所示:
在update页面选中,批改商品信息,而后点击 update goods 将表单数据提交到服务端进行更新
业务时序剖析
基于id查问商品信息的时序设计
将goods-update页面中的数据提交到服务端进行更新的时序设计
Dao接口办法及映射定义
在GoodsDao中增加基于id查问商品信息的办法及SQL映射,代码如下:
@Select("select * from tb_goods where id=#{id}")Goods findById(Integer id);在GoodsDao中增加基于id执行Goods商品更新的办法及SQL映射,代码如下:
@Update("update tb_goods set name=#{name},remark=#{remark} where id=#{id}") int updateGoods(Goods goods);Service接口办法定义及实现
在GoodsService 中增加基于id查问商品信息和更新商品信息的办法,代码如下:
Goods findById(Integer id);int updateGoods(Goods goods);在GoodsServiceImpl中基于id查问商品信息和更新商品信息的办法,代码如下:
@Override public Goods findById(Integer id) { //..... return goodsDao.findById(id); } @Override public int updateGoods(Goods goods) { return goodsDao.updateGoods(goods); }Controller对象办法定义及实现
在GoodsController中增加基于id查问商品信息的办法,代码如下:
@RequestMapping("doFindById/{id}") public String doFindById(@PathVariable Integer id,Model model) { Goods goods=goodsService.findById(id); model.addAttribute("goods",goods); return "goods-update"; }在GoodsController中增加更新商品信息的办法,代码如下:
@RequestMapping("doUpdateGoods") public String doUpdateGoods(Goods goods) { goodsService.updateGoods(goods); return "redirect:/goods/doGoodsUI"; }Goods批改页面设计及实现
在templates目录中增加goods-update.html页面,代码设计如下:
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><style type="text/css"> ul li {list-style-type: none} </style></head><body> <h1>The Goods Update Page</h1> <form th:action="@{/goods/doUpdateGoods}" method="post"> <input type="hidden" name="id" th:value="${goods.id}"> <ul> <li>name: <li><input type="text" name="name" th:value="${goods.name}"> <li>remark: <li><textarea rows="3" cols="30" name="remark" th:text="${goods.remark}"></textarea> <li><input type="submit" value="Update Goods"> </ul> </form></body></html>启动Tomcat服务进行拜访测试剖析
启动tomcat服务,拜访商品列表页面,如图所示:
在列表页面,点击update选项,进入更新页面
在更新页面更新表单数据,而后提交,进入列表页面查看更新后果,如图所示:
我的项目启动及运行过程中的BUG及问题剖析
- 页面设计剖析,如图所示:
- 页面源码剖析,如图所示: