devbox
信息技术墨韵书生
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Spring Boot图书管理系统项目实战-6.图书管理_项目实战spring 图书管理系统

作者：信息技术墨韵书生 | 2024-02-03 22:06:07

赞

踩

项目实战spring 图书管理系统

导航：

pre：  5.读者管理

next：7.借阅图书

 

只挑重点的讲，具体的请看项目源码。

1.项目源码

需要源码的朋友，请捐赠任意金额后留下邮箱发送：）

 

2.页面设计

 

2.1 book.html

  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
  3.  
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  7.     <title>图书管理</title>
  8.     <link rel="stylesheet" href="/static/layui/css/layui.css" th:href="@{/static/layui/css/layui.css}">
  9. </head>
  10.  
  11. <body>
  12. <input type="text" id="ctx" hidden="hidden" th:value="${#request.getContextPath()}">
  13. <!-- 内容主体区域 -->
  14. <div>
  15.     <div class="search-div">
  16.         <div class="">
  17.             <div class="layui-inline">
  18.                 <label class="layui-form-label">名称：</label>
  19.                 <div class="layui-input-inline">
  20.                 <input class="layui-input" id="name" name="name" autocomplete="off">
  21.                 </div>
  22.             </div>
  23.             <div class="layui-inline">
  24.                 <label class="layui-form-label">ISBN：</label>
  25.                 <div class="layui-input-inline">
  26.                     <input class="layui-input" id="isbn" name="isbn" autocomplete="off">
  27.                 </div>
  28.             </div>
  29.             <div class="layui-inline">
  30.                 <label class="layui-form-label">作者：</label>
  31.                 <div class="layui-input-inline">
  32.                     <input class="layui-input" id="author" name="author" autocomplete="off">
  33.                 </div>
  34.             </div>
  35.  
  36.             <button class="layui-btn" data-type="reload" id="search">搜索</button>
  37.         </div>
  38.  
  39.     </div>
  40.  
  41.     <table id="tb-book" lay-filter="tb-book"></table>
  42.  
  43. </div>
  44.  
  45. <!--编辑表单-->
  46. <script type="text/html" id="book-toolbar">
  47.     <div class="layui-btn-container">
  48.         <button class="layui-btn layui-btn-sm" lay-event="add"><i class="layui-icon">&#xe608;</i>新增</button>
  49.         <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="remove"><i class="layui-icon">&#xe640;</i>删除
  50.         </button>
  51.         <button class="layui-btn layui-btn-sm" lay-event="refresh"><i class="layui-icon">&#xe666;</i>刷新
  52.         </button>
  53.     </div>
  54.     <!--<div class="layui-btn-container">
  55.         <button class="layui-btn layui-btn-sm" lay-event="getCheckData">获取选中行数据</button>
  56.         <button class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</button>
  57.         <button class="layui-btn layui-btn-sm" lay-event="isAll">验证是否全选</button>
  58.     </div>-->
  59. </script>
  60.  
  61. <script type="text/html" id="barOps">
  62.     <a class="layui-btn layui-btn-sm" lay-event="edit"><i class="layui-icon">&#xe642;</i> </a>
  63. </script>
  64.  
  65. <script src="/static/js/jquery-1.11.3.min.js" th:src="@{/static/js/jquery-1.11.3.min.js}"></script>
  66. <script src="/static/layui/layui.all.js" th:src="@{static/layui/layui.all.js}"></script>
  67. <script src="/static/js/util.js" th:src="@{/static/js/util.js}"></script>
  68.  
  69. <!--ctx-->
  70. <script th:replace="~{fragment::ctx}"/>
  71.  
  72. <script>
  73.     var element, layer, laydate, table, form,userTable;
  74.  
  75.  
  76.     function reload(){
  77.         userTable.reload();
  78.     }
  79.  
  80.     $(function () {
  81.         // 使用模块
  82.         layui.use(['element', 'layer', 'laydate', 'table', 'form'], function () {
  83.             element = layui.element;
  84.             layer = layui.layer;
  85.             laydate = layui.laydate;
  86.             table = layui.table;
  87.             form = layui.form;
  88.         });
  89.  
  90.         //第一个实例
  91.          userTable = table.render({
  92.             elem: '#tb-book'
  93.             , height: 515
  94.             , url: ctx+'api/book/list' //数据接口
  95.             , page: true //开启分页
  96.             , toolbar: '#book-toolbar'
  97.              ,id: 'tb-book'
  98.             /*,request: {
  99.                 pageName: 'pageNo' //页码的参数名称，默认：page
  100.                 ,limitName: 'pageSize' //每页数据量的参数名，默认：limit
  101.             }
  102.             , response: {
  103.                 statusName: 'code', //规定返回的状态码字段为code
  104.                 statusCode: 200 //规定成功的状态码为200，默认为0
  105.             }
  106.             , parseData: function (res) {
  107.                  return {
  108.                      "code": res.code, //解析接口状态
  109.                      "msg": res.msg, //解析提示文本
  110.                      "count": res.records, //解析数据长度
  111.                      "data": res.rows //解析数据列表
  112.                  }
  113.              }*/
  114.             , cols: [
  115.                 [ //表头
  116.                 {type: 'checkbox', fixed: 'left'}
  117.                 , {field: 'id', title: 'ID', width: 80, sort: true, fixed: 'left',hide:true}
  118.                 , {field: 'name', title: '图书名称', width: 180}
  119.                 , {field: 'isbn', title: 'ISBN码', width: 160}
  120.                 , {field: 'author', title: '作者', width: 80}
  121.                 , {field: 'translator', title: '译者', width: 80}
  122.                 , {field: 'categoryName', title: '图书分类', width: 160}
  123.                 , {field: 'price', title: '图书单价', width: 120}
  124.                 , {field: 'totalNumber', title: '藏书总量', width: 120}
  125.                 , {field: 'leftNumber', title: '馆内剩余', width: 120}
  126.                 , {field: 'publisherName', title: '出版社', width: 180}
  127.                 , {field: 'pages', title: '页数', width: 80}
  128.                 , {field: 'words', title: '字数', width: 80}
  129.                 , {field: 'locationName', title: '存放位置', width: 120}
  130.                 , {field: 'edition', title: '版次', width: 80}
  131.                 , {field: 'registerTime', title: '登记日期', width: 120}
  132.                 , {field: 'remark', title: '备注', width: 180}
  133.                 , {fixed: 'right', title: '操作', toolbar: '#barOps', width: 120}
  134.             ]
  135.              ]
  136.         });
  137.  
  138.         //监听表单提交
  139.         // 修改
  140.         form.on('submit(saveBook)', function (data) {
  141.             layer.alert(JSON.stringify(data.field));
  142.             $.ajax({
  143.                 url: ctx+'api/book/save',
  144.                 type: 'POST',
  145.                 contentType: "application/json",
  146.                 dataType: "json",
  147.                 data: JSON.stringify(data.field),
  148.                 success: function (result) {
  149.                     if (result.code == 200) {
  150.                         // layer.msg("修改成功！", {icon: 6});
  151.                         cleanForm("#saveBook");
  152.                         if(data.field.id.length>0){
  153.                             layer.closeAll();//关闭所有的弹出层
  154.                         }
  155.                         userTable.reload();
  156.                     }else {
  157.                         layer.alert(result.message);
  158.                     }
  159.                 }
  160.             });
  161.  
  162.             return false;
  163.  
  164.         });
  165.  
  166.         //工具栏事件
  167.         table.on('toolbar(tb-book)', function (obj) {
  168.             var checkStatus = table.checkStatus(obj.config.id);
  169.             var checkData = checkStatus.data;
  170.             var ids = [];
  171.             switch (obj.event) {
  172.                 // 新增
  173.                 case 'add':
  174.                     cleanForm("#saveBook");
  175.  
  176.                     top.layer.open({
  177.                         type: 2,
  178.                         offset: '10px',
  179.                         title: "新增图书",
  180.                         area: ['800px', '660px'],
  181.                         content: ['bookAdd']
  182.                     });
  183.  
  184.  
  185.                     break;
  186.                 // 删除
  187.                 case 'remove':
  188.                     if (checkData.length == 0) {
  189.                         layer.alert('请选择要操作的行');
  190.                     } else {
  191.                         layer.confirm('确定要删除吗？', function (index) {
  192.                             for (var i = 0; i < checkData.length; i++) {
  193.                                 ids.push(checkData[i].id);
  194.                             }
  195.                             //layer.alert(JSON.stringify(ids));
  196.                             $.ajax({
  197.                                 url: ctx+'api/book/remove',
  198.                                 type: 'POST',
  199.                                 contentType: "application/json",
  200.                                 dataType: "json",
  201.                                 data: JSON.stringify(ids),
  202.                                 success: function (result) {
  203.                                     if (result.code == 200) {
  204.                                         setTimeout(function () {
  205.                                             layer.closeAll();//关闭所有的弹出层
  206.                                             userTable.reload();
  207.                                         }, 300);
  208.                                     }else {
  209.                                         layer.msg("操作失败！", {icon: 5});
  210.                                     }
  211.                                 }
  212.                             });
  213.                         });
  214.                     }
  215.                     break;
  216.                 case 'refresh':
  217.                     userTable.reload();
  218.                     break;
  219.                 case 'getCheckData':
  220.                     layer.alert(JSON.stringify(data));
  221.                     break;
  222.                 case 'getCheckLength':
  223.                     var data = checkStatus.data;
  224.                     layer.msg('选中了：' + data.length + ' 个');
  225.                     break;
  226.                 case 'isAll':
  227.                     layer.msg(checkStatus.isAll ? '全选' : '未全选')
  228.                     break;
  229.             }
  230.             ;
  231.         });
  232.  
  233.         // 监听工具条
  234.         table.on('tool(tb-book)', function (obj) {
  235.             var data = obj.data;
  236.             // 修改
  237.             if (obj.event === 'edit') {
  238.                 top.layer.open({
  239.                     type: 2,
  240.                     offset: '10px',
  241.                     title: "修改图书",
  242.                     area: ['800px', '660px'],
  243.                     content: [ctx+'bookEdit/'+data.id]
  244.                 });
  245.             }
  246.         });
  247.  
  248.         // 搜索
  249.         $('#search').click(function () {
  250.             var name = $('#name').val();
  251.             var isbn = $('#isbn').val();
  252.             var author = $('#author').val();
  253.             table.reload('tb-book', {
  254.                 url: ctx+'api/book/list'
  255.                 ,where: {
  256.                     name:name,isbn:isbn,author:author
  257.                 }
  258.                 ,page: {
  259.                     curr: 1
  260.                 }
  261.             });
  262.         });
  263.     });
  264.  
  265.  
  266.  
  267. </script>
  268. </body>
  269.  
  270. </html>

 

3.图书管理service

  1. /**
  2.  * @Description: 图书服务
  3.  * @Author laoxu
  4.  * @Date 2019/5/2 9:26
  5.  **/
  6. @Service
  7. public class BookService extends AbstractService {
  8.     public void add(Book entity) {
  9.         //String username = SecurityUtil.getLoginUser();
  10.         insert("bookMapper.insert",entity);
  11.     }
  12.  
  13.     public void modify(Book entity) {
  14.         update("bookMapper.update",entity);
  15.     }
  16.  
  17.     public void remove(Long id) {
  18.         delete("bookMapper.delete",id);
  19.     }
  20.  
  21.     public void removes(Long[] ids) {
  22.         delete("bookMapper.deletes",ids);
  23.     }
  24.  
  25.     public Book get(Long id) {
  26.         return selectOne("bookMapper.select",id);
  27.     }
  28.  
  29.     public Book getByIsbn(String isbn) {
  30.         return selectOne("bookMapper.selectByIsbn",isbn);
  31.     }
  32.  
  33.     public List<Book> getParentList(Long id) {
  34.         return selectList("bookMapper.selectParentList",id);
  35.     }
  36.  
  37.     public int count(Map<String, Object> param) {
  38.         return selectOne("bookMapper.count",param);
  39.     }
  40.  
  41.     public List<Book> getList(Map<String, Object> param) {
  42.         return selectList("bookMapper.selectList",param);
  43.     }
  44.  
  45.     public List<Book> getPageResult(Map<String, Object> param) {
  46.         return selectList("bookMapper.selectPageResult",param);
  47.     }
  48.  
  49.  
  50.     public int checkCode(Book entity){
  51.         return selectOne("bookMapper.countCode",entity);
  52.     }
  53.  
  54. }

 

4.图书管理controller

 

  1. /**
  2.  * @Description: 图书控制器
  3.  * @Author laoxu
  4.  * @Date 2019/5/2 10:16
  5.  **/
  6. @RestController
  7. @RequestMapping("/api/book")
  8. public class BookController {
  9.     @Autowired
  10.     BookService bookService;
  11.  
  12.     /**
  13.      * 保存（新增/修改）
  14.      *
  15.      * @param entity
  16.      * @return
  17.      */
  18.     @PostMapping("/save")
  19.     public Result<String> modify(@RequestBody Book entity) {
  20.         String code = entity.getIsbn();
  21.         int count = bookService.checkCode(entity);
  22.         if(count>0){
  23.             return ResultUtil.fail("ISBN已存在！");
  24.         }
  25.         if(entity.getId()!=null){
  26.             bookService.modify(entity);
  27.         }else{
  28.             bookService.add(entity);
  29.         }
  30.  
  31.         return ResultUtil.ok();
  32.     }
  33.  
  34.  
  35.     @PostMapping("/remove")
  36.     public Result<String> remove(@RequestBody Long[] ids) {
  37.         bookService.removes(ids);
  38.         return ResultUtil.ok();
  39.     }
  40.  
  41.     @GetMapping("/get")
  42.     public Result<Book> get(@RequestParam("id") Long id) {
  43.         Book entity = bookService.get(id);
  44.  
  45.         return ResultUtil.ok(entity);
  46.     }
  47.  
  48.     @GetMapping("/list")
  49.     public ResultBean<List<Book>> getPageResult(
  50.             @RequestParam(required = false) String name,
  51.             @RequestParam(required = false) String isbn,
  52.             @RequestParam(required = false) String author,
  53.             @RequestParam(defaultValue = "1") Integer page,
  54.             @RequestParam(defaultValue = "10") Integer limit) {
  55.  
  56.         Map<String, Object> param = new HashMap<>();
  57.  
  58.         // 计算起始行号
  59.         int offset = (page - 1) * limit;
  60.         int rows = limit;
  61.  
  62.         param.put("name",name);
  63.         param.put("isbn",isbn);
  64.         param.put("author",author);
  65.         param.put("offset", offset);
  66.         param.put("rows", rows);
  67.  
  68.         // 统计记录数
  69.         int totalRows = bookService.count(param);
  70.  
  71.         // 获取当前页结果集
  72.         List<Book> entities = bookService.getPageResult(param);
  73.  
  74.         ResultBean result = new ResultBean(0, "查询成功", totalRows, entities);
  75.  
  76.         return result;
  77.  
  78.     }
  79. }

 

 

 

 

 

 

 

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/article/detail/58217
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号