【《基于Springboot框架的“校园跳蚤市场”小程序的设计》9000字（论文）】

绪论1.1系统开发背景随着时代和技术的不断演进和发展，信息技术的发展速度和水平相较于之前有了质的进步和飞跃,在这样的背景下也出现了很多便捷的手机应用程序以及社交媒体平台，在这些纷繁复杂的各类平台之中，最有影响力的当属微信小程序，其架构给予微信这一社交媒体本身，能够为使用者提供便捷且具有多元化特色的服务。微信的主要承载端是智能化移动终端，如果将微信登陆在电脑端，在使用中就会出现诸多不便，例如实时语音功能在台式机终端的接听就会变得极为不便，在台式机终端的微信游戏等功能的用户体验也是大打折扣，同时其便携性也不是可以与移动端媲美的。因而，手机可谓是微信最好的承载平台，同时微信在功能设定上，也同手机的优点完美的结合。手机非常的便捷和小巧，其能够不受到任何地点以及时间的局限性。然而，手机自身也存在着存储空间一定这样的根本缺陷，存储空间无法与电脑端相比，任何软件都会占据一定的手机存储空间，空间的限制就会在软件使用上给使用者造成极大不便。但是微信小程序本身在使用方面就具有巨大的优势。其不需要用户下载多余的APP，用户打开WeChat就允许操作，打开小程序搜罗界面进行查找或者打开扫一扫对发布出的二维码进行扫码就可快速使用，当用完后之后就可以退出小程序，在整个的使用过程中小程序并不会占据手机空间，这对于手机空间不足的各类用户就带来了极大便捷。当前二手交易市场运用微信小程序还处于一个初级的阶段，其中具有巨大的发展空间和发展潜力，借助微信小程序能为校园二手交易提供更多用户，也能避免给多不必要的浪费REF_Ref31549\r\h[1]。1.2系统开发意义据国家统计局数据，2020年普通本专科在校学生人数3285.3万人REF_Ref8968\r\h[2]。在这三四年当中，学生或多或少购买了许多能长久使用的物品。但是，每当学生大四毕业季时，都有着许多的物品由于过重或者过大以及行李箱空间不足而被遗弃，造成了巨大浪费以及经济损失。因此，二手物品在学生的高校生活中任然存在着不亚于正常物品的市场。然而，在面对高校大学生活的周边二手物品交易市场中，任然存在着缺乏平台、运营艰难、无法满足高校大学生的多元化需求等诸多问题。并且由于庞大的微信日流量用户以及微信极强的信息交流互动性。所以,设计并实现专注于高校中大学生的校园跳蚤交易市场微信小程序是肯定要的。充分利用微信小程序在SNS平台上的地位,本文基于B/S架构,以微信小程序作为载体,使用WXML、WXSS、JavaScript语言设计REF_Ref19147\r\h[3]。2主要技术客户端的实现主要是依赖于开发微信小程序所特定使用的微信开发者工具,利用JavaScript、WXSS和WXML语言进行开发，微信小程序是一种基于微信平台的,不需要下载安装即可使用的应用REF_Ref15392\r\h[4];WXM是微信开发团队为微信小程序框架专门设计的一种特定使用的语言，WXSS是一套样式语言,用于描述WXML的组件样式REF_Ref15879\r\h[5];JavaScript是一种具有函数优先性的轻量级、解释型的编程语言，所需环境为IntelliJIDEA和MySql数据库REF_Ref19147\r\h[3]。2.1SpringBoot框架SpringBoot是在Spring的原有基础上设计的一款新型开源轻便级框架。它继承了Spring框架原先就拥有的优良性质，同时还简化了搭建和开发的过程。SpringBoot的目标不是解决问题，而是避免重新进行XML的配置REF_Ref16342\r\h[6]，从根本上讲它只是一些库的集合。SpringBoot框架中存在着两个策畧可以说非常之首要的：一个是开箱即用另外一个则是约定优于配置。开箱即用，是指开发人员在搭建一个新项目过程中springboot可以为其提供大量依赖包，无需配置文件即可实现大部分功能。因此有了这个重要的策略可以使得开发人员花费在配置和进行以来管理所需要的时间大大减少。约定优于配置，是一种可以让开发者自主进行添加的设计标准。它提供给开发人员一个默认框架，使其开发效率更高。特定的标准会降低开发人员研发灵活性，但减少了许多因配置所需要花费的时间，同样的也可以自动完成代码的编写、测试数据和打包数据等工作REF_Ref17498\r\h[7]。2.2Vue框架Vue是一款渐进式框架，同时也是目前前台使用中的三大主流框架之一，采用的开发的方法是由最底层逐层向上增加应用的REF_Ref20473\r\h[8]，具有许多优势。Vue.js采用MVVM架构，针对MVVM中的视图模型层，是一款很容易上手的JS库。Vue在把数字信息捆绑在一起之后，“DOM”就会和“Data”维持一致，不用像传统web项目一样人为操作取得“DOM”并维持一致，这样使代码更加简单方便。“Vue.js”对代码进行组件化封装，程序员可以直接调用封装好的组件进行开发，提高了系统可扩展性和开发速度REF_Ref20545\r\h[9]。2.3JavaScript语言JavaScript（简称JS）技术是专门用于Web前端设计的解释型动态脚本语言，其主要作用是通过操作HTM元素动态地修改Web页面。JavaScript是互联网上最流行的脚本语言，所有现代的HTML页面都使用JavaScriptREF_Ref24159\r\h[10]。2.4MySQL数据库本小程序使用的是数据库是MySQL数据库。它作为开源系统，开发人员可以根据需要对源程序进行优化，并开发相应的接口，因此在各项软件项目中比较常见，特别是它免费、占用空间小、容易安装与管理的优点，能够方便程序员掌握，并降低了项目建设成本REF_Ref8452\r\h[11]，通常也是大部分人的首选数据库。MySQL数据库是许多中型系统和小型系统中使用较为广泛的数据库应用REF_Ref23517\r\h[12]。3系统分析3.1系统可行性分析3.1.1技术可行性分析本校园跳蚤市场WeChat小程序前端映现场景使用的是WeChat开发者工具，后端网页运用IntelliJIDEA软件，采用B/S模式开发的系统，将管理员和用户有机的结合在一起，不仅能使管理员以更快的速度处理事务,还能降低运营成本。IntelliJIDEA是微信小程序后端的开发工具，MySQL数据库是一个小型且使用简单快捷的数据库管理系统。系统开发难度低，安全系数较高，然也在技术层面上也是实行起来可以通过的REF_Ref24340\r\h[13]。3.1.2经济可行性分析本校园跳蚤市场WeChat小程序选择运用的MicrosoftSQLServer2008软件，IntelliJIDEA以及微信开发者工具都是使用的开源版本，并且可以长期的使用，并没有什么经济压力。对电脑的要求仅仅需要能安装相对应软件的普通电脑就可以，而且并不需要特制或者额外配置其他需要花钱的硬件。综上所述，本小程序的制作开发设计在经济上是完全可行的。3.2系统数据分析3.2.1业务流程分析业务流程如REF_Ref15947\h图3-1所示。图3-SEQ图3-\*ARABIC1业务流程图3.3系统需求分析3.3.1系统非功能性需求分析坚固稳当性：系统需要守护好数据信息，以防被不法分子所破坏盗取，应当设置相关权限，指定用户登录。大容积性：系统需要更多的容积才能更好的运行系统，容积越多运行越流畅，所以要有充裕的容积来提供给系统，确保不会因为容积不足而出现bug死机。简洁性：小程序前端面向用户的界面相对简洁，能够给用户带来更大的便利性和操作性，排版合理不紧凑，能为小程序带来更大的利益。好维护性：小程序会有很多人来使用，因此再好的系统也会出现bug错误，所以需要拥有一个好维护性才能确保在出现bug的时候能更快更迅速的恢复如初REF_Ref11247\r\h[14]。3.2.2系统功能性需求分析账号管理：管理员能够通过电脑网页端登录后台系统进行增添管理员并配置账号password、重新拟定账号及其密码和去除无用的账号。分类管理：能够增加删除修改分类，进行相同类型的商品进行归纳整合管理。地区管理：能够管理商品所属地区并新增地区。商品管理：能够管理商品信息，设置商品价格，对商品属性、描述的管理。订单管理：能够管理查询相对应的所属订单及其详细信息。消息管理：能够管理用户之间的交互对话，进行对商品的交互描述，咨询问题评论管理：能够管理商品下方由用户留下的评论。综上所述，管理员用例图如REF_Ref16316\h图3-2所示。图3-SEQ图3-\*ARABIC2管理员用例图用户用例图如REF_Ref16358\h图3-3所示：图3-SEQ图3-\*ARABIC3用户用例图4系统设计4.1系统结构设计4.1.1系统功能结构图系统功能结构图如REF_Ref12302\h图4-1所示。图4-SEQ图4-\*ARABIC1系统功能结构图4.1.2管理员功能校园跳蚤市场管理员功能图如REF_Ref20371\h图4-2所示。图4-SEQ图4-\*ARABIC2管理员功能图4.1.3用户功能校园跳蚤市场微信小程序用户功能图如REF_Ref30945\h图4-3所示。图4-SEQ图4-\*ARABIC3用户功能结构图4.2数据库设计数据库设计的意识就是利用大脑将真实世界中的实体转化成能在电脑上展示的由0和1组成的代码数据，在这体现出的则是对二手商品的实体转换成0和1组成的代码数据REF_Ref15016\r\h[15]。对于设计本校园跳蚤市场小程序的数据库在这使用的是绘制E-R图REF_Ref15016\r\h[15]。4.2.1数据库概念模型设计地区信息实体图，如REF_Ref8976\h图4-4所示。图4-SEQ图4-\*ARABIC4地区信息实体图商品信息实体图，如REF_Ref9179\h图4-5所示。图4-SEQ图4-\*ARABIC5商品消息实体图管理员实体图，如REF_Ref9313\h图4-6所示。图4-SEQ图4-\*ARABIC6管理员实体图消息信息实体图，如REF_Ref9554\h图4-7所示。图4-SEQ图4-\*ARABIC7消息信息实体图4.2.2数据库表设计数据库表设计也称为物理设计，一个关系对应一个数据库表，因此本校园跳蚤市场需要设计10个数据库表（REF_Ref27020\h表4-1）REF_Ref25498\r\h[16]。表4-SEQ表4-\*ARABIC1校园跳蚤市场数据库表次序表名说明1admins管理员信息表2shoucangjil收藏记录信息表3wxuser微信用户信息表4fenlei分类信息表5shangpin商品信息表6diqu地区信息表7dingdan订单信息表8xiaoxi消息信息表9pinglun评论信息表10xiaoxihuifu消息回复信息表管理员信息表（admins）管理员信息表如下REF_Ref29123\h表4-2所示表4-SEQ表4-\*ARABIC2管理员信息表（admins）名类别能否为空注解idint不可主键pwd长字符串varchar不可密码username长字符串varchar不可账号cx长字符串varchar不可权限收藏记录信息表（shoucangjilu）收藏记录信息表（shoucangjilu）如下REF_Ref29292\h表4-3所示表4-SEQ表4-\*ARABIC3收藏记录信息表（shoucangjilu）名类别能否为空注解idint不可主键biaoti长字符串varchar不可标题xwidint不可关联表idbiao长字符串varchar不可关联表username长字符串varchar不可用户addtime特殊型timestamp不可收藏时间微信用户信息表（wxuser）微信用户信息表（wxuser）如下REF_Ref29981\h表4-4所示表4-SEQ表4-\*ARABIC4微信用户信息表（wxuser）名类别能否为空注解idint不可主键openid长字符串varchar不可用户nickName长字符串varchar不可昵称avatarUrlint不可头像gender长字符串varchar不可性别country长字符串varchar不可国家province长字符串varchar不可省份city长字符串varchar不可都市latitude长字符串varchar不可纬度introduction长字符串varchar不可简述hobby长字符串varchar不可爱好language长字符串varchar不可经度latitude长字符串varchar不可所属语科currentCity长字符串varchar不可当前所在城市onlineint不可在线状态分类信息表（fenlei）分类信息表（fenlei）如下REF_Ref31441\h表4-5所示表4-SEQ表4-\*ARABIC5分类信息表（fenlei）名类别能否为空注解idint不可主键fenlei长字符串varchar不可分类商品信息表（shangpin）商品信息表（shangpin）如下REF_Ref32254\h表4-6所示表4-SEQ表4-\*ARABIC6商品信息表（shangpin）名类别能否为空注解idint不可主键bianhao长字符串varchar不可编码mingcheng长字符串varchar不可称谓fenleiint不可分类jichengxin长字符串varchar不可几成新peisong长字符串varchar不可配送diquint不可地区zhuangtai长字符串varchar不可状态tupiantext不可图片xiangqing特殊型longtext不可详情faburen长字符串varchar不可颁布者issh长字符串varchar不可是否审核kucunint不可库存地区信息表（diqu）地区信息表（diqu）如下REF_Ref779\h表4-7所示表4-SEQ表4-\*ARABIC7地区信息表（diqu）名类别能否为空注解idint不可主键diqu长字符串varchar不可地区订单信息表（dingdan）订单信息表（dingdan）如下REF_Ref998\h表4-8所示表4-SEQ表4-\*ARABIC8订单信息表（dingdan）名类别是否为空注解idint不可主键shangpinidint不可物品的idbianhao长字符串varchar不可编码mingcheng长字符串varchar不可称谓jiagedecimal(10,2)不可价格fenleiint不可分类faburen长字符串varchar不可颁布者xingming长字符串varchar不可姓甚名谁dianhua长字符串varchar不可数字通讯号码dizhi长字符串varchar不可住址位置jiaoyishijian长字符串varchar不可购买时间beizhu文本text不可附注xiadanren长字符串varchar不可购买者iszf长字符串varchar不可有没有付款goumaishuliangint不可购买数量hejidecimal不可合计消息信息表（xiaoxi）消息信息表（xiaoxi）如下REF_Ref2579\h表4-9所示表4-SEQ表4-\*ARABIC9消息信息表（xiaoxi）名类别能否为空注解idint不可主键shangpinidint不可物品的idbianhao长字符串varchar不可编码mingcheng长字符串varchar不可称谓faburen长字符串varchar不可颁布者fasongneirong文本text不可发送内容fasongren长字符串varchar不可发送人评论信息表（pinglun）评论信息表（pinglun）如下REF_Ref3229\h表4-10所示表4-SEQ表4-\*ARABIC10评论信息表（pinglun）名类别能否为空注解idint不可主键shangpinidint不可物品的idbianhao长字符串varchar不可编码mingcheng长字符串varchar不可称谓fenleiint不可分类faburen长字符串varchar不可颁布者pinglneirong文本text不可评述详情pinglunren长字符串varchar不可评述者消息回复信息表（xiaoxihuifu）消息回复信息表（xiaoxihuifu）如下REF_Ref4496\h表4-11所示表4-SEQ表4-\*ARABIC11消息回复信息表（xiaoxihuifu）名类别能否为空注解idint不可主键xiaoxiidint不可消息idshangpinidint不可物品的idbianhao长字符串varchar不可编码mingcheng长字符串varchar不可称谓faburen长字符串varchar不可颁布者fasongren长字符串varchar不可发送人huifuneirong文本text不可回复内容5系统实现5.1微信端功能模块的实现5.1.1个人中心界面用户可以查看商品管理、收藏记录、已购订单、已卖订单、评论管理、消息回复等操作，如REF_Ref11860\h图5-1所示。图5-SEQ图5-\*ARABIC1个人中心界面5.1.2主页界面用户可以进行查看商品信息、我要卖信息、消息信息、我的信息，界面如REF_Ref12288\h图5-2所示。图5-SEQ图5-\*ARABIC2主页界面5.2后台网页端功能模块的实现5.2.1经营者网页登录界面经营者要在后台进行对系统进行相对应的管理，就必须先进行网页登录操作，如REF_Ref13036\h图5-3所示。图5-SEQ图5-\*ARABIC3网页端登录界面5.2.2账号管理界面管理员通过网页端登入进后台系统之后，可以在账号管理界面中补充账号、重新定义账号以及密码的再度修正编译操作，具体界面如REF_Ref13617\h图5-4所示。图5-SEQ图5-\*ARABIC4账号管理界面5.2.3分类管理界面管理员能够在分类管理界面进行分类信息的相关操作，具体操作有补充新的商品类别、检视具体的商品类别、删掉所选商品类别、对商品类别进行重新定义，具体界面如REF_Ref14101\h图5-5所示。图5-SEQ图5-\*ARABIC5分类管理界面5.2.4地区管理界面管理员可在地区管理界面对相对应的地区信息进行管理，具体操作有地区添加、地区查询、地区删除、地区修改，具体界面如REF_Ref14901\h图5-6所示。图5-SEQ图5-\*ARABIC6地区管理界面5.2.5商品管理界面管理员能够在商品管理界面进行商品信息的相关操作，具体操作有商品补充、商品检视、删掉相关商品、商品修改、商品审核、商品详情查看以及输入相关字体快速检视商品，详尽页面如REF_Ref15577\h图5-7所示。图5-SEQ图5-\*ARABIC7商品管理界面5.2.6订单管理界面管理员能够在订单管理界面进行订单信息的相关操作，具体操作有订单查询、删除订单、订单修改、订单详情查看以及通过关键搜索快速查询订单，具体界面如REF_Ref16181\h图5-8所示。图5-SEQ图5-\*ARABIC8订单管理界面5.2.7消息管理界面管理员可在消息管理界面对相对应的消息信息进行管理，具体操作有消息查询、消息删除、消息修改、消息详情查看和消息回复查询、消息回复删除、消息回复修改、消息回复详情查看以及通过关键搜索快速查询消息及其消息回复，具体界面如REF_Ref16873\h图5-9至REF_Ref16889\h图5-10所示。图5-SEQ图5-\*ARABIC9消息管理界面-1图5-SEQ图5-\*ARABIC10消息管理界面-25.2.8评论管理界面管理员可在评论管理界面对相对应的评论信息进行管理，具体操作有评论查询、评论删除、评论修改、评论详情查看以及通过关键搜索快速查询评论，具体界面如REF_Ref17229\h图5-11所示。图5-SEQ图5-\*ARABIC11评论管理界面6系统测试小程序在初步完成之后，所属功能理论上来说都能完成实现，但是必定会有不足之处和bug的存在，而在这是需要对该小程序进行系统测试。系统测试阶段是系统开发的最后一步，它可在小程序具体上线提供给大众用户使用前找出找出该小程序的不足之处和错误bug并及时修正，不仅能保障系统的顺利运行还能提高用户的使用操作体验，从而提高系统的生命周期。6.1系统测试环节系统测试的目的是为了能够及时发现小程序在运行时发生的错误，其主要过程可分为以下几个环节：（1）单元测试之前，先预测出测试后功能正常的效果；（2）单元测试之中，填写正常的数据实行测试，记载效果与预测效果进行对照；（3）单元测试之中，填写不正常的数据实行测试，继续记载效果与步骤2效果进行对照；（4）修改错误bug之后，重复实施以上步骤。6.2系统测试内容6.2.1商品信息管理商品信息管理模块是整个小程序中最为要紧的模块，若是商品信息管理模块出行了错误，那么将会对整个小程序使用用户造成不可避免的损失。表6-SEQ表6-\*ARABIC1商品信息测试表测试序号案例描述预期结果实际结果1后台网页端补充一个新的商品，前台小程序是否能正常显示新补充的商品后台网页端补充新商品后，前台小程序可以正常显示新补充的商品一致2在后台修改某个商品的相关信息，前台是否能更新相应的商品信息前台可以正确显示更新后的商品信息一致3在后台删除某个商品，前台是否仍会显示删除的商品前台不会显示已删除的商品一致4前台小程序补充一个商品，后台网页端是否能正常显示补充的商品前台小程序补充商品后，后台网页端可以正常显示补充的商品一致6.2.2商品列表页面商品分类也是该小程序中较为重要的功能，具体是为了让客户快速展示出不同类别的商品，方便用户操作节省时间。表6-SEQ表6-\*ARABIC2商品列表页面测试表测试序号案例描述预期结果实际结果1点击不同商品的地区分类，页面能否实现跳转并且显示正确地区分类下的商品页面能够实现跳转，并且显示正确地区分类下的商品一致2点击不同商品的类别分类，页面能否实现跳转并且显示正确类别分类下的商品页面能够实现跳转，并且显示正确类别分类下的商品一致3点击关键字搜索，页面是够能实现跳转并显示正确的关键字搜索的商品页面能够实现跳转，并且显示正确关键字搜索下的商品一致4在商品分类页面中点击某商品时，页面能否正确显示对应的商品信息页面能显示对应品商品信息一致6.2.3已购订单页面已购订单也是该小程序中较为重要的功能，具体是为了显示用户购买了哪些商品。表6-SEQ表6-\*ARABIC3已购订单页面测试表测试序号案例描述预期结果实际结果1点击已购订单模块，页面是否能够实现跳转到已购商品列表页面能够实现跳转，并且正确显示已购商品列表一致2点击已购商品列表中的具体商品，页面是够能够实现跳转到商品订单详情页面能够实现跳转，并且正确显示商品订单详情一致3点击已购订单列表中删除，前台是够能够实现删除前台能够实现删除一致4点击已购订单列表中删除，后台是够能够实现删除后台能够实现删除一致6.2.4我要卖页面表6-SEQ表6-\*ARABIC4我要卖页面测试表测试序号案例描述预期结果实际结果1点击我要卖模块，页面是否能够实现跳转到商品详情填写页面能够实现跳转一致2在商品详情填写界面，是否能够正确规范填写商品详情能够正确规范填写商品详情一致3点击商品详情填写界面中的我要发布，页面是否能够实现添加成功并跳转至主页界面页面能够实现添加成功，并且跳转至主页界面一致结论校园跳蚤市场微信小程序的设计与实现，是通过微信平台的微信开发者工具和Java技术共同开发制作的。创作校园跳蚤市场微信小程序的初衷是因为在高校生活中看见了许多大四毕业生们在毕业之时，有许多东西都带不走以至于丢弃，其中大部分都是有着剩余价值的，并且在高校校园内也存在着二手交易，但是其形式都相对于稚嫩、不便，而校园跳蚤市场微信小程序的设计与实现是非常只有必要的，不仅解决了高校中二手交易的问题，也避免了物品的浪费，做到了可持续发展。最重要的一点是微信小程序无需下载新的软件APP，符合当代年轻人的极简风格，不仅方便快捷，而且还省时省力，不占用高校大学生的手机内存。通过这次的校园跳蚤市场微信小程序的设计，也让我明白了实践对于该行业的重大性，只有多动手去实践才能快速的掌握它，并不是像高中那样上课便能听懂，在课后还需奥孜孜不倦的实践才能完全掌握。并且在设计开发的过程中，我也发现了经验也同样重要，经验不足，则会出现相似代码的关键位置总是出错，还有在一些常见bug处理中，经验也起到了举重若轻的作用，经验不足，难免就会出现许多不足之处。所以多实践才能出真理。当然，毕设也是考验所学知识的应用水平，是对高校求学中对知识的掌握程度也是在高校中提升自我的最佳机会。通过本次的设计开发，本人不仅学到了许多对我而言是崭新的也是额外知识，也使得本人提升了自检自查的能力、提升了本人的动手实操水平。但是，虽然参考了许多的相关材料、小程序、文献等，该小程序还是有许多的不足之处，需要