javaweb简单的图书管理系统

实验报告实验课程：Web应用开发学生姓名：学号：专业班级：2018年6月18日

南昌大学实验报告学生姓名：学号：专业班级：实验类型：□验证■综合□设计□创新实验日期：实验成绩：一、实验项目名称《Web应用开发》综合训练二、实验目的和要求使用Java+JSP+Servlet技术，选用EL、JSTL、Struts、Hibernate、myBatis、jQuery等技术，开发一个基本Web的应用程序，以达到掌握Web应用开发的基本原理、具备使用Java+JSP+Servlet技术结合流行框架技术开发Web应用程序的能力，从而提升学生的Web编程能力。要求学生自选题目，开发一个模拟的Web应用程序。可以一人一题，也可以多人一题。但是每人必须单独完成动态Web页面10页以上。要求学生根据需求描述独自完成需求分析，软件设计、程序模块设计以及程序的编写、调试和测试。设计和程序完成后，要求根据指定的格式要求，独自完成设计报告的撰写。三、实验基本情况本实训要求根据下述需求陈述写出需求分析文本并进行软件开发，并列出源代码和运行结果。四、需求分析项目介绍这是一个简单的图书管理系统，由一个管理员来实现对用户的删除，图书的增加，修改和图书的删除功能，用户注册登录后可以实现对图书的借阅和归还。由于时间关系在设计项目时有很多不好的地方，未来得及修改，在管理员登录界面采用了图形验证码，由于是同样的技术，在用户登录界面就没有采用图形验证技术。功能需求用户注册图书添加图书修改用户管理图书借阅归还图书五、软件设计ER图程序流程数据库设计模块设计及运行结果项目整体采用MVC模式，整体上运用jsp+javabean+servlet+jdbc+dao，每个jsp页面采用jQuery技术作为背景，实现简单的动态背景，部分页面运用EL、JSTL、js中的点击事件、Bootsrap、图形验证码、分页技术以及邮箱页面。六、源代码1.用户类packagevo;publicclassUser{privateStringname,pwd;publicStringgetName(){ returnname;}publicvoidsetName(Stringname){ =name;}publicStringgetPwd(){ returnpwd;}publicvoidsetPwd(Stringpwd){ =pwd;}}2.图书类packagevo;publicclassbookinfo{ privateStringbno,bname,author,price,other; publicStringgetBno(){ returnbno; } publicvoidsetBno(Stringbno){ =bno; } publicStringgetBname(){ returnbname; } publicvoidsetBname(Stringbname){ =bname; } publicStringgetAuthor(){ returnauthor; } publicvoidsetAuthor(Stringauthor){ =author; } publicStringgetPrice(){ returnprice; } publicvoidsetPrice(Stringprice){ =price; } publicStringgetOther(){ returnother; } publicvoidsetOther(Stringother){ =other; }}3.借书信息类packagevo;publicclasslendbook{ privateStringusername,bno,bname,author,price,other; publicStringgetUsername(){ returnusername; } publicvoidsetUsername(Stringusername){ =username; } publicStringgetBno(){ returnbno; } publicvoidsetBno(Stringbno){ =bno; } publicStringgetBname(){ returnbname; } publicvoidsetBname(Stringbname){ =bname; } publicStringgetAuthor(){ returnauthor; } publicvoidsetAuthor(Stringauthor){ =author; } publicStringgetPrice(){ returnprice; } publicvoidsetPrice(Stringprice){ =price; } publicStringgetOther(){ returnother; } publicvoidsetOther(Stringother){ =other; }}4.用户功能packagedao;import.*;import;import;import;import;publicclassUserDao{ publicvoidadd(Useruser)throwsException{取表格值代码：functiongetTableContent(node){varvarname=[0].innerText;"<%=path%>/delete_username="+name;alert(name);}背景jQuery代码由于代码过长，不展示；七、运行结果1.管理员登录页面：管理员登录界面采用简单的CSS、jQuery、以及图形验证码，当图形验证码输入不正确以及账号密码输入不正确会出现相相应提示，同时点击相信的输入框，提示输入对应类型的背景字体会消失，当鼠标点击其他地方时会相应出现，采用的是placeholder属性，我们平时单纯的html的输入框以及提交的按钮，让人感觉不是很舒适，采用简单的CSS将他们的边框去除，然后加上相应的边框。2.登录主界面：导航栏感谢bootstrap开源，运用了始终悬浮在顶部的导航栏，奈何页面长度有限不能向下滚动，无法看出这一功能，页面内容由于思维过于局限，暂时没有想出用什么内容来填充，只想到类似于积分的东西，这一内容在以后会作出改进，目前只有一个大概的模板，同时在改变页面的分辨率时导航栏中的功能选项会变成一个按钮，用一个<nva>便签来装载，本页也有一个亮点便是响应式，在改变分辨率时板块并不会发生错乱的现象，运用栅格系统思想，在第二张图张可以看到效果，由于调各种分辨率国语繁琐，所以这一技术只在两个页面运用到，以后有时间会加以改善。3.管理用户页面：点击管理用户的小便签会出现用户的列表，点击删除用户可以将用户从数据库中删除，同时页面中的几个小符号也是运用bootstrap中的组件，给人以更直观清楚的描述功能，在本页面我并没有采用分页技术，但是在后面几个页面中有采用分页技术，在做页面的时候并没有考虑到有很多的用户，只是用几个来验证，所以就没有用分页技术，在这个点击就删除的技术上一开始遇到了难题，并不知道怎么样去些控制的后台，后来在页面中运用了js的技术，可以利用表格的结点来获取每个表格单元格的内容，再将按键设置为this，点击便是获取当前行的值，并传到servlet中调用dao中删除用户的函数，便实现了。同时利用js的鼠标事件，鼠标移动到当前行时会改变颜色。4.添加图书页面：添加图书的页面并没有多么的新奇，同样还导航栏加动态背景，同样输入框也运用了placeholder属性，点击出现相应的字体和消失，将输入框中的字符串传到servlet并调用DAO中的插入图书方法；5.展示所有图书页面：在本页面运用到了分页技术，同样单击删除图书可以得到表格内容，通过js传到servlet中再调用删除用户的功能，就实现了删除用户，同时在列出图书时用到了EL和JSTL标签来循环输出；还有一个问题就是我并没有考虑到大量图书的问题，没有用用单独的页面去实现查找功能，但是相对很简单，所以并没有写。修改图书页面：本页面和添加图书页面几乎相同，只有调用的方法不同，调用的是更新的方法用户注册及登录：登录和注册页面大体相同，也只有调用的方法不一样用户登录页面：在此页面运用了一个session将用户名存进去，进入登录页面，会出现欢迎提示，同时也是响应式的栅格系统，由于没有完善积分系统，所以就是一些空白的框架。借书页面：在借书页面先用EL和JSTL标签输出可借的图书，其实在图书号前一栏还隐藏了一个用户名，点击借阅图书可以获取用户名和图书号，将值传到servlet调用插入的方法，将用户名和图书号作为主键，来区分不同的用户所借的图书，同时也运用了bootstrap中的组件来使得功能键更加明显。还书页面：由于没有点击很多本书，所以只出现了一本，原理在上个功能页面说了，与之类似，采用EL和JSTL标签循环输出，获取用户名和图书号来归还图书。联系和建议页面