JS 图书管理系统
信息学院 数字艺术系
2
注意事项
1.严格按照项目要求书写项目报告，条理清晰，表述准确；设计类项
目可适量插入图片、图表等来帮忙表述。
2.报告内容严禁抄袭，一经发现，则抄袭者与被抄袭者均以 0 分计。
3.有分组实施的项目，同组人员应作出相应分工，并各自形成不同报
告，严禁相同。
4.课程结束后对本报告进行规范整理，及时上交教师，并进行考核与
存档。
格式规范
1.正文：宋体，小四号，首行缩进 2 字符，1.5 倍行距，段前段后各
0 行；
2.图表：居中，图名用五号字，中文用宋体，英文用“Times New
Roman”，并位于图表下方，全文统一。
信息学院 数字艺术系
3
目 录
一．项目设计方案....................................................................................................................4
二．实施过程分析....................................................................................................................4
三．项目设计成果....................................................................................................................4
四．项目创新性........................................................................................................................4
五．改进及展望........................................................................................................................4
六．项目成员............................................................................................................................4
附录一........................................................................................................................................5
信息学院 数字艺术系
4
一．项目设计方案
本项目是用 html，css，js 语言编写的图书管理系统，用 jquery 进行页面的加工，
ajax 异步读取信息，json 数据存储相关信息。
1.项目界面设计
（1）注册界面：主要包含 3 个输入框，分别是用户名，密码和邮箱。下方一个
注册按钮和 css 制作的小球波浪动画。以贺卡的布局展现整个页面。
（2）登录界面：主要包含 2 个输入框，分别是用户名，密码。下方一个登录按
钮。以贺卡的布局展现整个页面。
（3）主界面：主要包含一个图书信息的表格，添加图书的输入框，搜索框，管
理系统的标题，页脚。背景图是一个图书馆的实景图。
2.项目交互设计
本应用涉及到的交互有：
（1）点击注册按钮，如果有输入框内容为空，弹出警告。点击确定重新注册，
注册成功后，跳转出注册成功的提示，提示后自动跳转到登录页面。
（2）点击登录按钮，如果如果有输入框内容为空，弹出警告。如果登录的用户
名或密码与 json 数据中存储的不一致，则弹出警告。点击确定重新登录。点击
登录按钮，用户名和密码与存储的一致则跳转出现登录成功，再自动跳转到主页
面。
（3）输入需要增加的图书信息，如果有输入框中内容为空，则出现警告。如果
书的数目为负，则出现警告。点击添加图书按钮，图书信息被增加到表格上。
（4）输入需要搜索的图书/作者/出版社信息，点击搜索按钮，弹出图书详细信息。
（5）点击图书列表中的删除按钮，删除单条信息。
3.项目功能设计
（1）注册
用户输入用户名，密码和邮箱进行注册，如果输入框内容为空则报出警告。
（2）登录
用户输入用户名，密码，与已存储的 json 数据进行验证，验证成功进入主界
面，不成功弹出警告。
（3）浏览图书
- 1
- 2
- 3
前往页