基于微信小程序校园生活小助手的设计与实现

第5章系统实现5.1服务器端实现5.1.1后台登陆可以通过使用JDBC来连接后台数据库并获取相应结果，从而实现后台服务器的功能。使用者可以通过输入用户名和密码并选择管理员身份来进入后台界面。可以发现后台服务器端包含了个人中心管理模块、用户管理模块、寻物启事管理模块、物品分类管理模块、失物招领管理模块、表白广场管理模块、吐槽大会管理模块、二手交易管理模块、交易类型管理模块、拼车出行管理模块、系统管理模块。后台登录页面如图5.1所示：图5.1后台登陆页面5.1.2失物招领管理此页面为服务器端管理员功能，可看到丢失物品的名称、分类、丢失地点以及联系人和联系方式，还可对其进行基本操作。失物招领界面如图5.2所示：图5.2失物招领管理信息页面增加拾得物品信息界面如图5.3所示：图5.3增加物品信息页面删除拾得物品信息界面如图5.4所示：图5.4删除物品信息页面修改拾得物品信息界面如图5.5所示：图5.5修改物品信息页面查找拾得物品信息界面如图5.6所示：图5.6查找物品信息页面关键代码：@RequestMapping("/save")publicRsave(@RequestBodyShiwuzhaolingEntityshiwuzhaoling,HttpServletRequestrequest){ shiwuzhaoling.setId(newDate().getTime()+newDouble(Math.floor(Math.random()*1000)).longValue()); //ValidatorUtils.validateEntity(shiwuzhaoling);shiwuzhaolingService.insert(shiwuzhaoling);returnR.ok();}@RequestMapping("/add")publicRadd(@RequestBodyShiwuzhaolingEntityshiwuzhaoling,HttpServletRequestrequest){ shiwuzhaoling.setId(newDate().getTime()+newDouble(Math.floor(Math.random()*1000)).longValue()); //ValidatorUtils.validateEntity(shiwuzhaoling);shiwuzhaolingService.insert(shiwuzhaoling);returnR.ok();}@RequestMapping("/update")publicRupdate(@RequestBodyShiwuzhaolingEntityshiwuzhaoling,HttpServletRequestrequest){//ValidatorUtils.validateEntity(shiwuzhaoling);shiwuzhaolingService.updateById(shiwuzhaoling);returnR.ok();}@RequestMapping("/delete")publicRdelete(@RequestBodyLong[]ids){shiwuzhaolingService.deleteBatchIds(Arrays.asList(ids));returnR.ok();}5.1.3用户管理此页面实现了用户信息的管理，界面如图5.7所示：图5.7用户管理信息页面关键代码：@RequestMapping("/save")publicRsave(@RequestBodyYonghuEntityyonghu,HttpServletRequestrequest){ yonghu.setId(newDate().getTime()+newDouble(Math.floor(Math.random()*1000)).longValue()); //ValidatorUtils.validateEntity(yonghu); YonghuEntityuser=yonghuService.selectOne(newEntityWrapper<YonghuEntity>().eq("zhanghao",yonghu.getZhanghao())); if(user!=null){ returnR.error("错误?); } yonghu.setId(newDate().getTime());yonghuService.insert(yonghu);returnR.ok();}@RequestMapping("/add")publicRadd(@RequestBodyYonghuEntityyonghu,HttpServletRequestrequest){ yonghu.setId(newDate().getTime()+newDouble(Math.floor(Math.random()*1000)).longValue()); //ValidatorUtils.validateEntity(yonghu); YonghuEntityuser=yonghuService.selectOne(newEntityWrapper<YonghuEntity>().eq("zhanghao",yonghu.getZhanghao())); if(user!=null){ returnR.error("错误?); } yonghu.setId(newDate().getTime());yonghuService.insert(yonghu);returnR.ok();}@RequestMapping("/update")publicRupdate(@RequestBodyYonghuEntityyonghu,HttpServletRequestrequest){//ValidatorUtils.validateEntity(yonghu);yonghuService.updateById(yonghu);returnR.ok();}@RequestMapping("/delete")publicRdelete(@RequestBodyLong[]ids){yonghuService.deleteBatchIds(Arrays.asList(ids));returnR.ok();}5.1.4二手交易管理此页面为服务器端管理员功能，可看到物品的详情信息，也可以对物品进行基本操作，界面如图5.8所示：图5.8二手交易管理信息页面关键代码：@RequestMapping("/save")publicRsave(@RequestBodyErshoujiaoyiEntityershoujiaoyi,HttpServletRequestrequest){ ershoujiaoyi.setId(newDate().getTime()+newDouble(Math.floor(Math.random()*1000)).longValue()); //ValidatorUtils.validateEntity(ershoujiaoyi);ershoujiaoyiService.insert(ershoujiaoyi);returnR.ok();}@RequestMapping("/add")publicRadd(@RequestBodyErshoujiaoyiEntityershoujiaoyi,HttpServletRequestrequest){ ershoujiaoyi.setId(newDate().getTime()+newDouble(Math.floor(Math.random()*1000)).longValue()); //ValidatorUtils.validateEntity(ershoujiaoyi);ershoujiaoyiService.insert(ershoujiaoyi);returnR.ok();}@RequestMapping("/update")publicRupdate(@RequestBodyErshoujiaoyiEntityershoujiaoyi,HttpServletRequestrequest){//ValidatorUtils.validateEntity(ershoujiaoyi);ershoujiaoyiService.updateById(ershoujiaoyi);returnR.ok();}@RequestMapping("/delete")publicRdelete(@RequestBodyLong[]ids){ershoujiaoyiService.deleteBatchIds(Arrays.asList(ids));returnR.ok();}5.1.5寻物启事管理该系统的寻物启事界面实现如图5.9所示。图5.9寻物启事信息页面关键代码：@RequestMapping("/save")publicRsave(@RequestBodyXunwuqishiEntityxunwuqishi,HttpServletRequestrequest){ xunwuqishi.setId(newDate().getTime()+newDouble(Math.floor(Math.random()*1000)).longValue()); //ValidatorUtils.validateEntity(xunwuqishi);xunwuqishiService.insert(xunwuqishi);returnR.ok();}@RequestMapping("/add")publicRadd(@RequestBodyXunwuqishiEntityxunwuqishi,HttpServletRequestrequest){ xunwuqishi.setId(newDate().getTime()+newDouble(Math.floor(Math.random()*1000)).longValue()); //ValidatorUtils.validateEntity(xunwuqishi);xunwuqishiService.insert(xunwuqishi);returnR.ok();}@RequestMapping("/update")publicRupdate(@RequestBodyXunwuqishiEntityxunwuqishi,HttpServletRequestrequest){//ValidatorUtils.validateEntity(xunwuqishi);xunwuqishiService.updateById(xunwuqishi);returnR.ok();}@RequestMapping("/delete")publicRdelete(@RequestBodyLong[]ids){xunwuqishiService.deleteBatchIds(Arrays.asList(ids));returnR.ok();}5.1.6物品分类管理该部分展示了系统的物品分类管理，实现界面如图5.10所示。图5.10物品分类信息页面5.1.7表白广场管理该部分展示了系统的表白广场管理，实现界面如图5.11所示。图5.11表白广场信息页面5.1.8交易类型管理该部分展示了系统的交易类型管理，实现界面如图5.12所示。图5.12交易类型信息页面5.1.9吐槽大会管理该部分展示了系统的吐槽大会管理，实现界面如图5.13所示。图5.13吐槽大会信息页面5.1.10拼车出行管理该部分展示了系统的拼车出行管理，实现界面如图5.14所示。图5.14拼车出行信息页面5.2客户端实现5.2.1登录模块客户端页面在设计系统的登录模块时，使用了最普遍的对话框外观。由于手机的屏幕相对较小，界面上的信息显示较为紧凑，而且信息量较少。使用对话框式样来设计登陆界面，能够与使用者建立良好的互动关系。用户输入已注册的用户名和密码，选择用户类型，点击登录按钮，即可进入该小程序。注册界面实现如图5.15所示，登录如图5.16所示：图5.15用户注册页面图5.16用户登录页面5.2.2寻物启事页面此界面为客户端的用户功能，可以根据物品类别进行搜索，点击图片可以查看物品的详情信息，还可以收藏或评论。如图5.17所示：图5.17寻物启事页面5.2.3表白广场页面此界面为客户端的用户功能，可搜索或新增表白对象，完成基本操作。如图5.18所示：图5.18表白广场页面5.2.4二手交易页面此界面为客户端的二手交易功能，可以根据物品类型进行搜索，可新增物品。如图5.19所示：图5.19二手交易页面5.2.5失物招领页面该界面可以对丢失物品信息进行发布、查看等操作，如图5.20所示：图5.20失物招领页面5.2.6拼车出行页面该界面可以实现拼车出行的管理，如图5.21所示：图5.21拼车出行页面5.2.7客服中心页面该界面实现了客服中心的模块，如图5.22所示：图5.22客服中心页面5.2.8用户页面如下两个界面分别展示的是小程序我的模块和用户的信息。我的页面如图5.23，用户信息界面如图5.24所示：图5.23我的页面图5.24用户信息页面第6章系统测试6.1测试目的经过研究，软件测试对于其他部分来说对软件生命周期有着重要地位。最近，软件工程界提出要对软件生命周期中的每一个阶段都进行检测，以便及早发现和解决各种错误，最大限度地减少软件维护成本。事实上，仅从软件的角度来看，不管采用何种技术和方法都有可能导致软件错误。采用最新开发语言及迄今获得的最佳开发方法对开发过程进行改进，可减少误差的引入，但这并不代表能够消除软件中存在的全部误差。有资料显示，典型软件开发项目软件测试工作量相对于整体软件开发工作量占有较大比例。软件开发总成本中约有30%-50%是用来完成测试的。6.2测试主要内容为保证测试质量，将测试过程划分成如下几个环节。（1）单元测试本次实验的主要目的是对软件设计中最小的单元模块进行测试。检测各个模块是否完成了预想的功能。（2）集成测试集成测试以寻找接口相关问题为主要目标。例如，某一模块与其他模块之间会因为系统疏忽大意而给自身带来负面影响；结合子功能不一定能生成期望的主要功能；每一个看起来可接受的失误身后，很可能会隐藏着一个不可预期的结果。（3）验收测试验收测试旨在测试该系统是否达到预期效果。经过集成测试后，各模块都是以全部模块为设计基础装配而成的一套完整软件系统，从最根本上解决接口错误这一难题，使软件的有效性得到进一步提升。（4）系统测试系统测试是在软件开发结束后进行的，以验证系统的最终部分是否运行正常。6.3测试用例6.3.1登录测试用例该部分对系统的登录功能进行测试，登录测试如表6.1所示：表6.1登录测试用例表测试序号测试目的操作步骤预期结果实际结果1登录测试输入正确用户名及密码登录成功登录成功2登录测试输入错误用户名登录失败登录失败3登录测试输入错误密码登录失败登录失败测试密码错误如图6.1所示，测试用户名错误如图6.2所示:图6.1密码错误测试页面图6.2用户名错误测试页面6.3.2二手交易测试用例举例本节则对后台管理系统的二手交易模块进行测试。具体如下表6.2所示：表6.2二手交易商品信息测试用例表测试序号测试目的操作步骤预期结果实际结果1添加商品信息测试在添加界面输入商品信息，点击确认添加成功添加成功2修改商品信息测试在修改界面修改商品信息，点击确认修改成功修改成功续表6.2二手交易商品信息测试用例表3删除商品信息测试在管理商品信息界面，点击某一商品的删除按钮删除成功删除成功4查询商品信息测试在商品管理信息界面查询输入框输入要查询的商品信息，点击查询查询成功查询成功增加商品信息界面测试如图6.3所示：图6.3增加商品信息测试页面修改商品信息界面测试如图6.4所示:图6.4修改商品信息测试页面删除商品信息界面测试如图6.5所示:图6.5删除商品信息测试页面查询商品信息界面测试如图6.6所示:图6.6查询商品信息测试页面6.4测试总结按照上述试验流程对该系统进行了试验，最终确定该系统最终满足要求，试验完成。结束语本次研究实现了校园生活小助手的微信小程序，本人完成并在以上章节详细描述了该小程序的设计。首先，从身边出发结合当下校园情况，并结合国内外研究现状对校园生活小助手进行需求分析，分析该小程序是否可行、技术方面是否行得通、是否有运用价值、分析系统功能。其次，结合大学期间所学知识学习使用能够开发该系统的软件，选择适合该系统开发的Java语言，使用eclipse软件进行开发，选择eclipse的原因是其能够提供一个可伸缩的体系结构，为系统的开发提供了良好的开发环境。之后进行数据库设计，完成了对系统数据库的物理结构设计，完成了对该系统数据库概念结构设计并绘制了相关的实体图。完成了校园生活小助手的设计后，需要对其进行系统测试，通过测试可以发现系统的错误，并对其进行及时改正，减少了后续维护的成本以及维护的工作量。至此，完成了校园生活小助手的微信小程序的设计。由于本人学得的技术有限，该系统在界面美化方面还稍有欠缺，应该紧跟时代审美进行优化。此外，后续还可在该小程序上新增更方便于学生的功能，更好的为用户服务。参考文献吴海彦.基于微信小程序的智慧社区服务程序设计与实现[J].新媒体研究,2022,8(21):30-35.彭嘉怡,袁楠楠,尹鲲龙等.大学生闲置物品交易互助微信小程序设计与开发[J].中国新技术新产品,2022(18):37-40.邢榕珊,匡芳君.微信小程序设计[J].计算机时代,2018(08):9-12.齐鹏飞.基于微信的智慧校园小程序设计[D].西安:西安电子科技大学,2020.巩云飞.大学生校园助手APP设计与开发[J].电脑编程技巧与维护,2020(06):67-68+78.张柱,宋存进,蒋乐等.基于微信小程序校园二手交易平台设计与开发[J].电脑编程技巧与维护,2022(12):59-61+142.朱志慧,蔡洁.基于SpringBoot+Vue+Uni-app框架的校园失物招领系统[J].电子技术与软件工程,2022(17):62-65.王庆月,吴宇,张天宝.基于微信小程序的失物招领系统开发[J].电子质量,2022(10):66-70.沈鸿.智慧校园平台系统的设计研究[J].电子技术与软件工程,2022(21):61-64.陈晓棠.基于ASP.NET的项目管理系统的设计与实现[J].微处理机,2022,43(02):34-37.[11]任浩然,刘丹,景永强.JAVA在计算机软件开发中的应用研究[J].信息记录材料,2022,23(11):83-85.[12]张宇.面向校园的闲置资源交易系统[D].苏州:苏州大学,2020.[13]赵成丽.网络信息系统可生存性的若干关键技术研究[D].长春:吉林大学.2013.[14]赵雪婧.基于B2C模式网约车平台的拼车策略研究[D].成都:西南财经大学,2021.[15]胡姝帆.基于用户体验的微信应用小程序设计[D].武汉:湖北工业大学,2021.[16]陈笑微.网约共享出行系统分析与平台派单优化[D].杭州:浙江大学,2019.[17]陈晓琴.基于云平台的智慧校园监控系统的设计与实现[D].重庆三峡院,2020.[18]王嵘冰,陈春龙,徐红艳等.一种基于混合推荐的二手交易平台资源推荐方法[P].2022-02-0