基于Bootstrap的图书后台管理系统：增+删+改+上下翻页功能

目录

新增图书功能

1.效果界面

2.关键功能描述

3.代码截图

删除图书功能

1.效果界面

2.关键功能描述

3.代码截图

修改图书功能

1.效果界面

2.关键功能描述

2.代码截图

上下翻页功能

1.效果界面

2.关键功能描述

3.代码截图

---

新增图书功能

1.效果界面

1. 2.关键功能描述

第一步，获取新增按钮的类名addBtn,设置click点击事件来显示新增模态框，使用click点击事件后点击保存按钮，使用val() 方法返回被选元素的数据来获取标题，书名，作者等信息内容。第二步，使用if语句进行条件判断，如果stataType等于0是异常，否则是正常，构建请求对象add,请求的url是http://124.222.51.16:8084/charpterInfo/add，请求的类型为post请求，发送请求的数据类型为 JSON，接收响应的数据类型为 JSON，请求成功了获取数据，新增的模态框隐藏，新增成功的模态框显示，倒计时1秒后提示框消失。第三步，调用ajax请求。

1. 3.代码截图

Html

Js

删除图书功能

1. 1.效果界面