基于微信小程序的校园密语管理系统的设计与实现.pdf

2023年11月计算机应用文摘第39 卷第2 2 期基于微信小程序的校园密语管理系统的设计与实现陈雨，李菊花，毕雪丽，吕品（长江大学油气钻采工程湖北省重点实验室，武汉430 10 0)摘要：目前，大学校园墙存在信息混乱、获取渠道不稳定等问题。文章利用微信小程序的普及性和便捷性设计了一款汇集各类信息的自主查询小程序，该小程序可减轻校园墙的工作量，从而提高学生获取信息的效率。其中，文章对前后台功能分类模块和核心页面进行了设计，实现了自动登录、功能分类、信息反馈、消息通知等功能，可有效提高校园的信息化水平。关键词：微信小程序；信息平台；功能分类中图法分类号：TP311Design and implementation of campus secret language youthconfession wall based on WeChat Mini ProgramCHEN Yu,LI Juhua,BI Xueli,LV Pin(Key Laboratory of Hubei Province for Oil and Gas Drilling and Production Engineering,Yangtze University,Wuhan 430100,China)Abstract:At present,there are problems with information chaos and unstable access channels inuniversity online bulletin boards.This article utilizes the popularity and convenience of WeChat MiniPrograms to design an autonomous query mini program that collects various types of information.This mini program can reduce the workload of campus walls and improve the efficiency of studentsaccess to information.Among them,this article has designed the front-end and back-end functionalclassification modules and core pages,achieving functions such as automatic login,functionalclassification,information feedback,and message notification,which can effectively improve theinformationization level of the campus.Key words:WeChat Mini Program,information platform,functional classification规范、有序交往的网络环境。1引言2系统设计随着互联网的发展和广泛应用，人们的日常生活正发生着巨大改变，许多高校学生自发建立了校园墙平台。该平台既可帮助用户传达心意，也可帮助他们获取信息，用户可在该平台作为网络交流空间。但该平台仍存在信息分散、杂乱等问题，无法很好地发挥应有的作用 1 3。微信小程序具有“即开即用”的特点,无需安装、注册即可使用,且操作简单,支持多种运行平台，本文将借助小程序设计并实现校园密语管理系统，旨在解决校园墙信息获取不便等问题。校园密语管理系统是对传统校园墙的全面升级，既具有校园墙的传统功能，还可实现全“自动化”控制，即用户无需他人帮助，可自行完成信息“上墙”,且其他用户可以随意评论。此外，该平台将对用户进行身份认证,从而确保其身份信息准确，进而形成言行文献标识码：A2.1整体结构设计本系统采用前后端分离方式对整体结构进行设计，当后端无法提供接口时，前端仍可正常工作。该方式可使开发更灵活,从而提升系统的工作效率，使系统各模块分工更加明确。其中,系统后端将 SpringBoot及MyBatis作为框架，同时采用分层开发以提高代码复用性 4 6 。该系统主要由三个模块组成：控制器层、业务逻辑层和数据存取层。每层均有对应的职能分工，视图层负责向使用者展示信息，控制器层负责从视图中读取信息并对参与者的输入进行处理，然后将其传输至业务逻辑层，最后连接数据库并进行相关操作。此外,该系统的前端通过 Vue 进行构造,前后端通过Ajax技术实现跨域传值，数据通过Json格基金项目：大学生创新创业训练项目（Yz2022399S)2023年第2 2 期式进行封装，系统体系结构图如图1所示。前端UIWxml计算机应用文摘Wxss37管理员审核JavaSript留言展示层业务层数据层数据库运行环境2.2系统功能设计微信小程序主要由“表白墙”“校园墙”“我的”等功能模块组成。其中，“表白墙”支持文章的发布、评论、“点赞”等；“校园墙”支持话题内容的浏览、发帖、评论、“点赞”等；“我的”支持个人信息的处理，包含个人资料、消息通知、状态、信息反馈等内容，具体功能模块如图2 所示。校园密语管理系统-普通用户端表白墙校园墙发查评论布看文详章情点赞图2 普通用户端的功能模块2.3数据库设计在系统架构、数据库、整体需求分析的基础上，本文将详细讨论系统数据库的设计。数据库的设计将遵从标准化设计原则，本文将MySQL作为校园密语管理系统的主要组成部分,对数据库的表结构和通用性进行精心设计，旨在为日后的数据库重构与数据处理奠定基础。系统总ER图如图3所示,其中涉及管理端的系统表和用户端的相关信息表，如系统部门表、系统管理员表、系统通知表及系统权限表等。页面渣染用户登录发布文章评论编辑资料选择话题点赞反馈信息查看详情存福过程数据警份数据恢痘事务MySQLMySQLJava运行环境图1 系统体系结构图编辑个人资料选发查论择布看话文详题章情赞requestPOST湾GET津求MySQL我的表校消白园信息反馈墙墙状态状态信息反馈点赞3功能实现与测试本文采用Vue框架对前端进行设计,通过axios实现前后端的交互,同时应用SpringBoot 框架对后端进行设计，旨在简化文件的配置和应用的部署。由于本系统的普通用户端功能须通过微信小程序进行展示,每实现一个功能后,本文均及时对其进行测试，旨在及时优化系统以满足用户需求。3.1登录功能(1)登录功能的实现。该功能有助于用户直接通过微信小程序端进行授权登录，具体实现流程：设置授权登录按钮以触发事件；调用微信小程序的登录接口以获取code;调用微信小程序的相关接口以获取用户个人信息和Openld;通过获取的个人信息调用后台接口,并将个人信息传至后台，在用户登录成功将相关信息存储于本地缓存中，从而为后续的开发应用保留空间。(2)登录功能的测试。登录功能的测试用例如表1所列,旨在验证登录功能能否正常运行。表1登录功能的测试用例项目名称校园密语管理系统模块用户模块测试项登录功能测试初始条件运行系统，进人小程序步骤进人小程序“我的”界面后，点击“授权登录”按钮期望输出登录成功且显示用户昵称实际输出登录成功且显示用户昵称测试状态测试成功3.2个人资料编辑功能(1)个人资料编辑功能的实现。该功能有助于用户对个人信息（包括用户昵称、性别、年龄、专业、班级等)进行编辑,在用户编辑保存后，管理员可在管理端对其信息权限进行管理。(2)个人资料编辑功能的测试。个人资料编辑功能的测试用例如表2 所列,旨在测试个人资料编辑功用户通知图3系统总E-R图洗择送频类型评论38能能否正常运行。表2 个人资料编辑功能的测试用例项目名称校园密语管理系统模块用户模块测试项个人资料编辑功能测试初始条件用户已授权登录（1)登录成功后，点击“个人资料”按钮,进人编辑页面步骤（2）填写个人基本信息(3)点击“保存 按钮期望输出修改成功且界面显示用户的新昵称实际输出修改成功且界面显示用户的新昵称测试状态测试成功3.3表白文章发布功能(1)表白文章发布功能的实现。该功能有助于用户在小程序端的“表白墙”页面实现表白文章的发布,其内容包括文章标题、文章内容、表白对象及图片等。后端业务层接到请求后，会将用户发布的内容提交至系统管理员进行审核，在审核通过后将在“表白墙 页面进行展示，用户可在“我的”页面中查看发布状态。(2)表白文章发布功能的测试。表白文章发布功能的测试用例如表3所列，旨在测试表白文章发布功能能否正常运行。表3表白文章发布功能的测试用例项目名称校园密语管理系统模块用户模块测试项表白文章发布功能测试初始条件用户登录成功（1)登录成功后，进入“表白墙页面(2)点击“+按钮步骤（3)填写标题、内容、表白对象等相关信息(4)点击“发布 按钮期望输出发布成功且系统弹窗提示“发布成功”实际输出发布成功且系统弹窗提示“发布成功”测试状态测试成功3.4信息反馈功能(1)信息反馈功能的实现。该功能有助于用户实现意见反馈，后端业务层收到请求后，会把请求结果返回给管理员端,由管理员进行处理。计算机应用文摘(2)信息反馈功能的测试。信息反馈功能的测试用例如表4所列，旨在测试信息反馈功能能否正常运行。表4信息反馈功能的测试用例项目名称校园密语管理系统模块用户模块测试项用户反馈信息测试初始条件用户登录成功（1）登录成功后，进人“我的”页面（2）点击“反馈信息”按钮，进人反馈信息详情页面步骤(3)点击+”按钮，进入详情页面填写反馈内容（4)点击“提交”按钮期望输出发布成功且系统弹窗提示“提交成功”实际输出发布成功且系统弹窗提示“提交成功”测试状态测试成功4结束语本文设计并实现了校园密语管理系统。该系统有助于用户通过微信获取各类信息，在解决信息获取难等问题的同时,还打造了方便快捷、安全有序的信息交流平台，可为其他校园小程序的开发提供思路。参考文献：1白龙温,贾铭，王振兴.辅导员助手微信小程序的开发与实现 J.河北软件职业技术学院学报,2 0 2 2,2 4（3）：17-2 0.2李永军,王明辉，李耀，等.基于前后端分离的通信原理课程网站开发 J.电脑与电信,2 0 2 2(11：10-15.3曹权.高考志愿填报助手App的设计与实现D.南昌：江西财经大学,2 0 16.4徐志杰,许忠维,吴昊.基于微信小程序的圈层式校园墙设计与实现 J.电脑知识与技术,2 0 2 2,18（12）：41-42+47.5谷洪彬,魏孔鹏，杨希.微信小程序用户授权登录机制研究和实现 J.电脑与信息技术,2 0 2 0,2 8（1）：2 7-2 9.6陈彩云，李鹏,温武，等.微信二维码授权登录网站的实现J.现代计算机（专业版）,2 0 17(1)：7 0-7 2.作者简介：陈雨（19 9 9 一）,硕士,研究方向：油气田开发工程。李菊花（19 7 5一），博士,教授，研究方向：油气田开发工程（通信作者）。2023年第2 2 期