基于微信小程序的校园服务管理系统的设计与实现

基于微信小程序的校园服务管理系统的设计与实现

摘 要

互联网及智能终端的快速发展正不断改变人们的生活方式，加上新冠疫情全球性的暴发，学生上网课及使用手机完成学校任务成为趋势。调查发现市场上的校园类软件，大部分还只是停留在理论层面。由于微信用户下载量稳居第一，并针对校园传统服务和管理的滞后性，管理体制与小程序相结合的想法应运而生，开发一款校园服务管理系统的小程序意义重大，为学生提供全面便捷的服务。
该平台将学生日常学习生活中需要的服务和信息进行整合，分别对系统需求、软件架构、数据库设计进行阐述。通过系统功能和性能测试表明该系统能够稳定流畅运行,可以为用户提供良好的交互界面,为学生提供全面便捷的服务管理、用户管理、工作管理、交流学习等模块。本文基于微信小程序在各大高校的校园服务管理中的应用与运营的研究与实践，为当前微信小程序的服务应用中提供参考。

关键词：校园服务管理；在线学习；微信小程序；SSM框架

Design and Implementation of The Campus Service Management System Based on WeChat’s Small Program

Abstract

The rapid development of the internet and intelligent terminals is constantly changing people’s way of life, coupled with the global outbreak of the COVID-19 epidemic, it has become a trend for students to surf the internet for course and use mobile phones to complete school tasks. The survey found that most of the campus software on the market still stays at the theoretical level. As Wechat ranks first in the number of user downloads, and in view of the lag of traditional campus services and management, the idea of combining the management system with small program arises at the historic moment, the development of a campus service management system of small program is of great significance to provide students with comprehensive and convenient services.
The platform integrates the services and information needed by students in their daily study and life, and expounds the system requirements, software architecture and database design respectively. The system function and performance tests show that the system can run stably and smoothly, can provide users with a good interactive interface, and provide students with comprehensive and convenient service management, user management, work management, communication and learning modules.Based on the research and practice of WeChat small program’s application and operation in the campus service management of colleges and universities, this paper provides a reference for the current service application of WeChat small program.

Key Words：Campus service management,Online learning, WeChat small program,SSM framework
目 录
1 绪论 1
1.1 研究背景及意义 1
1.2 研究现状及发展趋势 2
1.2.1 国内研究现状 2
1.2.2 国外研究现状 2
1.2.3 发展趋势 2
1.3 论文研究的主要内容 3
2 基于小程序的校园服务管理系统运用的基础理论、技术环境配置 5
2.1 系统运用的基础理论 5
2.1.1 学生活动及其管理 5
2.1.2 小程序基本原理 5
2.1.3 小程序MINA框架 5
2.1.4 微信 Web 开发者工具 6
2.2 系统运用的技术 7
2.2.1 Java语言 7
2.2.2 JavaScript语言 7
2.2.3 SSM框架 7
2.3 系统环境配置 7
2.3.1 硬件环境 7
2.3.2 软件环境 7
3 基于小程序的校园服务管理系统的分析与设计 9
3.1 可行性分析 9
3.1.1 技术可行性 9
3.1.2 经济可行性 9
3.1.3 操作可行性 9
3.2 需求分析 9
3.2.1 用户需求分析 10
3.2.2 管理员需求分析 10
3.3 系统设计 10
3.3.1 用户角色设计 11
3.3.2 管理员角色设计 12
3.4 系统业务流程 13
3.4.1 用户业务流程 13
3.4.2 管理员业务流程 14
3.5 数据描述 16
3.5.1 E-R图 16
3.5.2 数据库设计 19
3.5.3 数据库关系图 22
4 基于小程序的校园服务管理系统的实现 25
4.1 用户模块实现 25
4.1.1 用户授权及登录 25
4.1.2 小程序主界面 26
4.1.3 用户模块核心功能 28
4.1.4 用户拓展功能 35
4.1.5 用户中心 36
4.1.6 关于小程序 40
4.2 后台模块实现 40
4.2.1 登录界面 40
4.2.2 学员信息管理界面 41
4.2.3 讲师信息管理界面 42
4.2.4 后台课程管理界面 43
4.2.5 后台学员管理界面 44
4.2.6 后台教师管理界面 45
4.2.7 后台账号密码重置界面 45
4.2.8 后台密码重置界面 46
5 基于小程序的校园服务管理系统的系统测试 47
5.1 测试方法及内容 47
5.2 测试部分用例 47
5.2.1 登录测试 47
5.2.2 后台管理员测试 49
5.3 测试结果 53
6 结论与展望 55
6.1 结论 55
6.2 展望 55
参考文献 56
致 谢 57

1 绪论
1.1 研究背景及意义
随着人们进入数字信息时代，社会上出现了各种各样的软件应用，他们逐渐取代了传统的手工模式。凭借其庞大的用户基础，微信APP已经成为中国最强大的社交应用之一[1]。在此基础上，许多商家将目光投向了微信平台的坚实基础，因此都在关注微信小程序的发展。虽然微信小程序近几年才出现，但是已经融入了人们生活的方方面面。相比较微信公众号而言，小程序是一种全新的类似工具的应用形式。与传统应用软件相比，微信小程序具有无需下载、无需安装即可直接使用的优势，真正实现了全新的“随用随退”的新开发理念[2]。这样既省去了复杂的下载和安装过程，又节省了手机的内存空间。微信小程序的开发逐渐取代了许多轻量级APP，受到了越来越多的关注。考虑到小程序的诸多好处和广泛的教育需求。开发适应校园服务管理的微信小程序势在必行。
作为一名计算机专业的学生，从学生的角度来说，我认为微信小程序开发一个校园服务管理系统是非常有意义的。鉴于小程序的诸多优势，管理体制与小程序相结合的想法应运而生，两者的结合产生了微信小程序服务管理的雏形。该平台将学生日常学习生活中需要的服务和信息进行整合，分别对系统需求、软件架构、数据库设计进行阐述，为学生提供全面便捷的服务管理、用户管理、工作管理、交流学习等模块。本文基于微信小程序在各大高校的校园服务管理中的应用与运营的研究与实践，为当前微信小程序的服务应用中提供参考。
用户通过登录后进入到小程序首页，可以看到首页、咨讯、课程、我的和更多五个按钮，每个按钮连接不同的页面。首页包括一些轮播图，有关西安财经大学的图片，并提供校园服务和娱乐互动功能。咨讯是用户评价较高的课程推荐，针对学习兴趣高但没有学习目标的用户群体，为他们提供更多的选择机会，进入详情还可以查询各个讲师的有关信息。热门课程主要有一些学习资源，方便用户查找，节省了许多时间。如果用户想要查看他们的个人信息，他们可以点击我的按钮并在线更改他们的个人信息。在更多中用户可以了解更多关于小程序的具体信息。与用户相比，管理员具有更多的权限，可以添加、删除、编辑和查询已经在线的课程。
本论文是关于在微信公众平台上二次开发实现校园便捷服务微信小程序的应用开发，既可认为学生提供便捷服务，又可为学校提供推送消息服务，构建低成本服务平台，不仅迎合了现代学生平时爱使用手机、平板电脑等便捷设备处理事情的习惯，还为学校提供一种搭建服务和推送消息的新媒体方式[3]。
1.2 研究现状及发展趋势
1.2.1 国内研究现状
到2021年的1月末为止，我国网民规模达9.02亿，国民通过手机接入互联网的比例高达98.3％，网民职业结构中学生占主体[4]。在互联网技术的快速发展下，各行各业的转型主要是在原有基础的服务形式下，依托移动端应用程序为社会提供全新的服务，互联网服务呈现智慧化特点。小程序基于月活跃用户9亿人次的微信生态中，流量大，入口多，功能简单却便捷。对于企业而言，无论是在企业宣传、企业营销、售后分析等方面存在巨大的潜力[5]。有业内人士认为：小程序功能快速迭代，意味着围绕小程序的开发和生态工具建设将会是移动互联网的有一个巨大机会。目前各行业内诸多企业单位加入了小程序开发，开通了小程序功能，且成果喜人。其次就是小程序的功能比较单一而且查找不便，运行时还容易出现卡机的现象[6]。特别是对于不熟悉微信小程序的中老年用户来说，使用小程序难度很大。因此，增加功能使用、简化操作是现任微信小程序的努力方向。对小程序的使用情况进行分析后发现，休闲、娱乐、实用性强的小程序更受用户喜爱，年轻用户更倾向于休闲娱乐和工作，而中老年用户更注重实用性，特别是在教育和医疗也是未来发展小程序计划的重要指导方针。
本文所设计的校园服务管理系统，是建立在微信小程序的开发平台基础上，运用小程序灵活便捷的特点，开发能够为校园用户提供个性化的服务，能够为广大师生提供方便快捷的校园生活方式，该平台的设计与实现成本低，操作简单便捷，适合各大高校使用。
1.2.2 国外研究现状
自2017年微信小程序诞生起，很快就尝到许多国际知名奢侈品牌的青睐。2017年4月，法国奢侈品牌Longchamp宣布与微信达成战略合作，先后推出了“Longchamp巴黎进取时代”和“Longchamp定制工坊”两个小程序。据腾讯数据显示，Prada也推出了小程序并注册，Prada首次使用小程序，这是其接触年轻人的开始，便有10多万人加入会员[7]。随着国际和小程序相结合的品牌在2018年的到来，路易威登、爱马仕、Cartier、Burberry和Coach等国际奢侈品牌也纷纷加入小程序的行列，以官方精品店、甚至游戏小程序的身份亮相。
今年受全球疫情影响，根据调查显示，微软、苹果、LVMH、开云、耐克、阿迪达斯、优衣库、海姆等50多个国际知名品牌宣布关闭北美或欧洲门店，以防止健康事件蔓延[8]。同时，品牌商通过微信小程序上线，防止品牌受疫情影响可能出现的业绩冲击。这些品牌发布了微软官方商城，耐克、阿迪达斯、优衣库、HM等微信小程序，并提供热门产品供消费者在小程序上选购[9]。
1.2.3 发展趋势
随着微信平台对关联应用的不断更新换代，小程序功能逐步增加，开发使用场景也在逐步加强，一步步走进了人们的生活。使其具有更高的商业和社会价值[10]。在商家看来，可以成功利用小程序在微信平台分发社交流量，然后引流到自己的APP，然后继续发展，最终实现流量转化，相当于找到了一条更强大的推广渠道，降低了成本但能够产生丰厚的利润。目前，随着电子商务和大型信息平台的加入，小程序的种类可能会越来越多，社会各界对小程序的发展也抱有很高的期望。
小程序最终的目的还是更好地服务大众，有需求就有市场，小程序带给我们的不仅仅是工具的使用，更是一种生活方式，简洁精炼的生活方式，触手可及，用完即走的整体体验感，丰富实用的场景，都决定了微信小程序在未来发展中的无限可能性。总体来看，绝大多数用户还是很看好小程序的发展，认为其在未来的应用市场竞争力不容小觑。
1.3 论文研究的主要内容
基于微信小程序的校园服务管理课外培训系统主要使用开源编辑软件IntelliJ IDEA和微信小型官方组件开发工具微信程序开发而成。该数据库使用MySQL数据库，连接到Navicat Premium这款软件，还可以通过CMD命名控制器管理后台数据。背景主要涉及课程资源的添加、删除、修改和查阅，培训教材的添加、删除、修改和隐藏，以及教师和学生信息的管理。从本文内容来看，主要讨论了小程序的研究脉络和发展趋势。并从严格软件开发的角度，详细介绍了小程序本系统开发的目的和意义、运行环境、系统设计、逻辑关系和功能实现。目标是开发一个实用、快速、灵活、便携、即用、高效的微信小程序，为随时随地学习创造一个高效、省时、省力的学习环境。
本文的研究对象主要分为三个角色：学生用户、教师和管理员。从学员用户的角度来看，我们可以在线查阅该系统的培训信息，包括课程名称、讲师信息、课程详情、上课时间地点等。从教师的角度来看，我们可以在网上查询授课信息，包括授课的课程名称、培训时间、地点等信息。从管理员的角度看，可以对课程的分类信息进行添加、删除、编辑和验证，还可以对学生和教师的个人信息进行添加、删除、编辑、查看等操作。

2 基于小程序的校园服务管理系统运用的基础理论、技术环境配置
2.1 系统运用的基础理论
2.1.1 学生活动及其管理
近年来，随着我国对教育的重视，从上至下各教育组织部门对学生活动的部署与日俱增。而丰富多彩的学生活动在校园中，其组织形式都是类似，都是需要在校园内做广泛的宣传普及，接受各班级学生的主动报名参加，组织考核，评定成绩，公布成效等。管理是否快速便捷有效，反应出学校组织部门的管理水平；活动能否切实的宣传落实，也影响到相关活动是否能够达到预期的效果[11]。
2.1.2 小程序基本原理
小程序本质就是一个单页面应用，所有的页面.渲染和事件处理，都在一个页面内进行，但又可以通过微信客户端调用原生的各种接口;其架构是数据驱动的架构模式，所有的页面更新，都需要通过对数据的更改来实现[12]。微信小程序开发依附于微信信息平台认证，使用上是依附于微信软件，搭建在微信这个APP上面的应用。开发微信小程序的注册流程，需要具有通过微信公众平台认证验证主体身份。通过微信小程序，给个人、企业和组织提供业务功能的全新服务平台。
2.1.3 小程序MINA框架
微信小程序的框架包含两部分View视图层、App Service逻辑层，View层用来渲染页面结构，App Service层用来逻辑处理、数据请求、接口调用，它们在两个线程里运行。两个部分在两个进程中运行，通过系统层JS Bridge实现通信，实现UI的渲染、事件的处理等[13]。具体的小程序的 MINA 框架图如图1所示：

图1 微信小程序的 MINA 框架图
从图1可见，微信客户端的开发，每一页面的构成包括：以.json 后缀名的. JSON文件，主要配置系统文件；以.wxml 后缀名的 .WXML 文件，应用于视图层，由 MINA 框架提供的描述页面的结构，类似于HTML标记语言来构建页面的基本视图结构，以及以组件形式构建的一系列基础组件；以.wxss 后缀名的.WXSS样式文件，应用于视图层，MINA提供的描述页面的展现样式，类似于CSS标签语言来渲染页面的样式；以.js 后缀名的JS脚本逻辑文件，应用于逻辑层，通过编写界面交互逻辑，实现数据处理和网络请求[14]。
2.1.4 微信 Web 开发者工具
微信 Web 开发者工具，由腾讯公司提供，主要用于微信小程序的客户端开发，集成了代码编辑、开发调试及程序发布等功能[15]。本章分主题的介绍了小程序的开发语言、框架、能力、调试等内容，帮助开发者快速全面的了解小程序开发的方方面面。开发者工具界面界面如图2所示：

图2 微信 Web 开发者工具界面

从图2可见，微信小程序开发者工具界面洁净、功能完善、使用简单，和其它可视化编程开发软件类似，开发人员可以轻松高效地开发。小程序提供了一个简单、高效的应用开发框架和丰富的组件及API，帮助开发者在微信中开发具有原生APP体验的服务。 想要更具体了解关于框架、组件、API的详细内容，微信官网提供了完整的介绍和开发文档，包含了完整的接口组件和 API[16]，能让新手快速的掌握开发技能。腾讯公司定期的从交互、性能、视觉等方面对 Web 开发者工具进行更新，为我们的开发提供了更好的体验。
2.2 系统运用的技术
2.2.1 Java语言
Java语言是一种跨平台，适合于分布式计算环境的面向对象编程语言，具体来说它具有简单、面向对象、分布式、安全、可移植、高性能、多线程以及多态等特性。Mysql数据库是一个关系型数据库管理系统，能够运行在Linux、Windows、Unix等操作系统。由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，受到众多中小型网站的青睐[17]。
2.2.2 JavaScript语言
本系统基于Javascript（简称“JS”）的前端框架，它是一种作为开发web页面的脚本语言，具有函数优先的轻量级，解释型或即时编译型等特点。遵循腾讯小程序的开发文档规范进行代码编写，开发过程中可以使用各种插件或调用公共的API进行编译、预览、真机调试等操作。
2.2.3 SSM框架
后端处理中采用Java语言开发，利用Java语言中的SSM 框架。该框架具体是指Spring、SpringMVC及MyBatis整合的简称[18]，严格意义讲，SpringMVC是Spring中的部分内容，因此框架集由Spring和MyBatis两个开源框架整合而成,具有轻量化和灵活的特点，是目前业界主流的Java Web开发框架。其中Spring的核心思想是控制反转，即不再需要程序员去显式地“new”一个对象，而是让Spring框架帮助程序员来完成这一切；SpringMVC的作用是在web层，执行所请求的操作，最终把执行结果返回给用户，用来处理用户请求。Mybatis是一种半自动ORM映射工具，可以自由地控制数据库和组织管理数据库，甚至可以优化数据库，帮助程序员自定义高效的SQL语句，提升数据库访问的效率。
2.3 系统环境配置
2.3.1 硬件环境
(1)CPU：双核。
(2)内存：4G内存。
(3)系统盘和数据盘：高性能云硬盘，共100G。
2.3.2 软件环境
(1)开发语言：java8。
(2)开发集成环境：IntelliJ IDEA 2020.1 x64。
(3)构建工具：微信开发者工具、idea、tomcat以及微信小程序API。

3 基于小程序的校园服务管理系统的分析与设计
3.1 可行性分析
可行性研究需要以全面系统的分析为主要方法，以经济效益为核心，围绕影响项目的各种因素，运用大量数据论证拟建项目的可行性。通过可行性分析，能够针对问题定义中所提出的问题找到解决的方法。本文将从技术可行性、经济可行性和操作可行性三个方面进行可行性分析。
3.1.1 技术可行性
本系统是基于微信小程序的校园服务管理系统的设计与实现，从技术上的角度出发，技术包括前端小程序的开发技术和后端的数据处理技术及数据存储的技术。前端采用 JavaScript 语言，小程序开发技术中，登录微信官网，能查询到小程序的开发文档和细节介绍，提供许多API和接口组件；后端采用Java开发语言，利用 Java SSM 框架。针对数据存储的问题，可以采用数据库技术进行存储，本文的数据库采用的是MySQL数据库，连接到Navicat Premium这款软件，还可以通过CMD命名控制器管理后台数据。
3.1.2 经济可行性
从开发该微信小程序的经济角度出发，主要关注这款小程序的开发成本和开发收益。开发成本主要包括开发费用，运作费用和维修费用；开发收益主要包括经济效益和社会效益。从长远来看，本系统建立在微信小程序的开发平台基础上，运用小程序灵活便捷的特点，开发能够为校园用户提供个性化的服务，能够为广大师生提供方便快捷的校园生活方式，该平台的设计与实现成本低，操作简单便捷，适合各大高校使用。相对基于微信小程序的校园服务管理系统的开发成本，其任务量较轻，开发环境要求低，耗时较短，因此收益是远大于成本的。
3.1.3 操作可行性
当前，生活数字化已经成为一种日益增长的趋势，用户对手机性能的需求也在不断提升。如果你想用手机下载和安装应用软件，就需要占用一定的内存空间。随着时间的推移，手机会充满内存，运行时会卡顿。至此，小程序的出现才从根本上解决了这个问题。微信小程序无需下载安装，用户使用起来更加方便。调研数据显示，2021年上半年，小程序不同量级的数量大幅增长，表明小程序行业整体更受用户关注。结合学生在校学习的现状，课外在线学习相比传统教育的社会环境下更加流行，用微信小程序取代原生APP即将成为一种趋势，这种趋势在未来也是势不可挡的，因此微信小程序具有很强的可行性。
3.2 需求分析
3.2.1 用户需求分析
用户需求分析：对于用户群体，我们希望有一个能够支持他们在线学习的小程序。这个小程序应该具有信息搜索、课程搜索、讲师选择、优质课程推荐和学习资料查询等功能。因为主要用户群体是各高校计算机专业的大学生和对学习计算机课程感兴趣的人。具体的用户需求分析如图3所示：

图3 用户需求分析图

从图3可见，小程序除了在线学习的功能以外，还应该具备校园服务和娱乐互动的功能，并且每个功能都能流畅运行。小程序还应该具备用户修改个人信息的功能，其中包括用户名称、用户头像、用户性别和用户所在地等信息。除此之外，用户可以通过此平台反馈，因为是以微信为平台基础，因此可以直接省去注册和登录这两个流程，用户直接通过微信授权一键登录，方便快捷。
3.2.2 管理员需求分析
后台管理员需求分析：作为后台的管理员，希望这个小程序能在正确实现用户管理外，其中包括信息修改及密码重置等功能，还能满足对课程进行管理的功能。本系统的用户管理分为两部分，学生管理和教师管理，管理员均能实现添加、删除、修改和检索等常规操作。此外，后台管理员应在登录期间执行身份验证操作，以防止系统泄漏了其他学员及教师的个人信息，也要杜绝对课程资源攻击发生更改的现象。
3.3 系统设计
系统设计就是根据系统分析的结果，运用系统科学的思想和方法，设计出能够最大限度地实现所要求目标的新系统的过程。系统设计总的原则是保证系统设计目标的实现，并在此基础上使技术资源的运用达到最佳。在整个系统设计中，也应遵循系统性原则、经济性原则和可靠性原则。系统设计的内容，包括系统功能的确定、设计方针和方法，理想系统的产生和项目的开发，通过收集信息对项目进行修改以产生可选的设计方案，以及将系统分解为几个子系统，本文的总系统设计分成用户角色设计和管理员角色设计两个子系统，然后对这两个子系统和总体系统进行了详细的设计和评估，并对性能效果进行预测。本系统的总体设计框架如图4所示：

图4 系统总体设计图

从图4可见，本文所设计的基于微信小程序的校园管理系统，该系统的总体设计分为管理员和用户两个部分，管理员身份使用的功能主要包括六个方面，分别是课程管理、讲师管理、学员信息管理、修改密码、账号密码重新设置和退出系统；用户身份使用的功能主要包括五个方面，可以使用小程序的校园服务、娱乐互动、课程学习查看、咨询培训信息和管理用户的个人信息。
3.3.1 用户角色设计
在用户的角色中，从逻辑上大致可以分为六个板块，具体的用户角色功能图如图5所示：

图5 用户角色功能图

从图5可见，在用户的角色中，从逻辑上大致可以分为六个板块，第一个板块是用户登录。用户需要输入用户名和密码，其中用户名是学员的学号，密码初始为身份证后六位，用户如果忘记密码，可以通过提示找回；第二个板块是校园服务，用户可以体验到小程序提供的四项服务功能，包括天气查询、跑腿帮帮、体质监测和课外培训信息的了解。第三个模块是娱乐互动，用户可以体验西财大宣传的视频浏览，每日一句学习外语，以及玩2048小游戏。第四个模块是课程培训，用户看到热门推荐，例如Java基础、Android应用开发、C语言课程等等，也可以在上方的搜索栏进行搜索课程；点击便能看到课程详情，包括课程信息和教师简介。课程信息涉及课程内容、学习费用和学习时长等，教师简介涉及该讲师的学历及授课评价等；第五个模块是用户信息，这里记录了用户的个人信息，其中包括用户名称、用户头像、可用于收藏和每日签到等，用户可以对这些信息进行修改操作。
3.3.2 管理员角色设计
在后台管理员的角色中，从逻辑上大致可以分为七个板块，具体的后台管理员角色分配图如图6所示：

图6 后台管理员角色功能图

从图6可见，第一个板块是管理员登录，管理员和普通用户以相同方式登录，通过账号和密码可以进入小程序后台管理页面；第二个板块是课程类别管理，在这一部分管理员可以对课程信息进行添加、编辑、删除、查询等操作。第三个模块是授课教师信息管理，管理员可以针对各个讲师信息进行增添、修改、删除、查询等操作；第四个板块是显示用户信息。管理员可以在这里看到所有用户信息，这与在用户角色中只能看到自己的个人信息不同。第五个板块和第六个板块分别是账号密码重置和修改密码，管理员身份涉及到用户信息是否泄露的风险，必修保证原密码输入正确；最后一个板块是退出登录，管理员在操作完成后，需要退出小程序的后台。
3.4 系统业务流程
3.4.1 用户业务流程
具体的用户业务流程逻辑结构如图7所示：

图7 用户的业务流程图

从图7可见，用户进入小程序后，可以体验到小程序提供的服务功能和娱乐互动项目，其中校园服务有天气查询、跑腿帮帮、体质监测和课外培训四个功能；娱乐互动包括西财大宣传、每日一句和2048小游戏。针对不同的操作产生不一样的结果，图中是以用户选择校园服务为例，用户的业务流程具体步骤为：用户打开小程序使用密码账号登录，如果验证失败，返回上一级重新输入账号密码，验证成功后进入到小程序主页，根据需要选择校园服务、娱乐互动项目或者咨询课外培训信息，如果加载失败则返回上一页重新加载，成功后则直接进入服务，完成后结束业务。
3.4.2 管理员业务流程
管理员进入后台后，可以对课程信息管理、学员信息管理、讲师信息管理、账号密码重置、修改密码和退出系统等进行不同操作。针对不同的操作产生不一样的结果，下面以课程管理为例，具体的管理员业务流程逻辑结构如图8所示：

图8 管理员课程管理业务流程图

从图8可见，是以课程管理为例的，其他业务与之结构相似，管理员的业务流程具体步骤为：管理员进入小程序后台，输入管理员身份的账号和密码，只有当账号和密码同时正确时才能成功登录，然后页面直接跳转进入管理员控制台，如果不能同时满足正确的条件，可以返回继续进行复核。进入后台页面后，管理员可以根据需要管理课程信息、管理学生信息、管理讲师或更改密码等操作。更改信息完成后，将提供最新的结果，管理员可以查看任何新信息。如果更新失败，则需返回到上一级继续更新，直到完成内容更新后结束业务。
3.5 数据描述
数据描述包括物理描述和逻辑描述两种形式，其中物理数据的描述是指对如何将数据存储在存储设备中的描述，并且物理数据是实际存储在存储设备中的数据。而逻辑数据描述是指以操作数据的形式对程序员或用户的描述，是抽象的概念性数据。
3.5.1 E-R图
E-R图基于E-R模型，即实体关系模型，它属于概念模型，抽象了现实世界中的实体及其之间的关系。数据库表属于数据模型，用于描述数据的结构关系。在一般项目的设计中，首先由客户需求分析人员抽象出E-R图，然后由数据库设计者根据E-R图和用户查询需求，设计数据库表结构以及相关意见和指标。本系统的实体包括学员信息实体、讲师信息实体、课程信息实体和管理员信息实体。
（1）学员信息实体
学员信息实体图如下图 9 所示：

图9 学员实体属性图

从图9可见，学员信息管理主要有学号、姓名、性别、出生年份、入学时间和所属类别等。
（2）讲师信息实体
讲师信息实体图如下图10所示：

图10 讲师实体属性图

从图10可见，讲师信息管理主要有讲师编号、讲师姓名、性别、出生年份、学历、职称、入职年份及所属类别公开信息。
（3）课程信息实体
课程信息的存储，课程信息在系统中的操作都与此实体有关。课程信息实体图如下图 11 所示：

图11 课程实体属性图

从图11可见，课程信息管理主要有课程号、课程名称、授课讲师编号、上课时间、上课地点、周数、周节数及所属类别公开信息。
（4）管理员信息实体
管理员信息实体图如下图 12 所示：

图12 管理员实体属性图

从图12可见，管理员可以课程管理、学员管理、讲师管理、账号密码重置、修改密码和退出系统等操作。
（5）本系统总体的E-R图如图13所示：

图13 系统总体E-R图
从图13可见，构成E-R图的3个基本要素是实体型、属性和联系，图中的矩形框表示实体，在框中记入实体名；图中的菱形框表示联系，在框中记入联系名；图中的椭圆形框表示实体或联系的属性，将属性名记入框中；图中的各个直接相连的直线表示实体与属性之间、实体与联系之间以及联系与属性之间的关系，并在直线上标注联系的类型。本文系统设计细分管理员和用户两个部分，从管理员部分可以查看管理员信息、开设课程、新增课程信息、管理授课讲师、管理培训信息和管理学员信息管理；从用户的角度出发，用户只能对管理员的信息、课程信息、讲师信息以及培训信息有查看的权限，而不能对其进行增加、删除和修改的操作。
3.5.2 数据库设计
本小程序整体设计的数据库表有七个，分别有培训信息表college、课程信息表course、角色信息表role、学员课程选择信息及成绩表selectedcourse、学员信息表student、授课教师信息表teacher和注册登录信息表userlogin，每个表包括序号、字段名称、数据类型、长度、主键和描述六个部分。具体数据库的设计如下表1-表7所示：
培训信息表(college)如表1所示:

表1 培训信息表
序号 字段名称 数据类型 长度 主键 描述
1 collegeID int 10 是 课程培训编号
2 collegeName varchar 50 否 课程培训名称

从表1可见，培训信息表包括两部分，包括collegeID和collegeName，并将collegeID设为主键，数据类型为整数型int，其意义分别对应课程培训编号和课程培训名称。
角色信息表(role)如表2所示:

表2 角色信息表
序号 字段名称 数据类型 长度 主键 描述
1 roleID int 10 是 角色编号
2 roleName varchar 15 否 角色名称

从表2可见，角色信息表包括两部分，包括roleID和roleName，并将roleID设为主键，数据类型为int，长度为10，roleName的数据类型为varchar, roleID和roleName分别对应课角色编号和角色名称。
课程信息表(course)如表3所示:

表3 课程信息表
序号 字段名称 数据类型 长度 主键 描述
1 courseID int 10 是 课程编号
2 courseName varchar 10 否 课程名称
3 teacherID int 10 否 开课讲师
4 courseTime varchar 50 否 课程时间安排
5 classRoom varchar 50 否 课程地点安排
6 courseWeek int 10 否 课程学习周数
7 courseType varchar 50 否 课程班级类型
8 collegeID int 10 否 课程培训信息
9 score int 10 否 课程分数等级

从表3可见，课程信息表包括九部分，包括courseID、courseName、teacherID、courseTime、classRoom、courseWeek、courseType、collegeID和score，并将courseID设为主键，数据类型为int，长度设置为10。courseName、courseTime、classRoom和courseType的数据类型定义为varchar,其余的数据类型定义为int。除课程时间安排、课程地点安排和课程班级类型的长度设置为50，其余数据的长度均为定义10。各类数据分别对应课程编号、课程名称、开课讲师、课程时间安排、课程地点安排、课程学习周数、课程班级类型、课程培训信息和课程分数等级。
学员课程选择信息及成绩表(selectedcourse)如表4所示:

表4 学员课程选择信息及成绩表
序号 字段名称 数据类型 长度 主键 描述
1 courseID int 10 是 课程编号
2 studentID int 10 否 学员编号
3 mark int 10 否 学员课程分数

从表4可见，学员课程选择信息表包括三个部分，包括courseID、studentID和mark，并将courseID设为主键，数据类型为int，长度为10，studentID和mark的数据类型也为int。courseID、studentID和mark分别对应课程编号、课学员编号和学员课程分数。
学员信息表(student)如表5所示:

表5 学员信息表
序号 字段名称 数据类型 长度 主键 描述
1 userID int 10 是 学员编号
2 userName varchar 40 否 学员姓名
3 sex varchar 20 否 学员性别
4 birthYear date 40 否 学员出生年月
5 grade date 40 否 学员入班日期
6 collegeID int 40 否 培训信息

从表5可见，学员信息表包括六个部分，包括userID、userName、sex、birthYear、grade和collegeID，并将userID设为主键，数据类型为int，长度为10。userName和sex的数据类型定义为varchar，将birthYear和grade的数据类型设置为date，collegeID的数据类型设置为分int。分别对应学员编号、学员姓名、学员性别、学员出生年月、学员入班日期和培训信息。
授课教师信息表(teacher)如表6所示:

表6 授课教师信息表
序号 字段名称 数据类型 长度 主键 描述
1 userID int 10 是 授课老师编号
2 userName varchar 40 否 授课老师姓名
3 sex varchar 20 否 授课老师性别
4 birthYear date 20 否 讲师出生年月
5 degree varchar 50 否 讲师学历
6 title varchar 50 否 讲师类型
7 grade date 50 否 讲师入职日期
8 collegeID int 50 否 培训信息

从表6可见，课程信息表包括八部分，包括userID、userName、sex 、birthYear、degree、title、grade和collegeID对应，并将userID设为主键，数据类型为int，分别对应授课老师编号、授课老师姓名、授课老师性别、讲师出生年月、讲师学历、讲师类型、讲师入职日期和培训信息。
注册登录信息表(userlogin)如表7所示:

表7 注册登录信息表
序号 字段名称 数据类型 长度 主键 描述
1 userID int 10 是 用户编号
2 userName varchar 40 否 用户姓名
3 password varchar 40 否 用户密码
4 role int 40 否 角色信息

从表7可见，注册登录信息表包括四个部分，包括userID、userName、password和role，并将userID设为主键，数据类型为int，分别对应用户编号、用户姓名、用户密码和角色信息。
3.5.3 数据库关系图
数据库关系图可以是全部或部分数据库结构的图像，它包括表中的对象、表中包含的列以及它们之间的关系。该系统的数据库关系如图14所示：

图14 数据库的关系类图
从图14可以看出，在关系模型中，现实世界中的实体以及实体之间的各种关系都由关系来表示。从用户的角度来看，关系模型中数据的逻辑结构是二维数据表。本系统的数据库关系分成两个部分，其中培训信息表college、课程信息表course、学员课程选择信息及成绩表selectedcourse、学员信息表student和授课教师信息表teacher五个表是连接的一部分，而注册登录信息表userlogin和角色信息表role是相互连接的另一部分。这种“关联关系”形成的图，是对现实世界中的实体与实体之间的关联关系进行存储与分析，具有遍历关系网络并抽取信息的能力强，无需耗时耗内存的Join操作，可以保持常数级时间复杂度等优点。

4 基于小程序的校园服务管理系统的实现
4.1 用户模块实现
4.1.1 用户授权及登录
用户授权具体实现如图15所示：

图15 用户微信授权

从图15可见，用户打开微信开发者工具，前端会根据注册的用户id，弹出相应的二维码，用户只需使用手机微信扫一扫功能，并在手机端确认登录微信开发者工具，便能够正常使用小程序，点击取消按钮则退出授权界面，授权失败则小程序的部分功能无法正常运行。
用户授权成功后，需要登录小程序的前端账号和密码，只有当用户正确输入账号与密码，页面才能正常跳转，否则提示重新登录，登录的具体实现如图16所示：

图16 用户登录

从图16可见，用户进入到登录界面，如果用户忘记账号密码，可以点击帮助按钮，根据提示重新输入正确的账号密码，成功登录后页面跳转到个人信息页面，其中包括用户头像及微信号的授权，以及用户姓名、学号、所在学院、具体班级以及邮箱和电话相关联系方式。
4.1.2 小程序主界面
用户进入小程序的主界面，用户点击小程序开发者后便可登录小程序，进入小程序首页看到页面最上方是一组官方轮播图，总共有五张关于西财大的图片循环播放。在轮播图的下方是五个功能按钮，每一个按钮又连接到不同的独立页面，分别包括首页、咨讯、课程、我的和更多，具体的用户前台界面如下图所示：

图17 小程序主界面

图18 小程序主界面
从图17和图18可见，最底部是五个功能区，使用户能直观的获取信息并快速熟悉小程序的使用方法。首页包括校园服务和娱乐互动两个方面，其中校园服务有天气查询、跑腿帮帮、体质监测和课外培训四个功能；娱乐互动包括西财大宣传、每日一句和2048小游戏；咨讯部分推荐的内容能快速帮助学员了解课程，点击页面可跳转到更详细的简介；课程是培训机构的所有的热门课程，点击可更快了解培训的详情，包括各课程的专属讲师资料，还有培训费用以及培训的时间安排等；我的主要是个人功能，包括预约、个人收藏、每日签到、可用积分等等；更多中获取本人信息，可以通过小程序进行反馈，以及在关于中了解小程序开发的版本等。
4.1.3 用户模块核心功能
(1) 核心功能一：天气查询
天气查询的具体功能界面如图19：

图19 天气查询界面

从图19可见，本系统提供同学们天气查询的功能，该功能需要打开定位系统以及网络连接，设计了湿度、降水量、风向、风力和风速等指标，还提供未来三天的天气预报，页面设计简单，用户使用方便，也可以点击定位重新选择其他地区。
(2) 核心功能二：跑腿帮帮
本系统为提供广大学生帮助，设计了跑腿帮帮这个项目，具体功能界面如图20所示：

图20 跑腿帮帮界面

从图20可见，跑腿帮帮内容包括帮同学送取物品或者送快递项目，最上方设计一个搜索栏，每一项任务都有要求和留言，包括物品的大小描述、送取地址及时间，最右侧有帮助该项任务的金额，小纸条表明与物主的联系方式。
(3) 核心功能三：体质监测
校园格外注重每一位学生的健康，本系统为提供广大学生监测健康，设计了体质监测这个项目，这也是响应教育部的要求，BMI指标是衡量健康的一项有效标准，通过输入体重和身高便能得到该生的BMI指标，并根据测试的不同结果给予健康建议，具体功能界面如图21所示：

图21 体质监测界面

(4) 核心功能四：课外培训
课外培训具体功能界面如图22所示：

图22 课外培训界面
从图22可见，校园服务部分还提供学生课外学习，项目的最上方是培训的轮播图，然后是功能导航和通讯内容部分，下方是特色课程以及教学环境，主要是对培训机构的描述，点击拨打右下侧的电话图标即可联系机构的客服。
课外培训的功能导航具体功能界面如下图所示：

图23 课外培训的功能导航界面

图24 课外培训的功能导航界面
从图23和图24可见，课外培训的功能导航部分包括报名流程、师资力量、学员风采和关于机构四个部分，报名流程帮助同学了解机构的咨询报名、交付定金、确认付款和来校报道四项流程，师资团队、学员风采以及培训机构简介帮助用户了解该机构。
(5) 核心功能五：西财大宣传
西财大宣传具体功能界面如图25所示：

图25 西财大宣传界面

从图25可见，西财大宣传主要包含五个视频片段，梦想开始的地方、西财大招生、西财大风景、信息学院研究院和西财大青志联，视频可随时暂停，只需点击暂停按钮即可，也能拉伸进度条快速观看，还添加了弹幕功能，设计的弹幕字体多种颜色方便区分，同学更好地交流。
(6) 核心功能六：每日一句
生活就是每天都有一个新的美丽的梦幻般的开始，本文设计的校园服务管理系统为学生推荐每日晨语正能量语录分享，你的梦想决定着你的未来。每日一句这个项目正在努力成为一个高质量的英语学习平台，为大多数英语学生提供专业和系统的英语内容。每日一句的具体功能界面如图26所示：

图26 每日一句界面

从图26可见，在每日一句项目可以学习英语，蕴含的都是人生哲理、心灵鸡汤等等，点击动态的图片可加载下一句，用户可以把自己喜欢的语录通过点击复制按钮，粘贴到笔记本上，还可以点击分享按钮，发送给自己身边的亲朋好友。在每日一句这里，我们可以通过慢速英语、标准英语等栏目收听、阅读大量新闻内容。俗话说得好，只要你保持执着、肯拼、什么都干，那么你就能成功，所以只要每天坚持同步学习，听、说、读、写、译等，综合技能就能不断提高。
(7) 核心功能七：2048游戏
学校的任务繁重，难得有放松休闲的时间，该系统在设计娱乐互动项目中加入一款脑力游戏，2048游戏的游戏规则非常简单，通过手指上下左右滑动将数值加到2048，数字到达2048即为胜利。这款小游戏有利于学生休闲之余放松，2048游戏的具体功能界面如图27所示：

图27 2048小游戏界面

从图27可见，在4*4的棋盘上，每次会增加一个数字，你可以选择四个方向，然后数字会按方向移动，遇到相同的数字就会合并，游戏的目的就是合并出2048这个数字，最终看你获得了多少总分。2048游戏的攻略是用向键移动方块，当两个具有相同数字的方块接触时，它们会合并为一个。2048也就是2的11次方，即合并11次。原本1024就已经不容易了，升级到2048，一旦停下来就还真的不好完成了！该项目有最高纪录缓存，用户点击新游戏即可开始新的一轮挑战。 
4.1.4 用户拓展功能
用户拓展功能部分实质上是用户从该培训机构中了解更多的培训信息，用户拓展功能部分主要包括咨询课程和热门课程两个模块，其中热门课程的具体详情及内容如图28所示：

图28 热门课程界面

从图28可见，用户在热门课程中可以了解到该课程的名称、平均价格以及课程介绍，用黑胡椒点击更多内容后，页面跳转到该课程的详细界面，包括该课程的具体学习费用、课程详情及课程特色等相关信息。如果想了解更多信息或者有疑惑的地方，用户可以点击电话按钮即可拨打客服热线。
用户除了可以选择热门课程学习外，还能在咨询课程部分中了解到所有好评课程，咨询课程的具体详情及内容如图29所示：

图29 咨询课程界面

从图29可见，咨询课程部分中包含了该机构所有好评的课程，与热门课程相比，该部分的课程具有高质量、好口碑、销量高的优势，每个课程具有它独特的特点，并且这些课程都是企业认可的。用户点击咨询详情，页面跳转到讲师相关信息界面，包括讲师的姓名、学历和讲师等级，记录了该讲师的主讲内容、可掌握的核心能力以及可解决的现实问题等信息，便学员了解。
4.1.5 用户中心
用户中心绑定了该用户的所有信息，不仅包括用户的身份信息，还包括用户的资金消费记录、个人收藏、个人预约、打卡功能、意见反馈和培训机构的优惠券信息，其中资金明细的具体实现如图30所示：

图30 资金明细和充值界面

从图30可见，用户在资金明细中可以查到可用余额，也能够查询到自己的冻结金融以及累计消费记录，用户使用小程序方便充值和提现。点击充值按钮后，小程序跳转到充值页面，用户可选择微信和支付宝两种支付方式，点击立即支付，会弹出二维码，用户将二维码保存到手机相册后，再使用手机扫一扫功能便能充值成功。小程序在充值出错时，系统会给出相应的错误提醒。
用户可以对未开课的课程进行预约，为方便用户在浏览课程培训信息时记录自己喜欢的课程，本系统还设计了个人收藏功能，除此之外，小程序为了督促学员在线学习的热情，用户也可以在每日签到页面进行打卡，打卡页面记录用户当天学习的时间。个人预约、个人收藏和打卡功能的具体实现如图31所示：

图31 预约收藏和打卡界面

从图31可见，用户可以在用户中心找到自己的预约和收藏记录，主要是记录用户浏览课程培训等信息，每日签到使用定时系统，超过具体打卡时间段视为打卡无效。
用户在领券中心具体功能如图32所示：

图32 领券中心界
从图32可见，用户的领券中心包括可领券，已领券和已失效三部分信息，用户领取到相应的优惠券，一般是课程费用的优惠打折券，然后用户在该功能部分兑换优惠券，并能够在已领券部分查询相关优惠券。如果优惠券时间已过或者没有最新的优惠活动，页面会给用户提示暂无可用优惠券。
为了更方便和用户联系，获取用户的宝贵建议，本平台设计了意见反馈和该培训机构两个模块，意见反馈和培训机构信息的具体实现如图33所示：

图33 反馈界面

从图33可见，用户在反馈界面可以输入自己的想法，反馈部分包括反馈标题和反馈内容，反馈会以邮件的形式给客服，恶意或多次提交会取消该用户的反馈功能，用户根据相应提示可以了解到自己的反馈信息是否成功提交，在培训机构下方留下相应的联系方式，包括客服的电话、微信号和邮箱等，用户也可直接在客服上班时间直接到机构地址了解信息。 
4.1.6 关于小程序
更多部分中记录了基于小程序的校园服务管理系统的有关信息，包括小程序简介和更新日志两个部分，具体详情如图34所示：

图34 小程序日志界面

从图34可见，小程序包括更新日志，详细纪录了在开发小程序遇到的困难及解决的时间，命名为“i西财大”，是一个微信小程序，是有别于订阅号和服务号的一种全新的连接用户与服务的方式，可以在微信内被便捷地获取和传播，同时具有出色的使用体验。
4.2 后台模块实现
4.2.1 登录界面
用户根据自己的身份输入账号和密码，具体的登录界面如图35所示：

图35 登录界面

从图35可见，用户可以根剧自己的身份，该后台设计有三种身份，包括管理员、讲师和学员，分别对应图中账号id为admin、10001和1001，用户需要输入账号和密码，在密码栏设置了密码隐藏功能，当账号和密码正确时，用户即可登录后台。
4.2.2 学员信息管理界面
学员用户进入小程序后台，具体的学员信息界面如图36所示：

图36 学员课程列表界面
从图36可见，管理员具体能查看所有课程、报名的课程、已选课程的成绩和修改学员用户的密码等功能，学员能够查看到该培训机构系统的所有课程，也能够查询授课老师的编号、上课的时间地点信息、以及对该课程的详情细节有所了解，包括该课程的学习周数，每周的上课次数，学员可以根据自己的经济情况选择选择全程班或者普通班报名学习。

图37 学员已报名课程界面

从图37可见，学员能够查看到自己在该培训机构系统的报名的所有课程，该模块可以帮助学员核对课程、授课老师、上课的时间地点信息和课程类型等，学员可以针对自己的时间安排各课程学习周数，如果时间冲突可以进行退选该课程操作。

图38 学员课程成绩界面

从图38可见，学员可登录该小程序的后端系统，查询个人的选课信息，以及自己每门课程的成绩分数。
4.2.3 讲师信息管理界面
讲师进入小程序后台，相对于学员信息管理设计更加简单，具体能实现查看教授课程和修改讲师本人的密码等功能，具体的讲师信息界面如图39所示：

图39 讲师教授课程界面

从图39可见，讲师能够查看到该培训机构系统的教授课程，也能够查询授课老师的编号、上课的时间地点信息、以及对该课程的详情细节有所了解，包括该课程的学习周数，每周的上课次数等信息。该系统设计成绩录入功能，讲师可以对自己的学员的学习情况进行打分，具体的成绩名单如图40所示：

图40 学员成绩界面

从图40可见，该系统设计成绩录入功能，讲师可以对自己的学员的学习情况进行打分，如上图是编号为1001的讲师对自己的三位学员的打分情况，在成绩录入后，会在操作栏提示已打分提示。
4.2.4 后台课程管理界面
课程管理界面信息包括课程号、课程名称、课程老师编号、上课时间和地点、课程类型及周节数等，具体实现见图41所示：

图41 课程名单管理界面

从图41可见，管理员进入课程名单管理界面，该部分信息包括课程号、课程名称、课程老师编号、上课时间和地点、课程类型及周节数等，管理员可以对课程名称进行搜索找到相应的课程，也可以添加新的课程信息，对于课程信息的变更，直接点击编辑按钮，即可针对不同课程内容进行细节上的修改。
4.2.5 后台学员管理界面
学员管理界面信息包括学号、姓名、性别、出生年份、入学时间和所属类别等，具体实现如图42所示：

图42 学员名单管理界面

从图42可见，管理员进入学员管理界面后，该部分信息包括学号、姓名、性别、出生年份、入学时间和所属类别等，管理员可以对学员姓名进行搜索找到该学员，当有的学员加入学习，可以添加新的学员信息，点击编辑按钮，即可对学员信息内容进行细节上的修改。如果学员学习结束，可以直接删除该学员的所有信息。
4.2.6 后台教师管理界面
讲师管理界面显示的信息主要有讲师编号、讲师姓名、性别、出生年份、学历、职称、入职年份及所属类别公开信息，具体实现如图43所示：

图43 讲师名单管理界面

从图43可见，管理员进入讲师管理界面，显示的信息主要有讲师编号、讲师姓名、性别、出生年份、学历、职称、入职年份及所属类别公开信息，管理员可以对讲师姓名进行搜索找到该授课老师，当新的讲师加入授课，点击编辑按钮，可以添加新的讲师信息，并对其信息进行细节上的修改。如果讲师离开，可以直接删除该讲师的所有信息。
4.2.7 后台账号密码重置界面
后台账号密码重置实现的是重置其他用户密码的功能，而非管理员自身的账号密码重置，具体实现如图44所示：

图44 账号密码重置界面
从图44可见，小程序后台的账号密码重置的界面设计相对简单，主要是考虑到非管理员身份的账号密码丢失的情况，管理员可以在此界面修改其密码，从而进行有效的管理。
4.2.8 后台密码重置界面
后台密码重置界面具体实现如图45所示：

图45 密码修改界面

从图45可见，小程序后台的密码修改的界面设计比较简单，主要是考虑到管理员自己身份的账号密码丢失的情况，管理员可以在此界面重新设置其密码，包括正确填写旧密码，输入新密码和再次输入新密码确认三个步骤。

5 基于小程序的校园服务管理系统的系统测试
5.1 测试方法及内容
功能测试:用来验证每个功能模块是否可以按照最先分析的要求来正常工作。
该模块测试的主要内容是测试小程序的登录是否正常；各模块页面是否能够正常跳转；管理员能否行使管理权限等。
5.2 测试部分用例
5.2.1 登录测试
“成功登录”测试用例描述如表8所示。

表8 成功登录测试用例描述
登录测试 Test1
测试目的 登录或注册
测试类型 功能测试
测试流程 输入账号和密码，并点击登录按钮
测试实例 用户id输入1001，密码输入123
预期结果 登录成功后跳转到首页

由表8可见，登录测试包括测试目的、测试类型、测试流程、测试实例和预期结果五个部分，正确的登录输入方式如图46所示，如果输入的密码正确就会直接跳转到首页。

图46 “登录”正确输入
“错误登录”测试用例描述如表9所示：

表9 错误登录测试用例描述
登录测试 Test2
测试目的 登录或注册
测试类型 功能测试
测试流程 输入用户名和密码，并点击登录按钮
测试实例 用户id输入ixicaida，密码输入123
预期结果 提示登录失败

由表9可见，登录测试包括测试目的、测试类型、测试流程、测试实例和预期结果五个部分，正确的登录输入方式如图47所示，如果输入的密码错误就不能跳转到首页并提示用户。输入错误的昵称或密码时如图48所示：

图47 “登录”输入

图48“登录”错误提示
从图47和图48可见，当用户输入“ixicaida”和相应的密码后，然后点击登录按钮，页面不能跳转到后台管理界面，而是跳转到一个未知界面，并弹出没有该用户的提示，此时用户便可以点开后退按钮重新回到登录界面。
5.2.2 后台管理员测试
本文所设计的基于小程序的校园服务管理系统，其后台主要对课程信息、学员信息和讲师信息实现管理，完成相应的搜索查询、删除、修改和增加的功能，以及对非管理员的密码重置的测试，具体各部分测试详情如下图所示：
(1) 搜索查询功能

图49 搜索查询

图50 搜索成功

由图49和图50可见，后台管理员在搜索栏输入“java”后，搜索栏自动识别字母的大小写，再点击搜索按钮，页面实现跳转，成功找到三条关于“java”的匹配项，对于搜索信息的测试成功。
(2) 删除信息功能
图51 删除学员界面

图52 删除成功

由图51和图52可见，后台管理员在学员名单中对10012号学员点击删除后，刷新页面后点击最后一页，页面实现刷新，成功删除学号为10012的学员，对于删除信息的测试成功。
(3) 修改信息功能

图53 修改初始页面

图54 修改学员信息界面

图55 修改成功
由图53、图54和图55可见，后台管理员在学员名单中对10001号学员点击修改后，页面实现跳转到修改学员信息页面，将该学员的姓名、性别、出生年月、入学时间和所属类别进行修改，点击提交页面，页面实现刷新，成功修改学号为10001的学员，对于修改信息的测试成功。
(4) 添加信息功能

图56 添加初始界面

图57 添加讲师信息界面

图58 添加成功

由图56、图57和图58可见，后台管理员在讲师名单管理中点击添加讲师信息后，页面实现跳转到添加讲师信息页面，将该讲师的工号、姓名、性别、出生年月、本科学历、入职时间和所属类别进行添加，点击提交页面，页面实现刷新，成功添加工号为1014的讲师，对于添加信息的测试成功。
5.3 测试结果
经过测试，小程序能够正常实现登录及登录时的校验，登录异常时也能及时显示错误提示，登录小程序之后系统能够正常运行而且没有出现过跳转错误的现象，后台运行界面，管理员可以对学生信息及老师信息进行增添、删除、修改和查询等操作，该校园管理系统的各个子功能够稳定流畅运行，提供良好的交互界面,为学生提供全面便捷的服务管理、用户管理、工作管理、交流学习等模块。系统运行产生的数据也能够在数据库中查看校验。为了方便操作和管理还将系统的数据库上传到了服务器上，给数据解析提供了很大的方便。

6 结论与展望
6.1 结论
埋头苦学将近三个月，终于完成毕业设计论文。经过实践，我意识到开发一个完整的设计和完整的开发是多么的困难。但这正是我在完成设计后有前所未有的满足感的原因。我原本以为，只要我前期做好了准备，过程应该会很顺利，但现实是，每一个没有引起我注意的小问题都会让我无法继续工作。让我也真正了解这些细节决定成败的实际意义。在系统开发设计之初，只考虑了学生用户的功能需求，没有理清教师和管理员之间的逻辑关系。而且前端页面不能跳转到预想连接的页面，几次尝试都没有解决，幸亏老师提醒我要注意其中的逻辑关系，才明白问题的核心。
此外，在微信开发者学习工具的这段时间，让我对微信小程序有了更多的了解和兴趣，实践达到了双倍的效果，让我印象深刻。我原本想使用学校老师教我们课程的开发软件，通过同学了解到IntellJ IDEA这种软件，所以我开始查阅不同的书籍和资料，在互联网上发现了教学视频。虽然过程很艰难，但结果还是很令人欣慰的。当我完成设计时，我还学会了如何使用新的开发工具。
6.2 展望
基于小程序的校园服务管理系统的设计与实现涉及到诸多方面，包括相关理论、方法和技术，但系统仍然有部分新的问题需要得到完美解决，特别是小程序开发应用后要不断积累经验和完善，在研发该系统的过程中也遇到一些难题，总结在以下的几个方面，需要进一步的研发。
(1)小程序是方便广大高校使用，设计中主要是为了大多学生，所以开发的校园服务和娱乐互动的项目，重点是帮助学生课外培训的研究，因此给到讲师部分的信息相对较少。
(2)本系统是个人开发，目前也是处于个人内测阶段，该系统的设计相比市面的小程序也不够成熟，使得许多细节只考虑了一些简单情况，如针对课程只有相关的简介信息页面，没有更多的视频链接等。
(3)该系统在研发过程中，考虑到前端后端的交互的问题，但涉及的交互细节颇多，后端的设计研究不够精湛，因此将前端后台分别开发，也引发在讲师部分打分仅有结果，需要进一步的更新完善试题信息。
(4)本系统在天气预测部分需要联网，就需要在网络的原因，需要更多优化，系统在某些跳转页面的时候出现卡顿情况，不过这些问题都是可以预期解决的。

参考文献
[1] 欧善国, 梁进. 综合型气象科普信息互动服务平台开发及应用[J]. 计算机技术与发展, 2021(03):163-167+173.
[2] 雒志奇, 高亮, 卢志谱, 等. 基于微信小程序的计算机等级考试辅导软件设计开发[J]. 南方农机, 2021(05):155-157.
[3] 王莹, 张文兰. 新技术环境下学生个体差异研究进展及趋势——基于2010—2020年教育技 术类核心期刊的CiteSpace可视化分析[J]. 中国教育信息化, 2021(05):1-6.
[4] 李琼. 基于三层B/S架构的企业信息化管理系统的设计与实现[J]. 信息与电脑(理论版), 2021(04):126-128.
[5] 罗品军, 宋永杰, 刘家俊. 基于物联网计价支付秤的系统设计[J]. 科技风,2021(6):18-19.
[6] 任鹏, 刘环瑞, 张娓娓, 等. 农业大棚温湿度测量微信小程序设计[J].软件, 2021(1):12-14+22.
[7] 李阳. 基于Echarts数据分析的新生报到系统设计[J]. 物联网技术, 2020(12):88-89.
[8] 高杰,赵逢禹,刘亚. 基于路径关键状态变量的测试用例约简[J]. 智能计算机与应用, 2020(10):115-119+126.
[9] 陈小宁,郭进. 基于移动互联的护理预约App研究与设计[J]. 计算机产品与流通, 2019(11):26.
[10] 刘敏娜,黄素萍,李延香. Web页面开发模式演变历史研究[J]. 数字技术与应用, 2019(10):117-118.
[11] 骆汛枫,张永康,林宏濠,唐嘉浩. 智能校园兼职平台的设计与应用[J]. 电脑知识与技术, 2019(28):76-79.
[12] 谢涵风,蔡国宝,夏曦,王秀友. 基于SSM的寻亲互联网络平台的设计与实现[J]. 电脑知识与技 术, 2019(04):85-88.
[13] 杨杰. 基于微信公众平台校园服务公众号的设计与实现[D]. 华中师范大学, 2015.
[14] 蔡琛. 校园电子商务系统的设计与实现[D]. 电子科技大学, 2013.
[15] 张艳丽. 基于流媒体技术的校园视频点播系统开发研究[J]. 曲靖师范学院学报, 2012(03):51-53.
[16] 王凤玲. 基于PHP+MYSQL的新闻发布系统的研究与实现[J]. 计算机应用与软件, 2012(02):234-236.
[17] Anton Ekblad. A meta-EDSL for distributed web applications[J]. ACM SIGPLAN Notices,2017,52(10).
[18] M. Sung,J. Gips,N. Eagle,A. Bonsen,A. Pentland. Mobile‐IT Education (MIT. EDU): m‐learning applications for classroom settings[J]. Journal of Computer Assisted Learning,2015,21(3).