0
0

基于Node.js+Vue+MySQL实现的（Web）图书管理系统

1 需求分析

本图书管理系统主要实现对图书馆的管理：图书、读者、管理员、借阅。由此，结构可分为：图书管理、读者管理、管理员管理、借还管理、罚单管理、还书信息。

1.1 需求定义

1.1.1 图书管理

可对图书信息进行浏览、编辑（包括对图书的修改、入库、删除）

  1. 浏览图书信息
  2. 编辑图书信息：修改、入库、删除

1.1.2 读者管理

可对读者信息进行浏览、编辑（包括对读者的修改、入库、删除）

  1. 浏览读者信息
  2. 编辑读者信息：修改、添加、删除

1.1.3 管理员管理

可对管理员信息进行浏览、编辑（包括对管理员的修改、入库、删除）

  1. 浏览管理员信息
  2. 编辑管理员信息：修改、添加、删除

1.1.4 借还管理

可对借书信息进行浏览；进行借书操作，每次只能进行一次操作，也可对新增借书进行删除；进行还书操作，如逾期欠费有提示，需要进行缴费操作，才能还书

  1. 浏览图书借书信息
  2. 借书（每次只能操作一次）-> 可对新增借书的删除
  3. 还书（逾期欠费需缴费才能还书）

1.1.5 罚单管理

可对罚单信息进行浏览；进行缴费操作；对已缴费的记录进行清理删除

  1. 浏览罚单信息
  2. 缴费
  3. 删除已缴费的记录

1.1.6 还书信息

可浏览还书信息

1.2 功能需求

  1. 图书的查阅、修改、删除、图书入库：编号、书名、作者、出版社、在库数、类别
  2. 读者的查询、修改、删除、新增读者：借书证号、姓名、班级、院系
  3. 管理员的查询、修改、删除、新增管理员：编号、姓名、负责书库
  4. 借还信息的查询、还书（逾期欠费需缴费才能还书）、新增借书：借书证号、读者名、编号、书名、借书日期、预计归还日期，可删除新增记录
  5. 罚单的查阅、缴费、删除（已缴费）
  6. 还书信息的查阅

图 1 图书管理系统功能图

2 概念结构设计

根据需求分析我们规划出实体有：读者信息实体、管理员信息实体、图书信息实体。各个实体具体的描述 E-R 实体如下。

2.1 读者信息模块

读者属性包括：借书证号、姓名、班级、院系

2.2 图书信息模块

图书属性包括：编号、书名、作者、出版社、在库数、类别

2.3 管理员信息模块

管理员属性包括：编号、姓名、负责书库

2.4 完整的 E-R 图

实体间的联系：

  1. 读者借书：拥有借书证号、图书编号、借出日期、应归还日期 属性
  2. 读者还书：拥有借书证号、图书编号、借出日期、应归还日期、归还日期、推迟天数、罚款总额 属性

3 逻辑结构设计

3.1 数据库逻辑设计

由 E-R 模型得到关系模型：借阅关系模型

3.3.1 借阅关系

属性：借书证号、图书编号、借出日期、应归还日期、归还日期、推迟天数、罚款总额

主键：借书证号、图书编号

3.2 数据库逻辑结构

  1. 图书信息表(属性：id(INT(11))、name(VARCHAR(20))、author(VARCHAR(20))、publisher(VARCHAR(20))、num(INT(11))、sort(VARCHAR(20)))
  2. 读者信息表(属性：id(INT(11))、name(VARCHAR(20))、class(VARCHAR(20))、department(VARCHAR(20)))
  3. 管理员信息表(属性：id(INT(11))、name(VARCHAR(20))、stackroom(VARCHAR(10)))
  4. 借书信息表(属性：bookId(INT(11))、readerId(INT(11))、borrow_date(DATE)、expect_rerurn_date(DATE))
  5. 罚单信息表(属性：bookId(INT(11))、readerId(INT(11))、over_date(INT)、ticket_fee(FLOAT)、payoff(INT))
  6. 还书信息表(属性：bookId(INT(11))、readerId(INT(11))、borrow_date(DATE)、rerurn_date(DATE))

3.2.1 图书信息表

4 物理设计

由上述数据库逻辑结构转换为实际数据模型，本图书管理系统的各个表如下：

4.1 建立图书馆数据库（library）

  1. CREATE DATABASE library;

4.2 建立图书表（book）

  1. CREATE TABLE `book` (
  2.     `id` INT(11) NOT NULL DEFAULT '0',
  3.     `name` VARCHAR(20) NOT NULL,
  4.     `author` VARCHAR(20) NOT NULL,
  5.     `publisher` VARCHAR(20) NOT NULL,
  6.     `num` INT(11) NOT NULL,
  7.     `sort` VARCHAR(20) NOT NULL,
  8.     PRIMARY KEY(`id`))
  9. COLLATE='utf8_general_ci'
  10.         ENGINE=InnoDB
  11.                ;
  12. desc book;

4.3 建立读者表（reader）

  1. CREATE TABLE `reader` (
  2.     `id` INT(11) NOT NULL DEFAULT '0',
  3.     `name` VARCHAR(20) NOT NULL,
  4.     `class` VARCHAR(10) NOT NULL,
  5.     `department` VARCHAR(10) NOT NULL,
  6.     PRIMARY KEY(`id`))
  7. COLLATE='utf8_general_ci'
  8.         ENGINE=InnoDB
  9.                ;
  10. desc reader;

4.4 建立借阅表（borrow）

  1. CREATE TABLE `borrow` (
  2.     `bookId` INT(11) NOT NULL COMMENT '学生编号',
  3.     `readerId` INT(11) NOT NULL COMMENT '图书编号',
  4.     `borrow_date` DATE NULL DEFAULT NULL COMMENT '借书时间',
  5.     `expect_return_date` DATE NULL DEFAULT NULL COMMENT '预期归还时间',
  6.     PRIMARY KEY(`bookId`, `readerId`),
  7.     INDEX `READERID` (`readerId`, `bookId`),
  8.     CONSTRAINT `BOOKID` FOREIGN KEY(`bookId`) REFERENCES `book` (`id`),
  9.     CONSTRAINT `READERID` FOREIGN KEY(`readerId`) REFERENCES `reader` (`id`))
  10. COMMENT='存储学生的借书信息'
  11.         COLLATE='latin1_swedish_ci'
  12.                 ENGINE=InnoDB
  13.                        ;
  14. desc borrow;

4.5 建立管理员表（administartors）

  1. CREATE TABLE `administrators` (
  2.     `id` INT(11) NOT NULL DEFAULT '0',
  3.     `name` VARCHAR(20) NOT NULL,
  4.     `stackroom` VARCHAR(10) NOT NULL,
  5.     PRIMARY KEY(`id`))
  6. COLLATE='utf8_general_ci'
  7.         ENGINE=InnoDB
  8.                ;
  9. desc administrators;

4.6 建立还书信息表（return_table）

  1. CREATE TABLE `return_table` (
  2.     `bookId` INT(11) NOT NULL,
  3.     `readerId` INT(11) NOT NULL,
  4.     `borrow_date` DATE NULL DEFAULT NULL,
  5.     `return_date` DATE NULL DEFAULT NULL COMMENT '实际还书情况',
  6.     PRIMARY KEY(`bookId`, `readerId`),
  7.     INDEX `readerId` (`readerId`, `bookId`),
  8.     CONSTRAINT `BOOKID_R` FOREIGN KEY(`bookId`) REFERENCES `book` (`id`),
  9.     CONSTRAINT `READERID_R` FOREIGN KEY(`readerId`) REFERENCES `reader` (`id`))
  10. COMMENT='存储学生的归还信息'
  11.         COLLATE='latin1_swedish_ci'
  12.                 ENGINE=InnoDB
  13.                        ;
  14. desc return_table;

4.7 建立罚单信息表（ticket）

  1. CREATE TABLE `ticket` (
  2.     `readerId` INT(11) NOT NULL COMMENT '学生编号',
  3.     `bookId` INT(11) NOT NULL COMMENT '书籍编号',
  4.     `over_date` INT(11)NULL DEFAULT NULL COMMENT '超期天数',
  5.     `ticket_fee` FLOAT NULL DEFAULT NULL COMMENT '处罚金额',
  6.     `payoff` INT(11)NULL DEFAULT NULL,
  7.     PRIMARY KEY(`readerId`, `bookId`),
  8.     INDEX `BOOKID_T` (`bookId`),
  9.     CONSTRAINT `BOOKID_T` FOREIGN KEY(`bookId`) REFERENCES `book` (`id`),
  10.     CONSTRAINT `READERID_T` FOREIGN KEY(`readerId`) REFERENCES `reader` (`id`))
  11. COMMENT='存储学生的罚单信息'
  12.         COLLATE='latin1_swedish_ci'
  13.                 ENGINE=InnoDB
  14.                        ;
  15. desc ticket;

5 实施过程

5.1 装载数据过程

5.1.1 用 DML 语句对 book 表加入数据

  1. INSERT INTO `library`.`book` (`id`, `name`, `author`, `publisher`, `num`, `sort`)VALUES('8','时事报告','张习文','时事报告杂志社','1','政治');
  2. INSERT INTO `library`.`book` (`id`, `name`, `author`, `publisher`, `num`, `sort`)VALUES('9','计算机网络安全','马利','清华大学出版社','1','计算机');
  3. select * from book;

5.1.2 用 DML 语句对 reader 表加入数据

  1. INSERT INTO `library`.`reader` (`id`, `name`, `class`, `department`)VALUES('6','张三','1603','机器人学院');
  2. INSERT INTO `library`.`reader` (`id`, `name`, `class`, `department`)VALUES('7','李四','1602','金融学院');
  3. select * from reader;

5.1.3 用 DML 语句对 administartors 表加入数据

  1. INSERT INTO `library`.`administrators` (`id`, `name`, `stackroom`)VALUES('4','王五','外国文学');
  2. INSERT INTO `library`.`administrators` (`id`, `name`, `stackroom`)VALUES('5','江六','中国文学');
  3. select * from administrators;

5.2 设计视图

5.2.1 在 reader,borrow 和 book 上创建借书者的全面信息视图 reader_borrow

  1. create view reader_borrow as
  2. select reader.id AS reader_id,reader.name AS reader_name,book.id AS book_id,book.name AS book_name,borrow_date,addDate(borrow_date,30) expect_return_date
  3. from reader,book,borrow
  4. where reader.id = borrow.readerId and book.id = borrow.bookId;

5.2.3 创建个人所有借书归还记录视图 reader_borrow_return

  1. create view reader_borrow_return as
  2. select reader.id AS reader_id,reader.name AS reader_name,book.id AS book_id,book.name AS book_name,return_date
  3. from reader,book,return_table
  4. where reader.id = return_table.readerId and book.id = return_table.bookId;

5.3 存储过程设计

5.3.1 产生罚单 proc_gen_ticket

当日期超过预定归还日期，产生罚单，并将记录写入表 ticket 中，这个存储过程在定时器 eventJob 中调用

  1. CREATE DEFINER=`root`@`%` PROCEDURE `proc_gen_ticket`(
  2.                    IN `currentdate` date
  3.                )
  4.                BEGIN
  5.                replace into ticket(readerId,bookId,over_date,ticket_fee,payoff)
  6.                SELECT reader_id,book_id,dateDiff(currentdate,reader_borrow.expect_return_date),0.1*datediff(currentdate,reader_borrow.expect_return_date),1
  7.                FROM reader_borrow
  8.                WHERE currentdate>reader_borrow.expect_return_date;
  9. END

5.3.2 借书过程实现

1)设计存储函数，func_get_booknum，返回书籍是否在架上

  1. CREATE DEFINER=`root`@`%` FUNCTION `func_get_booknum`(
  2.                    `book_id` INT
  3.                )
  4.                RETURNS int(11)
  5.                BEGIN
  6.                return(select num from book where book.id=book_id);
  7. END

2）设计存储过程 proc_borrow，调用 func_get_booknum，判断书籍是否在架上，若为真，则借书成功，在 borrow 表中插入记录；否则提示失败

  1. CREATE DEFINER=`root`@`%` PROCEDURE `proc_borrow`(
  2.                    IN `reader_id` INT,
  3.                    IN `book_id` INT,
  4.                    IN `borrow_date` DATE,
  5.                    IN `expect_return_date` DATE
  6.                )
  7.                BEGIN
  8.                iffunc_get_booknum(book_id)>0 then
  9.                    insert into borrow(readerId,bookId,borrow_date,expect_return_date)values(reader_id,book_id,borrow_date,expect_return_date);else
  10.     select -1 as msg;
  11. end if;
  12. END

目前 borrow 记录如下

执行函数，读者 0001 借图书 0002

  1. call proc_borrow('0001','0002',CURDATE());

执行函数，读者 0002 借图书 0002

  1. call proc_borrow('0002','0002',CURDATE());

5.3.3 还书存储过程 proc_return

还书时，查看是否超期，即查询 ticket 表项，当发现超期，提示交罚单后再还书；如未超期，则记录归还项目到 return_table 中，并且删除借书记录（以免还书后定时器仍然扫描这个记录）

  1. CREATE DEFINER=`root`@`%` PROCEDURE `proc_return`(
  2.                    IN `reader_id` INT(11),
  3.                    IN `book_id` INT(11),
  4.                    IN `return_date` DATE
  5.                )
  6.                BEGIN
  7.                declare borrowdate date;if(select payoff from ticket where ticket.readerId = reader_id and ticket.bookId = book_id)=1 then
  8.             select -1 as msg;elseif(select count(*) from return_table where return_table.readerId = reader_id and return_table.bookId = book_id )>0 then
  9.     DELETE FROM return_table WHERE readerId = reader_id;
  10. set borrowdate =(select borrow_date from borrow where borrow.readerId = reader_id and borrow.bookId = book_id);
  11. insert into return_table(readerId,bookId,borrow_date,return_date)values(reader_id,book_id,borrowdate,return_date);
  12. delete from borrow
  13. where borrow.readerId = reader_id and borrow.bookId = book_id;else
  14.     set borrowdate =(select borrow_date from borrow where borrow.readerId = reader_id and borrow.bookId = book_id);
  15. insert into return_table(readerId,bookId,borrow_date,return_date)values(reader_id,book_id,borrowdate,return_date);
  16. delete from borrow
  17. where borrow.readerId = reader_id and borrow.bookId = book_id;
  18. end if;
  19. end if;
  20. END

读者 0001 借了 0001 图书，超期产生了罚单

  1. call proc_return('0001','0001',CURDATE());

交罚单

  1. call proc_payoff('0001','0001');

再次还书

5.3.4 交罚单存储过程 proc_payoff

修改罚单中 payoff 段为 0，表明罚单已交

  1. CREATE DEFINER=`root`@`%` PROCEDURE `proc_payoff`(
  2.                    IN `reader_id` INT,
  3.                    IN `book_id` INT
  4.                )
  5.                BEGIN
  6.                update ticket
  7.                set ticket.payoff =0
  8.                                    where ticket.readerId = reader_id and ticket.bookId = book_id;
  9. select 'succeed';
  10. END

5.3.5 删除图书存储过程 proc_deleteBook

删除图书时，除了 book 表，还要把关联表 return_table 对应的书也删掉

  1. CREATE DEFINER=`root`@`%` PROCEDURE `proc_deleteBook`(
  2.                    IN `book_id` INT
  3.                )
  4.                BEGIN
  5.                DELETE FROM return_table WHERE return_table.bookId = book_id;
  6. DELETE FROM book WHERE book.id = book_id;
  7. END

5.4 触发器设计

5.4.1 设计触发器 borrow_after_insert

当某学生借书成功后，图书表相应的图书不在架上，变为 0；

  1. CREATE TRIGGER `borrow_after_insert` AFTER INSERT ON `borrow` FOR EACH ROW BEGIN
  2. update book set num = num-1 where id = new.bookId;
  3. END

在插入表 borrow 之前，id=0003 的图书还在架上，为 1

学生 0001 借了这本书后，在 boorow 中插入记录

在 borrow 中插入这条记录后，id=0003 的图书，不在架上，为 0

5.4.2 设计触发器 return_after_insert

还书成功后，对应的书籍 num 变为 1

  1. CREATE TRIGGER `return_after_insert` AFTER INSERT ON `return` FOR EACH ROW BEGIN
  2.         update book set num = num+1 where id = new.bookId;
  3. END

还书时在 return_table 插入

此时图书归还架上

5.4.3 定义定时器（事件）eventJob

每天自动触发一次，扫描视图 reader_borrow，若发现当前有预期归还时间小于当前时间，则判断为超期，生成处罚记录，这个定时器将每天定时触发存储过程 proc_gen_ticket

  1. CREATE EVENT `eventJob`
  2. ON SCHEDULE
  3. EVERY 1 DAY STARTS '2018-08-01 16:22:42'
  4. ON COMPLETION PRESERVE
  5. ENABLE
  6. COMMENT ''
  7. DO call proc_gen_ticket(CURDATE())

读者 0003 借了图书 0001，生成借书记录 reader_borrow 视图

当他在 1 月 9 日前还书，没有生成罚单

当他在 1 月 9 日后还书，生成罚单

6 系统实现

6.1 搭建前端框架

6.1.1 搭建 vue-cli 脚手架

本系统使用 VUE 编写，所以需要搭建脚手架，使系统达到：提高效率、组件化、模块化、数据双向绑定的优秀特性

  1. // 在项目的根目录下
  2. npm install vue-cli -g
  3. vue init webpack web-lib
  4. cd web-lib
  5. npm install
  6. npm run dev

6.1.2 引入 axious、element 库

因为有很多 http 请求，使用 axious 库，可以更方便的书写请求，并且易于管理；对于一个后台系统，其 ui 适合使用简洁的风格，element-ui 即可满足

  1. // 引入 aixos
  2. npm i aixos vue-axios -s

在入口文件 main.js 里面加入

  1. import axios from 'axios'
  2. import VueAxios from 'vue-axios'
  3. Vue.use(VueAxios, axios);// 引入 elment-ui
  4. npm i element-ui -S

在入口文件 main.js 里面加入

  1. import ElementUI from 'element-ui';
  2. import 'element-ui/lib/theme-chalk/index.css';
  3. Vue.use(ElementUI);

6.2 使用 NodeJs 建立本地服务器

使用 NodeJs 开发系统中间层接口，直接从 MySQL 获取数据并通过 express 制作数据获取接口

  1. // 在项目的根目录中"use strict";/* 引入express框架 */const express =require('express');const app =express();/* 引入cors */const cors =require('cors');
  2. app.use(cors());/* 引入body-parser */const bodyParser =require('body-parser');
  3. app.use(bodyParser.json());
  4. app.use(bodyParser.urlencoded({ extended: false }));/* 引入mysql */const mysql =require('mysql');const conn = mysql.createConnection({
  5. host     :'47.101.130.10',
  6. user     :'root',
  7. password :'1998WEI.',
  8. database :'library',
  9. multipleStatements: true
  10. })
  11. conn.connect();/* 监听端口 */
  12. app.listen(4444,()=>{
  13.     console.log('——————————服务已启动——————————');})
  14. app.get('/',(req, res)=>{
  15.     res.send('<p style="color:red">服务已启动</p>');})

6.3 图书管理-页面

6.3.1 功能介绍

1）导航：/book

2）显示功能：展示图书信息

3）编辑功能：进入图书编辑界面，可对图书进行修改、删除、入库，操作成功/失败会有相应提示。

注 1：修改、入库后需要点击完成，才能算操作完成

注 2：编辑在库数，已限制只能键入数字

注 3：记录均不可为空，完成提交时会检查，如为空，会提示，且无法提交

6.3.2 接口设计

  1. // 书本列表
  2. app.get('/api/getBooks',(req, res)=>{const sqlStr ='SELECT * FROM book'
  3.     conn.query(sqlStr,(error, results)=>{if(error)return res.json({ code:-1, message: error})
  4.                               res.json({ code:10000, data: results})})})// 更新书本列表
  5. app.post('/api/updateBook',(req,res)=>{
  6.     let str =''for(var key in req.body){
  7.         str += key +' = "'+ req.body[key]+'",'}
  8.     str = str.substr(0, str.length-1);const sqlStr ='UPDATE book SET '+ str +' WHERE id = '+ req.body.id
  9.     conn.query(sqlStr,(err,results)=>{if(err)return res.json({ code:-1, message: err })
  10.                            res.json({ code:10000, data: results })})})// 添加书本
  11. app.post('/api/addBook',(req,res)=>{
  12.     let str1 ='', str2 =''for(var key in req.body){
  13.         str1 += key +','
  14.                 str2 += req.body[key]+','}
  15.     str1 = str1.substr(0, str1.length-1);
  16.     str2 ='"'+ str2.substr(0, str2.length-2);const sqlStr ='INSERT INTO book ('+ str1 +')'+' VALUES ('+ str2 +')'
  17.     conn.query(sqlStr,(err,results)=>{if(err)return res.json({ code:-1, message: err })
  18.                            res.json({ code:10000, data: results })})})// 删除书本
  19. app.post('/api/delectBook',(req,res)=>{const sqlStr ='DELETE FROM book WHERE id = '+ req.body.id
  20.     conn.query(sqlStr,(err,results)=>{if(err)return res.json({ code:-1, message: err })
  21.                            res.json({ code:10000, data: results })})})

6.4 读者管理-页面

6.4.1 功能介绍

1）导航：/user

2）显示功能：展示读者信息

3）编辑功能：进入读者编辑界面，可对读者进行修改、删除、新增，操作成功/失败会有相应提示。

注 1：修改、新增后需要点击完成，才能算操作完成

注 2：编辑班级，已限制只能键入数字

注 3：记录均不可为空，完成提交时会检查，如为空，会提示，且无法提交

6.4.2 接口设计

  1. // 显示用户列表
  2. app.get('/api/getUsers',(req, res)=>{const sqlStr ='SELECT * FROM reader'
  3.     conn.query(sqlStr,(error, results)=>{if(error)return res.json({ code:-1, message: error})
  4.                               res.json({ code:10000, data: results})})})// 更新用户列表
  5. app.post('/api/updateUser',(req,res)=>{
  6.     let str =''for(var key in req.body){
  7.         str += key +' = "'+ req.body[key]+'",'}
  8.     str = str.substr(0, str.length-1);const sqlStr ='UPDATE reader SET '+ str +' WHERE id = '+ req.body.id
  9.     conn.query(sqlStr,(err,results)=>{if(err)return res.json({ code:-1, message: err })
  10.                            res.json({ code:10000, data: results })})})// 添加用户
  11. app.post('/api/addUser',(req,res)=>{
  12.     let str1 ='', str2 =''for(var key in req.body){
  13.         str1 += key +','
  14.                 str2 += req.body[key]+'","'}
  15.     str1 = str1.substr(0, str1.length-1);
  16.     str2 ='"'+ str2.substr(0, str2.length-2);const sqlStr ='INSERT INTO reader ('+ str1 +')'+' VALUES ('+ str2 +')'
  17.     conn.query(sqlStr,(err,results)=>{if(err)return res.json({ code:-1, message: err })
  18.                            res.json({ code:10000, data: results })})})// 删除用户
  19. app.post('/api/delectUser',(req,res)=>{const sqlStr ='DELETE FROM reader WHERE id = '+ req.body.id
  20.     conn.query(sqlStr,(err,results)=>{if(err)return res.json({ code:-1, message: err })
  21.                            res.json({ code:10000, data: results })})})

6.5 管理员管理-页面

6.5.1 功能介绍

1）导航：/admin

2）显示功能：展示管理员信息

3）编辑功能：进入管理员编辑界面，可对管理员进行修改、删除、新增，操作成功/失败会有相应提示。

注 1：修改、新增后需要点击完成，才能算操作完成

注 2：记录均不可为空，完成提交时会检查，如为空，会提示，且无法提交

6.5.2 接口设计

  1. // 显示管理员列表
  2. app.get('/api/getAdmin',(req, res)=>{const sqlStr ='SELECT * FROM administrators'
  3.     conn.query(sqlStr,(error, results)=>{if(error)return res.json({ code:-1, message: error})
  4.                               res.json({ code:10000, data: results})})})// 更新管理员列表
  5. app.post('/api/updateAdmin',(req,res)=>{
  6.     let str =''for(var key in req.body){
  7.         str += key +' = "'+ req.body[key]+'",'}
  8.     str = str.substr(0, str.length-1);const sqlStr ='UPDATE administrators SET '+ str +' WHERE id = '+ req.body.id
  9.     conn.query(sqlStr,(err,results)=>{if(err)return res.json({ code:-1, message: err })
  10.                            res.json({ code:10000, data: results })})})// 添加管理员
  11. app.post('/api/addAdmin',(req,res)=>{
  12.     let str1 ='', str2 =''for(var key in req.body){
  13.         str1 += key +','
  14.                 str2 += req.body[key]+'","'}
  15.     str1 = str1.substr(0, str1.length-1);
  16.     str2 ='"'+ str2.substr(0, str2.length-2);const sqlStr ='INSERT INTO administrators ('+ str1 +')'+' VALUES ('+ str2 +')'
  17.     conn.query(sqlStr,(err,results)=>{if(err)return res.json({ code:-1, message: err })
  18.                            res.json({ code:10000, data: results })})})// 删除管理员
  19. app.post('/api/delectAdmin',(req,res)=>{const sqlStr ='DELETE FROM administrators WHERE id = '+ req.body.id
  20.     conn.query(sqlStr,(err,results)=>{if(err)return res.json({ code:-1, message: err })
  21.                            res.json({ code:10000, data: results })})})

6.6 借还管理-页面

6.6.1 功能介绍

1）导航：/borrow

2）显示功能：展示借还信息

3）借书功能：新增借书记录，点击确认即完成操作；可按删除，取消操作

注 1：记录均不可为空，完成提交时会检查，如为空，会提示，且无法提交

注 2：读者名，书名采取下拉框的形式，选择完毕，唯一标识符借书证号、编号会自动填上

注 3：每次只能进行一次借书操作，请完成新增操作再进行下面的操作

注 4：每次借书，图书中的在库数会减少，为 0 的，无法借阅

4）还书功能：进行还书；如超过预计归还日期，产生罚单，需要到 罚单管理 进行缴费，才能进行归还

注：还书后，相应图书的在库数会增加

6.6.2 接口设计

  1. // 显示借书列表
  2. app.get('/api/getBorrow',(req, res)=>{const sqlStr ='SELECT * FROM reader_borrow'
  3.     conn.query(sqlStr,(error, results)=>{if(error)return res.json({ code:-1, message: error})
  4.                               res.json({ code:10000, data: results})})})// 获取 借书证号 列表
  5. app.get('/api/getUserId',(req, res)=>{const sqlStr ='SELECT id,name FROM reader'
  6.     conn.query(sqlStr,(error, results)=>{if(error)return res.json({ code:-1, message: error})
  7.                               res.json({ code:10000, data: results})})})// 获取 编号 列表
  8. app.get('/api/getBookId',(req, res)=>{const sqlStr ='SELECT id,name FROM book'
  9.     conn.query(sqlStr,(error, results)=>{if(error)return res.json({ code:-1, message: error})
  10.                               res.json({ code:10000, data: results})})})// 借书
  11. app.post('/api/borrowBook',(req,res)=>{const sqlStr ='call proc_borrow("'+ req.body.reader_id +'","'+ req.body.book_id +'","'+ req.body.borrow_date +'","'+ req.body.expect_return_date +'")'
  12.     conn.query(sqlStr,(err,results)=>{if(err)return res.json({ code:-1, message: err })
  13.                            res.json({ code:10000, data: results })})})// 还书
  14. app.post('/api/returnBook',(req,res)=>{const sqlStr ='call proc_return("'+ req.body.readerId +'","'+ req.body.bookId +'","'+ req.body.curDate +'")'
  15.     conn.query(sqlStr,(err,results)=>{if(err)return res.json({ code:-1, message: err })
  16.                            res.json({ code:10000, data: results })})})

6.7 罚单管理-页面

6.7.1 功能介绍

1）导航：/ticket

2）显示功能：展示罚单信息，依据 是否欠费 进行排序，欠费记录为 1，已缴费记录为 0；可对已缴费的记录进行删除

注：系统每天会对借还列表进行查看，超过逾期，产生罚单

3）缴费功能：对欠费的记录进行缴费，之后可以归还书籍

6.7.2 接口设计

  1. // 显示欠费列表
  2. app.get('/api/getTicket',(req, res)=>{const sqlStr ='SELECT * FROM reader_ticket'
  3.     conn.query(sqlStr,(error, results)=>{if(error)return res.json({ code:-1, message: error})
  4.                               res.json({ code:10000, data: results})})})// 缴费
  5. app.post('/api/payTicket',(req,res)=>{const sqlStr ='call proc_payoff("'+ req.body.readerId +'","'+ req.body.bookId +'")'
  6.     conn.query(sqlStr,(err,results)=>{if(err)return res.json({ code:-1, message: err })
  7.                            res.json({ code:10000, data: results })})})// 删除已缴的欠费单
  8. app.post('/api/delectTicket',(req,res)=>{const sqlStr ='DELETE FROM ticket WHERE readerId = '+ req.body.readerId +' AND bookId = '+ req.body.bookId
  9.     conn.query(sqlStr,(err,results)=>{if(err)return res.json({ code:-1, message: err })
  10.                            res.json({ code:10000, data: results })})})

6.8 还书信息-页面

6.8.1 功能介绍

1）导航：/return

2）显示功能：展示还书信息

6.8.2 接口设计

  1. // 显示还书列表
  2. app.get('/api/getReturn',(req, res)=>{const sqlStr ='SELECT * FROM reader_borrow_return'
  3.     conn.query(sqlStr,(error, results)=>{if(error)return res.json({ code:-1, message: error})
  4.                               res.json({ code:10000, data: results})})})
标签： 前端 node.js vue.js
本文转载自: https://blog.csdn.net/s1t16/article/details/143445571
版权归原作者 神仙别闹 所有， 如有侵权，请联系我们删除。
登录后发布评论

“基于Node.js+Vue+MySQL实现的（Web）图书管理系统”的评论:

还没有评论
关于作者
...
overfit同步小助手
文章同步
相关阅读

网络安全法-网络运行安全

使用selenium/drissionpage时如何阻止chrome自动跳转http到https

docker desktop 里部署的Open WebUI 管理员密码忘记了的处理方法

在ubuntu20.04中搭建onsite比赛运行环境

利用开源的低代码表单设计器FcDesigner高效管理和渲染复杂表单结构

Kafka学习笔记

【前端】浏览器输入url到页面呈现发生了什么？