基于FlexiGrid+Ajax的图书信息管理系统课程设计.doc

基于FlexiGrid+Ajax的图书信息管理系统 目录 一．设计项目简介及其希望达到的目标 1 项目简介 1 希望目标 1 二．模块组成及其说明 1 ? 登录模块 1 ? 图书信息查看模块 1 ? 图书信息添加模块 1 ? 图书信息修改模块 1 ? 图书信息删除模块 1 ? 图书存入模块 1 ? 图书借出模块 2 ? 日志记录模块 2 ? 日志查看模块 2 三．模块文件之间的联系 2 四．系统配置和运行的说明 3 系统开发环境 3 配置和运行 3 五．系统运行截图 3 六．系统设计的小结 8 参考资料 9 基于FlexiGrid+Ajax的图书信息管理系统 一．设计项目简介及其希望达到的目标 项目简介 一本图书资料包括：标题，作者，出版社，ISBN号，内容简介，所属类别，出版年月，库存量等信息。该设计就是一个简单的图书信息管理系统。 其中运用了JQuery框架、FlexiGrid组件、JSP技术、JavaBean技术、Servlet技术以及JDBC，页面简洁，代码量少。 希望目标 1.实现图书资料的新增，修改，删除。 2.显示图书资料的所有信息，并提供新增，修改，删除功能的同时提供存入、借出两个功能。 3.实现用户登陆，并简单的分配用户权限(admin-超级用户进入时，可以新增、修改、删除、存入和借出,实现资料维护；其他用户进入时只能存入和借出)。 4.要求将用户登陆信息以及操作内容写入日志保存，并且检测用户的操作系统和浏览器。 5.实现日志的查看。 二．模块组成及其说明 主要的模块：登录模块、图书信息查看模块、图书信息添加模块、图书信息修改模块、图书信息删除模块、图书存入模块、图书借出模块、日志记录模块、日志查看模块。 登录模块 用户只有登录后才可以进入系统，该模块主要用于身份验证，用户需要输入验证码，并通过Ajax进行验证。【JavaBean+Servlet+Ajax】 图书信息查看模块 显示所有的图书信息，并实现了分页（应用了FlexiGrid组建），实现了表格的数据Ajax异步加载，实现了客户端排序。此外，对不同的用户（Admin和其他用户）实现了权限的限制，Admin用户可以添加、修改、删除、存入和借出图书，其他用户只能存入和借出图书。【JSP+JDBC+Ajax+FlexiGrid】 图书信息添加模块 添加新的图书信息，具有用户输入数据合法性检测，其中日期输入采用了My97DatePicker日期输入组件（普通用户无此权限）。【JSP+Ajax+JDBC】 图书信息修改模块 修改图书信息（普通用户无此权限）。【JSP+Ajax+JDBC】 图书信息删除模块 删除图书信息，可以批量删除，删除前先选择要删除的图书（普通用户无此权限）。【JSP+Ajax+JDBC】 图书存入模块 增加图书的库存量，即存入（所有登录用户均具有此权限）。【JSP+Ajax+JDBC】 图书借出模块 减少图书的库存量，即借出（所有登录用户均具有此权限）。【JSP+Ajax+JDBC】 日志记录模块 自动将用户的登录信息（用户名，IP，操作系统，浏览器，时间，登录转台）和操作信息（用户名，IP，操作系统，浏览器，时间，操作名称）写入日志。【JSP+Ajax+JDBC】 日志查看模块 显示所有的日志信息，Ajax异步加载数据，实现分页，实现客户端排序。其中的信息包括用户的账号、登录IP、登录的操作系统、浏览器时间以及登录信息或者操作名称【JSP+Ajax+JDBC】 三．模块文件之间的联系 说明:GetCode.class和Login.class为Servlet；MD5.class和Tools.class为JavaBean。GetCode.class用于产生图片验证码，Login.class用户处理用户登录；MD5.class用于对密码加密，Tools.class用于处理用户输入的用户名和密码，防止SQL注入绕过登录（比如用户输入用户名：’ or ‘1’=’1密码：’ or ‘1’=’1，如果不经过处理用户可以绕过登录验证）。 四．系统配置和运行的说明 系统开发环境 Windows 7 + MyEclipse 8.6 + Tomcat 6.0 配置和运行 将JSPBook直接放到Tomcat 6.0的webapps目录下，启动Tomcat服务器，在浏览器中输入网址http://localhost:端口号/JSPBook即可进入登录系统页面。 五．系统运行截图 图1 系统登录界面 图2 用户名为空提示 图3 用户名检测 图4 验证码验证 图5 用户名密码验证 图6 Admin登录后的主界面 图7 普通用户登录后的主界面 图8 添加图书信息 图9 日期输入控件 图10 用户输入检测 图11 图书信息修改 图12 存入 图13 借出 图14 删除