基于SSM+Vue的图书管理系统

一、简介

这是一个基于SSM和Vue开发的前后端分离的图书管理系统

二、实现技术

1、后台框架：Spring、SpringMVC、MyBatis

2、前端框架：Vue

3、组件库：ElementUI

4、数据库：MySQL 5.7

5、运行环境：

JDK 8

IntelliJ IDEA

Tomcat 9.0

MySQL 5.7

三、系统功能模块

1、系统用户：

管理员(admin)

对用户(增删改查)，图书(增删改查)，借书还书查询和借书还书功能

四、数据库表设计

分为四个表：admin(管理员表)、book(图书表)、boroow(借阅信息表)、retur(还书记录表)、user(用户表)

admin表设计

 book表设计

status用来表示书的借还状态，0表示已还，1表示未还

 borrow表

 retur表

user表

 五、功能实现(只展示部分功能)

1、查询图书列表功能

Controoler层

    @RequestMapping("/findAll")
    public String getAll(Integer pageNum, Integer pageSize,Book book, HttpServletResponse             response) throws IOException {
        response.setContentType("text/html; charset=UTF-8");

        //分页查询
        List<Book> bookList = bookService.findAll(pageNum, pageSize,book);
        PageInfo info = new PageInfo(bookList);

        //将info转成json，响应给客户端
        String json = new ObjectMapper().writeValueAsString(info);
        return json;
    }

service层

@Override
    public List<Book> findAll(Integer pageNum, Integer pageSize,Book book) {
        PageHelper.startPage(pageNum,pageSize);
        List<Book> all = bookMapper.findAll(book);
        return all;
    }

Mapper.xml

<!--    List<User> findAll();-->
    <select id="findAll" resultType="Book">
        select * from book
        <where>
            <if test="bookName != null and bookName != ''">
                bookName like concat('%', #{ bookName }, '%')
            </if>
            <if test="bookNo != null and bookNo != ''">
                and bookNo like concat('%', #{ bookNo }, '%')
            </if>
        </where>
    </select>

2、增加图书ID查询功能

/*
     * 根据图书ID查询
     */
    @PostMapping ("/addBook")
    @ResponseBody
    public String addBook(@RequestBody Book book){
        String state=null;
        System.out.println(book);
        int num=bookService.addBook(book);
        if (num > 0) {
            state = "添加成功";
        } else {
            state = "添加失败";
        }
        return state;
    }

3、更新图书功能

 @RequestMapping("/delete/{bookId}")
    @ResponseBody
    public void deleteById(@PathVariable("bookId") int bookId) {
        //设置响应编码
        System.out.println(bookId);

        //执行删除操作
        int num = bookService.deleteById(bookId);;
        if (num > 0) {
            System.out.println("删除图书成功");
        } else {
            System.out.println("删除图书失败");
        }
    }

4、借书功能

@PostMapping("/save")
    public String save(@RequestBody Borrow borrow) throws Exception {
        int sum=borrowService.save(borrow);
        if (sum > 0) {
            System.out.println("借阅图书成功");
            return "success";
        } else {
            System.out.println("借阅图书失败");
            return "error";
        }
    }

六、功能介绍(部分功能介绍)

1、查询功能

首先先从前端获取到page和pagesize的分页信息，这两个参数是必须的为require，name名字可以为null，然后通过pagehelper插件设置分页信息进行分页查询

2、新增功能

用@RequestBody注解接受前端传过来的json信息，存入对象中，调用service层的新增方法进行新增，通过service的返回值确定是否返回成功

3、登录功能

获取前端的账号密码，然后通过数据库查询，比对成功后，给前端设置session值，和返回登录成功等对象信息

4、借书功能

获取到前端的用户名信息和借阅图书信息，通过图书标识号在后端查询图书信息，在业务层用Localtime设置借书时间，和还书时间

七、运行界面展示

 更多源码联系作者QQ7623025