①删除规格存在一个问题,不能忽略。
在表tb_specification中删除规格的时候,不要忘记在表tb_specification_option中删除绑定的规格选项,否则的话,表tb_specification_option 中会存在很多垃圾数据。整个系统不会报错,但越存垃圾越多。
②先写后端代码。写服务(service)层的接口(interface)层
这个其实不用更改。
③写服务(service)层的实现(implements)层。
更改为一下内容:
SpecificationServiceImpl.java 的部分内容:
@Override
/**
public void delete(Long[] ids) {
for(Long id:ids){
specificationMapper.deleteByPrimaryKey(id);
}
}
**/
public void delete(List<Long> ids) {
for(Long id:ids) {
//删除规格表的数据
specificationMapper.deleteByPrimaryKey(id);
//删除规格选项表的数据
//先根据specId按条件查询规格选项即example
TbSpecificationOptionExample example = new TbSpecificationOptionExample();
com.pinyougou.pojo.TbSpecificationOptionExample.Criteria criteria =
example.createCriteria();
criteria.andSpecIdEqualTo(id);
specificationOptionMapper.deleteByExample(example);
}
}
④写控制(controller)层即web层的代码。
代码不变。
⑤写前端的内容。
一、specification.html文件
specification.html 文件(前端的view(视图)层)的内容:
<!DOCTYPE html>
<html>
<head>
<!-- 页面meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>规格管理</title>
<meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
<link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css">
<link rel="stylesheet" href="../plugins/adminLTE/css/skins/_all-skins.min.css">
<link rel="stylesheet" href="../css/style.css">
<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../plugins/angularjs/angular.min.js"></script>
<!-- 分页组件开始 -->
<script type="text/javascript" src="../plugins/angularjs/pagination.js"></script>
<link rel="stylesheet" href="../plugins/angularjs/pagination.css">
<!-- 分页组件结束 -->
<script type="text/javascript" src="../js/base_pagination.js"></script>
<script type="text/javascript" src="../js/render_finish.js"></script>
<script type="text/javascript" src="../js/service/specificationService.js"></script>
<script type="text/javascript" src="../js/controller/baseController.js"></script>
<script type="text/javascript" src="../js/controller/specificationController.js"></script>
<!-- 删除以下内容
<script type="text/javascript">
var app = angular.module('pinyougou',['pagination']);//在js里可以用单