毕业设计（论文）-二手书交易系统的设计与实现.docx

二手书交易系统的设计与实现 目 录1. 引言12. 系统分析12.1需求分析12.2性能需求分析22.3功能分析22.4可行性分析33. 系统设计33.1总体结构设计33.2数据库设计43.3详细设计84. 系统实现104.1系统主页的实现104.2登录注册界面实现114.3图书浏览界面的实现134.4书籍购买模块实现144.5公告通知浏览界面实现164.6图书管理模块实现174.7订单模块实现194.8系统管理模块实现225. 系统测试225.1测试目的225.2测试方法说明235.3测试用例设计235.4系统测试235.5测试结果分析246. 结束语24参考文献24二手书交易系统的设计与实现 以山西大学商务学院为例摘要：伴随网络科技的急速成长，网上交易已经相当普遍，二手书的交易是每年毕业季，开学季广大学生都会参与的，方便同学购买新书，同时又能节约资源，实现重复利用。为了解决传统二手书交易系统的缺陷，同时为广大学生提供方便快捷的二手书交易平台，系统开发设计完成一个基于山西大学商务学院的校内二手书交易系统。系统采用HTML、CSS、JavaScript、Jquery、AngularJS等技术，实现用户注册登录，上传图书信息进行销售，购买图书，以及管理员对图书信息，用户信息管理等功能。系统实现资源的重复利用，减少浪费，为创建资源节约型社会贡献力量，并且提高了校内电商的良性发展。 关键词：二手书 交易 系统全套设计加扣 30122505821. 引言随着网络科技的不断发展，线下的很多交易都已扩张到线上，且还有继续发展的势头。据分析调查发现，现在网上已经注册的书店已达到上百之多，且拥有自己专属网站的位居一半以上，但投入运营且持续经营的却寥寥无几。据分析，现在能够在网上买到书且后续能提供服务的也只有当当，淘宝等一些大型网站。据数据记载，最原始的网上交易平台成立于1998年，叫上海图书城，但运营一段时间之后，成绩很差劲，如今整书城的年业务额也是非常差的，让领导们非常着急。离我们生活比较接近的校园里，二手书的交易是每年毕业季，开学季广大学生都会参与的，方便同学购买新书，同时又能节约资源，实现重复利用。但传统的二手书交易市场有很多缺陷，受时间、地点限制比较大，耗费人力、物力较多，而仍有很大一部分学生毕业会不知如何处理书本，大多会将教材当废品出卖，价格廉价，主体要是知识的浪费，为了解决传统校内二手书交易流程的缺陷，同时为广大学生提供高效快捷的二手书交易平台，本次开发设计了一个基于山西大学商务学院的校内二手书交易系统。本系统将采用HTML、CSS、JavaScript、Jquery、AngularJS等技术，实现用户注册登录，上传图书信息进行销售，购买图书，以及管理员对图书信息，用户信息管理等功能。从而更方便广大学生进行网上二手书的交易，实现买卖双方直接购买，没有中间差价，提供了一个平等互惠的平台，增强了在校生的直接购买力，实现资源的重复利用，减少浪费，为创建资源节约型社会贡献力量，并且提高了校内电商的良性发展，相比传统二手交易市场，更加方便快捷，信息的实时性，时效性更强，具有极高的成长空间。2. 系统分析 2.1需求分析软件的生命周期包括：系统的需求分析、系统设计、编码设计、系统测试以及系统的运行和维护。依此排序，占据位置相对重要的是系统的需求分析，它排在第一，如果需求分析没有做好，那么后继的设计、编码等都会受到影响。怎么做需求分析呢？首先调查市场，和用户进行沟通，了解他到底想到实现哪些功能，了解客户的需求，然后再通过对这个行业的业务及流程进行分析，总结出开发这个系统最基本应该具备的功能，后期根据需要对新功能进行增加，修改和创新。下面按照我所设计的校内二手书交易系统，做了以下几个分析工作：（1）市场调查分析：据调查分析，在校学生处理旧书以及购买二手书的方式大概分如下几种方式，对于旧书的处理大部分学生最后将书当废品卖掉，这种处理方式更多是知识，资源的浪费；相对较好的会把书送给学弟学妹去使用，同一系别专业不同的班级因很多专业书籍学习时间不同，他们更多会互相交换书籍使用，这两种方式能很好实现资源的重复利用，但也仅限少部分人；再或者将书卖给收购二手书的人，但知道渠道的学生却为极少数。对于新学期书籍的购买，除以上交换书籍和借用高年级学生的书籍外，很大一部分学生会在淘宝上购买二手书，淘宝虽方便，但时效性差，还需要花费一定的邮费；有些学校有二手书店，但目前商院没有；或者由学校统一选购新书，选取这种方式的人只有两个优点，方便，能拿到新书，但消耗的人力物力财力都很多。综上分析，此系统能解决目前校内二手书处理方式的一些弊端，高效快捷，以最快的速度获取想要的书籍，实时性，时效性都很强，没有中间差价，卖书的同时也能买书，提供一个平等互惠的平台，实现知识的重复利用（2）网站的基础功能：既然是基础功能，那整个二手书交易系统最基本的肯定要满足业务流程、书籍展示、书籍交易等。（3）数据流程的分析：在程序的开发进程中，数据流、数据字典和数据结构等均会涉及分析。 （4）系统功能分析：书籍的查询、筛选和展示，以及上传图书信息，进行销售，购买，批量处理等。（5）校园网站应用可行性分析：主要包括技术可行性，经济可行性以及使用技术的可行性等。2.2性能需求分析可靠性和稳定性要求：要求系统操作简单、界面简洁美观、服务器稳定、有一定的安全性，数据库容量充足。系统运行软硬件要求：处理器：CPU AMD A8、内存：8G、Web服务器：TOMCAT、操作系统：Windows 10/Windows 8、浏览器：IE8.0/ Firefox/chrome、编程语言：JSP、数据库管理系统：MYSQL。2.3功能分析系统的功能是整个系统的最核心部分，所以这一部分要定要经过实际考察，设计出的功能要与实际相结合，能适用，真正能为大家提供使得。所以本系统功能模块的设计，主要包含用户个人信息模块设计，用户书籍销售模块设计，用户书籍购买模块设计，查询筛选模块设计和管理员模块设计，具体如下：（1）用户个人信息模块：这一模块主要包括用户的注册登录，对表单的验证，新用户需要先注册成为会员才能登录系统；用户还可以对个人信息进行修改，删除、保存等功能，其中能编辑的信息包括用户名，登录密码，地址，联系电话等等；（2）用户书籍销售模块：这一个模块是针对广大用户对书籍的陈列，用户对于想要销售的书籍进行信息录入，包括书籍名称、作者、价格、图片和简介等，并对其进行查看，修改，删除等功能，另一方面还能确认买家订单，取得买家联系方式，进行交易，查看交易记录等功能； （3）用户书籍购买模块：这一模块主要是针对用户的购买模块，用户想要购买书籍，就可以在系统里对书籍进行筛选、查询、查看。其中筛选可以根据书名、作者进行不同类别的筛选。当有合意的图书时，就可以把图书添加至购物车。所以用户在购物车里还可以添加书籍，删除书籍，对于书籍订单可以生成订单，查看订单信息，对于购买阶段，取得卖家联系方式，进行交易，取消交易，查看交易记录等功能；（4）查询筛选模块：对于所有注册和未注册用户均可对书籍进行查询，这里是非常人性化的，未注册的用户虽然不能购买书籍但是可以查询浏览。（5）管理员模块：只有系统管理人员才能操作此模块，其中包括对用户和书籍的管理两大块。对学生用户的管理，管理员对学生上传的个人基本信息进行核查，于已注册学生可对其基本信息进行检察，修改，删减并及时对学生做出通知；书籍管理中对于卖家上传的书籍信息进行审核，对于虚假信息进行删除并通知用户进行修改，如不更改者，管理员可对其进行封号处理。2.4可行性分析（1）技术可行性所谓技术可行性，就是分析开发工作能否依靠此技术顺隧达成，以及软件系统与硬件系统可否相匹配，并满足开发的需求。MYSQL本次毕业设计所使用的数据库系统，JSP为前台开发语言，这两种都是现在非常流行的。JSP具有支持可视化开发工具环境、可管理性、缩放性和可用性扩展性及安全性，强大的数据库开发功能等优点。因此用这个技术来开发系统是非常使便利的。本次设计的二手书交易系统是基于校园网站的，它的运营范围只是针对校内，如果涉及到金钱交易还是需要线下操作，所以整个系统对软件和硬件的要求都不会太高。总而言之，满足技术上的可行性。（2）经济可行性由于本系统只是一个毕业设计系统，所以本系统在开发设计过程中投入的各项支出并不多，在开发阶段，只需要一台电脑就可以了，一系列的开发软件都可以在网上能够免费下载使用，并且在实际投入使用中能实实在在的降低管理者在人力、物力、财力等方面的支出，提高工作效率的同时节约成本。因此，从经济角度看，此方案是可行的。（3）操作可行性由于系统主要是解决校园二手书的问题，所以整个系统的对象比较单一，但同样的管理起来就比较轻松，对于管理员来说，涉及到的操作不会特别复杂，涉及到更多的应该是用户管理与书籍管理。且都是增删改查的操作。所以对管理员来说操作起来不成问题。对于前台用户来说，整个系统设计的风格是比较简单化的，让人一目了然，各若操作都会的提示，所以对前台用户来说，操作也非常方便，所以在操作可行性方面来说也是可行的。3. 系统设计3.1总体结构设计总体设计又称系统概要设计，系统总体解决方案上的设计，即关于系统全局问题的设计。系统将采用HTML、CSS、JavaScript、Jquery、AngularLS等技术，实现用户注册登录，管理员对图书信息，学生基本信息的管理以及学生上传书籍信息进行销售，购买书籍等功能。系统功能模块图如图1所示：图1 系统功能模块图3.2数据库设计3.2.1概念结构设计本系统涉及到的实体有：学生信息、书籍信息、购物车、书籍类型、书籍订单和公告信息等。1) 用户信息实体E-R图如图2所示：性别用户信息用户名密码姓名电话角色 ID 图 2 学生信息实体E-R图时间价格书名ID用户 地址 作者照片书籍信息浏览记录类型2) 书籍信息实体E-R图如图3所示：图3 书籍信息实体E-R图购物车用户商品 ID3) 购物车实体E-R图如图4所示： 图4 购物车实体E-R图书籍类型ID类型名称4) 书籍信息实体E-R图如图5所示： 图5 书籍信息实体E-R图5) 书籍订单实体E-R图如图6所示：用户ID购买时间图书订单信息图6 书籍订单实体E-R图公告信息标题内容时间阅读量简介 6) 公告信息实体E-R图如图7所示：图7 公告信息实体E-R图3.2.2逻辑结构设计用户的基本要求、建立E-R图模型、数据库模式设计组成数据库的逻辑设计。我们主要探究逻辑结构设计的第三块即把E-R图像转换为关系模型。下面把实体及实体间关系转换成为关系模型。实体转换出的关系模式：综上准则，把数据库的概念结构设计转换为如下的关系模式：用户信息(ID，用户名，密码，姓名，电话，性别，角色)；书籍信息(ID，名称、价格、时间、数量、类型、图片、作者、地址、用户、是否完成)；购物车(ID，用户、图书)；书籍类型(ID，类型名称)；订单信息(ID，用户、图书、价格、购买时间)；公告信息(标题、内容、时间、简介、阅读量)；3.2.3数据库的实现根据数据库的逻辑结构设计，得到数据库的详细设计。本系统使用的数据库管理系统为MySQL，数据库中共有书籍信息表、公告信息表、购物车表、书籍订单信息表、书籍类型表和学生信息表。1) 书籍信息表的详细信息如表1所示：表1 书籍信息表列名数据类型允许空说明idint(11)否IDgnamevarchar(8000)是名称pricedouble(11)是价格gtimevarchar(25)是时间gcontentvarchar(25)是内容介绍fktidint(11)是类型imgurlvarchar(25)是图片readcountint(11)是阅读量authorvarchar(25)是作者addressvarchar(25)是地址fkuidint(11)是用户isavailableint(11)是是否完成2) 公告信息表的详细信息如表2所示：表2 公告信息表列名数据类型允许空说明idint(11)否IDtitlevarchar(200)是标题contenttextl(11)是内容ntimevarchar(200)是时间ndescvarchar(200)是简介readcountint(11)是阅读量3) 购物车表的详细信息如表3所示：表3 购物车表列名数据类型允许空说明idint(11)否IDfkuidint(11)是用户名fkgidint(11)是商品4) 书籍订单信息表的详细信息如表4所示：表4 书籍订单信息表列名数据类型允许空说明idint(11)否IDfkuidint(11)是用户fkgidint(11)是图书IDpricetext(11)是价格buytimeVarchar(25)是购买时间5) 书籍类型表的详细信息如表5所示：表5 书籍类型表列名数据类型允许空说明idint(11)否IDtypenamevarchar(200)否类型名称6) 学生基本信息表的详细信息如表6所示：表6 学生基本信息表列名数据类型允许空说明idint(11)否IDusernamevarchar(11)否用户名passwordvarchar(11)否密码nicknamevarchar(100)否姓名phonevarchar(11)否电话sexvarchar(11)否性别statusint(11)否角色3.3详细设计3.3.1登录注册模块设计用户登录界面通过form表单进行提交，提交函数为ng-submit=”login()”，通过此方式调用angularjs中的login方法，login函数中通过angularjs的表单验证进行判断输入的用户名和登录密码是否为空，如果为空则会在输入框的后面以红色字体进行提示显示。学生登录注册流程图如图8所示：图8 学生登录注册流程图3.3.2我要卖书模块设计用户在上一个图书销售列表界面点击“我要卖书”或者点击网站菜单栏中的“我要卖书”按钮进入我要卖书界面。卖书界面需要用户填入书名、图书类型、作者、出版社、卖价、图片、图书简介信息等信息，如果用户不填的话则会由angularjs的表单验证功能提示用户填入信息。填完书籍信息后点击“我要卖书”按钮发布图书信息，发布后的图书的状态是处于核查中的，必须经过管理员核实后才会成功发布信息。书籍购买模块的流程图如图9所示：图9 书籍购买模块流程图3.3.3购物车模块设计用户进入系统后即可查看书籍信息，选购自身喜欢的书籍，当学生购买时会判断是否登陆，若未登陆则需登录，系统再次判断是否登陆，否则不能购买，若已登陆则可直接选购下单，流程图如图10所示：图10 购书流程图4. 系统实现4.1系统主页的实现任何用户打开网站均会进入此页面，即网站的首页，如图11所示：图11 系统首页界面本页面是该系统实现的第一个页面，用户打开网站会就会默认显示出该界面。界面背景采用的是桃花树横向大图，同时以绿色为基调形成导航栏、网站底部的颜色。网站顶部有我们的系统名称以及注册、登录按钮，标题下方则是我们的导航菜单栏，鼠标移动到导航栏某些菜单上的时候会自动下拉出子菜单。中间则是我们用户所发布的图书了，并且图书每一页显示10本书，可以通过网页两边的“”箭头图标进行翻页。页面最下方是我们的网站足部，足部用于显示地址、联系电话、版权等信息。整个网站的顶部和底部都是通过jsp的include包含进来的子页面，核心代码如下：4.2登录注册界面实现（1）在网站任何页面中点击网页头部的“登录”按钮后，网页会弹出学生登录界面。如图12所示。图12 用户登录界面用户登录界面通过form表单进行提交，提交函数为ng-submit=”login()”，通过此方式调用angularjs中的login方法，login函数中通过angularjs的表单验证进行判断输入的用户名和登录密码是否为空，如果为空则会在输入框的后面以红色字体进行提示显示。以下是表单验证的关键代码： × 商院二手书用户登录 用户名 请输入用户名 密码 请输入密码 登录 var contentApp = angular.module(myApp, );contentApp.controller(myContent, function($scope, $http) $scope.login = function() if ($scope.loginForm.$valid) document.getElementById(loginForm).action=login.do; document.getElementById(loginForm).submit(); else $scope.loginForm.username.$dirty = true; $scope.loginForm.password.$dirty = true; ;);（2）在网站任何页面中点击网页头部的“注册”按钮后，网页会弹出用户注册界面。如图13所示。图13 用户注册界面注册页其实和登录差不多，都是采用的angularjs的表单验证功能进行提示，系别则是通过angularjs的http.get方式获取数据库中的系别数据，然后通过select标签显示出来，系别显示核心代码如下： x.dname $http.get(angularDepartmentList.do).success(function(response) var obj = angular.fromJson(response.result);$scope.topDepartmentList = obj;);4.3图书浏览界面的实现 当用户选中某本书籍后可以点击书籍的图片或名称链接进入书籍详情界面进行浏览。图书详情浏览界面左边是图书的封面图片，右边则是书名、出版社、作者、售价、发布时间、联系方式等信息以及我要购买的按钮。最下方则是书籍的简介。如图14所示。图14 图书浏览界面4.4书籍购买模块实现（1）加入购物车用户没有登录的情况下也是可以浏览我们的图书信息的，但是一旦点击“我要购买”按钮则会被提示“对不起，请先登录”的提示框。当用户登录后点击“我要购买”按钮，如果用户以前没有把此本书加入购物车则会弹出提示框“加入购物车成功”，如果用户反复不停的操作，程序则会弹出提示框“已经在购物车了，请勿重复操作”。程序效果图如15所示。用户点击“我要购买”按钮的关键代码如下：$scope.buy = function(id) if (confirm(是否购买此书籍?) window.location.href=carAdd.do?fkgid=+id; ;图15 加入购物车（2）购物车学生在尚且登录的状况下通过点击菜单栏中的“购物车”按钮进入购物车界面。购物车界面通过angularjs的$http.get方法调用后台视频数据，然后利用angularjs的静态分页功能实现购物车图书列表的分页处理，其中分页的分页条采用的是bootstrap的css样式表。如图16所示。图16 购物车界面（3）购物下单在购物车界面，当用户点击“确认购买”后，系统会自动计算购物车中图书的数据信息，最后形成购物单，同时清空购物车，并且把这些购买的图书的状态都变为“已售”，只有状态是“出售中”的图书才能被购买成功。购物下单核心代码如下：Object object = getSessionValue(user);if (null!=object) User user = (User)object;Map map = new HashMap();map.put(fkuid, user.getId();/获取购物车中的图书信息List list = carBiz.selectCarList(map);double price = 0.0;if (null!=list&list.size()0) String nobook = ;for (int i = 0; i list.size(); i+) Map map2 = (Map)list.get(i);Goods goods = goodsBiz.selectGoodsKey(Integer.parseInt(map2.get(FKGID).toString();/判断图书状态是否是出售中if(goods.getIsavailable()=2);price = goods.getPrice();goods.setIsavailable(3);goodsBiz.updateGoods(goods);Order order = new Order();order.setFkuid(user.getId();order.setBuyTime(Time.getCurrentDate();order.setFkgid(Integer.parseInt(map2.get(FKGID).toString();order.setPrice(goods.getPrice();orderBiz.insertOrder(order);else nobook = nobook+map2.get(GNAME).toString()+,;if (!nobook.equals() setMsg(下单成功,rn这些图书已被人家购买了：+nobook.substring(0,nobook.length()-1);else setMsg(下单成功);setUrl(index.do);return SUCCESS;else setUrl(index.do);setMsg(对不起，购物车中没有图书!);return ERROR;else setUrl(index.do);setMsg(对不起，请先登录!);return ERROR;4.5公告通知浏览界面实现用户没有登录的情况下也是可以浏览我们的公告通知信息的，通过点击菜单栏中的“网站公告”按钮进入。网站公告界面通过angularjs的$http.get方法调用后台公告数据，然后利用angularjs的静态分页功能实现公告信息的分页处理，其中分页的分页条采用的是bootstrap的css样式表。当用户点击网站公告的标题就会通过href以及data-toggle=modal data-target=#contact这2个标签属性弹出具体的网站公告详细信息。弹出详细信息的窗口是通过angularjs的全局$scope对象来进行设置要显示的值。具体的信息会通过方式获取，只有包含html格式的数据我们会通过特殊的标签ng-bind-html=news_content|htmlContent来进行取得，其中htmlContent为我们自定义的一个用来展示html页面的function。程序效果图如图17所示。图17 公告通知展现学生点击公告通知弹出公告信息核心代码如下：$scope.view = function($index)$scope.news_title = $scope.data$index.TITLE;$scope.news_content = $scope.data$index.CONTENT;$scope.news_time = $scope.data$index.NTIME;4.6图书管理模块实现（1）图书销售列表用户登录后网站的导航菜单栏就会出现“个人中心”按钮，鼠标移动到个人中心按钮上会出现下拉菜单，点击下拉菜单中的图书销售按钮，进入当前用户的图书销售列表界面。该界面会展示当前学生在此网站所发布的二手书籍信息。程序效果图如图18所示。图18 图书销售列表实现（2）我要卖书用户在上一个图书销售列表界面点击“我要卖书”或者点击网站菜单栏中的“我要卖书”按钮进入我要卖书界面。卖书界面需要用户填入书名、图书类型、作者、出版社、卖价、图片、图书简介信息，如果用户不填的话则会由angularjs的表单验证功能提示用户填入信息。填完信息后点击“我要卖书”按钮发布图书，发布后的图书的状态是处于审核中的，需要经过管理员审核通过后才会出现在系统中。如图19所示：图19 我要卖书（3）图书审核当用户发布图书信息后，该图书的状态是未审核的，需要管理员在图书审核界面进行审核。管理员通过点击个人中心下拉菜单中的“图书审核”按钮进入审核界面，然后在审核界面选择需要审核的图书信息点击“审核”按钮进入图书具体的审核界面，如图20，22所示：图20 图书审核列表图21 图书审核界面在图书审核界面管理员可以点击“审核通过”或者“审核失败“按钮，审核通过后该图书就会显示在出售列表中，其核心代码如下：var contentApp = angular.module(myContentApp, );contentApp.controller(myContent, function($scope, $http) var id = document.getElementById(goodsId).value;$scope.goodsok = function() $http.get(angularBookShenhe.do?id=+id+&isavailable=2).success(function(response) var obj = angular.fromJson(response.result);if(obj.status=success)alert(操作成功);window.location.href=bookList2.jsp;elsealert(系统内部错误);); ; $scope.goodsno = function() $http.get(angularBookShenhe.do?id=+id+&isavailable=4).success(function(response) var obj = angular.fromJson(response.result);if(obj.status=success)alert(操作成功);window.location.href=bookList2.jsp;elsealert(系统内部错误);); ;);angular.bootstrap(document.getElementById(content_app), myContentApp);4.7订单模块实现（1）已购图书清单用户登录后在个人中心下拉菜单中点击“已购图书清单“按钮进入已购图书清单页面，该页面通过分条的显示已购买的书籍，显示书籍封面图片、书名、作者、出版社、书籍类型、卖家、卖家电话、购买时间以及价格。程序效果图如图22所示。图22 已购图书清单（2）图书销售清单用户登录后在个人中心下拉菜单中点击“销售清单“按钮进入图书销售页面，该页面通过分条的显示已销售的图书，显示书籍封面图片、书名、作者、出版社、书籍类型、买家、买家电话、购买时间以及价格。程序效果图如图23所示。图23 销售清单图书销售清单核心代码如下：var contentApp = angular.module(myContentApp, );contentApp.controller(myContent, function($scope, $http) $scope.loadType = function() $http.get(angularMyOrderList2.do).success(function (response) var obj = angular.fromJson(response.result);if(obj.status=error)alert(请先登录);window.location.href=index.do;/数据源$scope.data = obj;/分页总数$scope.pageSize = 5;$scope.pages = Math.ceil($scope.data.length / $scope.pageSize); /分页数$scope.newPages = $scope.pages 5 ? 5 : $scope.pages;$scope.pageList = ;$scope.selPage = 1;/设置表格数据源(分页)$scope.setData = function () $scope.items = $scope.data.slice($scope.pageSize * ($scope.selPage - 1), ($scope.selPage * $scope.pageSize);$scope.items = $scope.data.slice(0, $scope.pageSize);/分页要repeat的数组for (var i = 0; i $scope.newPages; i+) $scope.pageList.push(i + 1);/打印当前选中页索引$scope.selectPage = function (page) /不能小于1大于最大if (page $scope.pages) return;/最多显示分页数5if (page 2) var newpageList = ;for (var i = (page - 3) ; i $scope.pages ? $scope.pages : (page + 2) ; i+) newpageList.push(i + 1);$scope.pageList = newpageList;$scope.selPage = page;$scope.setData();$scope.isActivePage(page);console.log(选择的页： + page);/设置当前选中页样式$scope.isActivePage = function (page) return $scope.selPage = page;/上一页$scope.Previous = function () $scope.selectPage($scope.selPage - 1);/下一页$scope.Next = function () $scope.selectPage($scope.selPage + 1););$scope.loadType(););angular.bootstrap(document.getElementById(content_app), myContentApp);4.8系统管理模块实现系统管理主要是管理员才有的模块，该模块主要包含了用户管理、图书类别管理、学院管理3个功能，这些功能都是属于基础数据管理，就是一些增删改查功能。（1）审核员对学生的管理及其基本信息的处理如图24所示：图24 用户管理实现（2）审核员对图书类型的分类整理实现如图25所示：图25 图书类型管理实现（3）管理员对于学院的增删改等操作管理如图26所示：图26 学院管理实现5. 系统测试5.1测试目的每一个项目的最后都要经过反复无数次的测试才能放心的投入使用。通过测试我们可以了解到系统存在哪些不足，哪些功能还不能够实现，哪些性能还可以再优化。其实在程序开发的过程中，我们一般也是边写程序边测试的，每做完一个模块，就会刷新页面看是否能实现，这也叫测试。测试的目的就是为了更好的呈现系统，使系统达到我们的预期效果。5.2测试方法说明当然 ，测试的方法有很多种，在大学的课程中，我们听到的最多的就是白盒和黑盒测试，下面对这两种方法进行说明：对于软件测试而言，黑盒测试法把程序当作一个看不到的盒子，即黑盒子，完全不思量程序的内部构造和处理程序。也就是说，黑盒测试的测试地方在程序接口进行，它只查验程序的功能能否能正常进行，程序可否适当的接收传入的数据并产生切确的传出信息，程序运行过程中可否保持外部信息的完全性。黑盒测试又称为功能测试。白盒测试法和黑盒测试法不同，它的提要是可以把整体看成是在一个透明的白色盒子里，检测者完整的知道程序的构造和处理方式。即按照程序的内部逻辑对程序进行检测，测试程序中的主要执行通路能否依据预定要领准确的进行工作。白盒测试又称为结构测试。5.3测试用例设计本次介绍的用例是验证学生的用户名和密钥出错时，系统是否提醒并阻止登录。如果说登录功能都有问题的话，那后面的大块功能则无法正常使用，所以我们进行了这个测试用例的设计。测试表如表7所示。表7 用户名密钥出错的测试用例用例名称用户名密钥出错的测试用例用例标识YL-01用例说明验证用户名和密钥出错时，系统是否提醒并阻止登录操作过程序号写入及操作说明期望的测试成效实际测试结果备注1写入用户名admin可在文本框中显示写入内容可在文本框中显示写入内容2写入密码000可在文本框中显示写入内容可在文本框中显示写入内容3点击“登录”按钮登录失败，系统弹出“用户名或密码错误”的提醒框登录失败，系统弹出“用户名或密码错误”的提醒框前提和约束系统能正常打开并显示登录界面过程终止提要登录成功或者登录失败结果评价标准登录失败，并弹出信息提醒框检测人员吉娜检测日期2017年03月20日5.4系统测试5.4.1 功能测试（1）对用户登录模块的功能测试。学生首先进行登录，登录的时候都需要验证，有固定的用户名和密码，只有当用户名