基于微信小程序的云上考场系统小程序

目 录

1　绪论 1
1.1 研究背景 1
1.2 设计原则 1
1.3 论文组织结构 2
2　关键技术简介 3
2.1 微信小程序 3
2.2微信Web开发者工具 3
2.3微信小程序API接口 3
2.4 WXML 、WXS、JS小程序编写语言 4
2.5 MYSQL数据库 4
3　系统分析 5
3.1 可行性分析 5
3.1.1 技术可行性 5
3.1.2 经济可行性 5
3.1.3操作可行性 5
3.1.4法律可行性 5
3.2 用户体验需求分析 5
3.3 系统功能分析 6
3.3.1用户功能分析 6
3.3.2管理员功能分析 7
3.4 系统流程分析 7
3.4.1登录流程 7
3.4.2注册流程 8
3.5 系统界面分析 8
4　系统设计 10
4.1 系统结构设计 10
4.2 系统顺序图设计 10
4.3 系统数据库设计 12
4.3.1 数据库E-R图设计 12
4.3.2 数据库表设计 13
5　系统的实现 16
5.1 用户功能模块的实现 16
5.1.1 用户注册界面 16
5.1.2 用户登录界面 16
5.1.3首页界面 17
5.1.4 试卷列表界面 18
5.1.5考试记录界面 19
5.1.6社区界面 20
5.1.7我的界面 21
5.1.8面试讲解界面 22
5.2 管理员功能模块的实现 23
5.2.1管理员登录界面 23
5.2.2用户管理界面 24
5.2.3试卷管理界面 24
5.2.4面试讲解管理界面 25
5.2.5试题管理界面 25
5.2.6社区管理界面 26
5.2.7考试记录界面 26
6　系统测试 28
6.1 测试定义 28
6.2 测试方法 28
6.3测试原则 29
6.4测试结果 29
7 结论 30
参 考 文 献 31
致 谢 32

摘 要

随着互联网技术和通讯技术的快速发展、成熟，两者最终结合到了一起，即移动互联网。移动互联网时代的到来，微信的普及，致使基于微信小程序的系统越来越多，因此，针对用户对各类考试信息查询、模拟考试练习以及交流方面的需求，特开发了本云上考场微信小程序。
本文重点阐述了云上考场微信小程序的开发过程，以实际运用为开发背景，基于微信平台，运用了Java技术和MYSQL作为系统数据库进行开发，充分保证系统的安全性和稳定性。本系统界面良好，操作简单方便，通过系统概述、系统分析、系统设计、数据库设计、系统测试这几个部分，详细的说明了系统的开发过程，最后并对整个开发过程进行了总结，满足了不同权限用户的功能需求，包括管理员和用户。
本云上考场微信小程序运行效果稳定，操作方便、快捷，界面友好，是一个功能全面、实用性好、安全性高，并具有良好的可扩展性、可维护性的云上考场综合平台。
关键词：云上考场；Java技术；微信小程序；数据库

Design and Implementation of WeChat Mini Program in Cloud Examination Center

Abstract With the rapid development and maturity of Internet technology and communication technology, the two are finally combined together, namely the mobile Internet. With the advent of the mobile Internet era and the popularity of WeChat, there are more and more systems based on WeChat applets. Therefore, in response to the needs of users for various examination information query, mock examination exercises and communication, we have specially developed WeChat in the cloud examination room. Applets.
This article focuses on the development process of the WeChat applet in the cloud examination room, based on the actual application as the development background, based on the WeChat platform, using Java technology and MYSQL as the system database to fully ensure the security and stability of the system. The system has a good interface, simple and convenient operation. Through the system overview, system analysis, system design, database design, and system testing, the development process of the system is explained in detail. Finally, the whole development process is summarized and satisfied Functional requirements of users with different permissions, including administrators and users.
The WeChat applet of the cloud examination room has stable running effect, convenient and fast operation, and friendly interface. It is a comprehensive platform for the cloud examination room with comprehensive functions, good practicability, high security, and good scalability and maintainability.
Key words：Cloud examination room; Java technology; WeChat applet; database

1 系统设计

4.1 系统结构设计
在结构设计过程中，首先对系统进行需求分析，然后进行系统初步设计，将系统功能模块细化，具体分析每一个功能模块具体应该首先哪些功能，最后将各个模块进行整合，实现系统结构的最终设计。
本云上考场微信小程序的功能图如下图4-1所示：

图4-1 系统结构图
4.2 系统顺序图设计
（1）登录顺序图
用户在登录时，首先进入系统登录窗口，用户需要输入用户名和密码，点击登录按钮进行登录操作，系统会以用户名和密码为参数在数据库中进行登录信息的验证，验证成功则登录成功，进入用户主界面。登录模块顺序图如图4-2所示。

图4-2 登录顺序图
（2）注册顺序图
未有账号的用户可进入注册界面进行注册操作，在注册界面输入注册信息，点击提交按钮，系统首先判断用户名是否存在，存在则提示重新输入，不存在则验证注册信息是否正确，正确则在数据库中添加注册数据，提示注册成功。用户注册模块顺序图如图4-3所示。

图4-3 注册顺序图
4.3 系统数据库设计
4.3.1 数据库E-R图设计
在任何一个系统设计中，数据库都是其中至关重要的一个部分，如何选择适合的数据库并且使其的开发符合程序需要是在设计系统时所要考虑的一个关键性问题。本系统的数据库采用MYSQL进行设计和管理，其具有体积小、速度快的优势。E-R图是一种描述显示数据类型间的关系的数据描述方法，E-R图可以完整地映射出现实模型的关系。
实体与属性之间的关系：E-R图有三种基本成分，分别是实体（即数据对象）、属性、联系。所谓的数据对象是指在工作环境中所涉及到的事务用方框表示，属性则是对该事物特征的一种描述用椭圆表示。模型中的实体可以是具体的人事物也可以是某个概念。本云上考场微信小程序的E-R图如下所示：
1、试卷信息实体E-R图如图4-4所示：

图4-4 试卷信息实体的E-R图
2、试题信息实体E-R图如图4-5所示：

图4-5 试题信息实体E-R图
3、社区信息实体图如图4-6所示。

图4-6 社区信息实体E-R图
4、用户信息实体图如图4-7所示。

图4-7 用户信息实体E-R图
5、管理员信息实体图如图4-8所示。

图4-8 管理员信息实体E-R图
4.3.2 数据库表设计
本云上考场微信小程序采用MYSQL数据库进行系统数据的储存，下面介绍数据库中的各个表的详细信息。
表4-1 exampaper试卷信息表
列 名 说 明 类 型 ( 长 度 ) 备 注
id 编号 bigint(20) 不允许空,主键
addtime 创建时间 timestamp 允许空
name 试卷名称 varchar(200) 允许空
time 考试时长 int(11) 允许空
status 试卷状态 int(11) 允许空

表4-2 examquestion试题信息表
列 名 说 明 类 型 ( 长 度 ) 备 注
id 编号 bigint(20) 不允许空,主键
addtime 创建时间 timestamp 允许空
paperid 所属试卷 bigint(20) 允许空
papername 试卷名称 varchar(200) 允许空
questionname 试题名称 varchar(200) 允许空
options 选项 varchar(200) 允许空
score 分值 longtext 允许空
answer 正确答案 bigint(20) 允许空
analysis 答案解析 varchar(200) 允许空
type 试题类型 longtext 允许空
sequence 试题排序 bigint(20) 允许空

表4-3 forum社区信息表
列 名 说 明 类 型 ( 长 度 ) 备 注
id 编号 bigint(20) 不允许空,主键
addtime 创建时间 timestamp 允许空
title 帖子标题 varchar(200) 允许空
content 帖子内容 longtext 允许空
parentid 父节点编号 bigint(20) 允许空
userid 用户编号 bigint(20) 允许空
username 用户名 varchar(200) 允许空
isdone 状态 varchar(200) 允许空

表4-4 yonghu用户信息表
列 名 说 明 类 型 ( 长 度 ) 备 注
id 编号 bigint(20) 不允许空,主键
addtime 创建时间 timestamp 允许空
zhanghao 用户名 varchar(200) 允许空
mima 密码 varchar(200) 允许空
xingming 姓名 varchar(200) 允许空
nianling 年龄 varchar(200) 允许空
xingbie 性别 varchar(200) 允许空
shouji 手机 varchar(200) 允许空
youxiang 邮箱 varchar(200) 允许空
zhaopian 照片 varchar(200) 允许空

表4-5 users管理员信息表
列 名 说 明 类 型 ( 长 度 ) 备 注
id 编号 bigint(20) 不允许空,主键
username 用户名 varchar(100) 允许空
password` 密码 varchar(100) 允许空
role 角色 varchar(100) 允许空
addtime 创建时间 timestamp 允许空

2 系统的实现

5.1 用户功能模块的实现
5.1.1 用户注册界面
未有账号的用户可进入注册界面进行注册操作，注册信息包括用户名、密码、姓名、手机以及邮箱，用户注册界面展示如图5-1所示。

图5-1 用户注册界面
5.1.2 用户登录界面
用户在登录界面输入正确的账号和密码，点击登录按钮进行登录操作，用户登录界面展示如图5-2所示。

图5-2 用户登录界面
5.1.3首页界面
用户在首页界面可根据自己需求查看相关信息，首页界面展示如图5-3所示。

图5-3 首页界面
5.1.4 试卷列表界面
用户在试卷列表界面可查看已有试卷信息，并可选择进行考试，试卷列表界面展示如图5-4所示。

图 5-4 试卷列表界面
5.1.5考试记录界面
用户可查看个人考试记录信息，考试记录界面展示如图5-5所示。

图 5-5 考试记录界面
5.1.6社区界面
用户在社区界面可查看已有帖子信息，并可查看帖子详情，社区界面展示如图5-6所示。

图 5-6 社区界面
5.1.7我的界面
用户在我的界面可选择进行查看面试讲解、错题本、试卷列表、考试记录、客服中心、我要发帖以及我的发帖等，我的界面展示如图5-7所示。

图 5-7 我的界面
5.1.8面试讲解界面
用户在面试讲解界面可查看所有面试讲解信息，并可选择查看详情，面试讲解界面展示如图5-8所示。

图 5-8 面试讲解界面
5.2 管理员功能模块的实现
5.2.1管理员登录界面
管理员要想进入系统后台进行管理操作，必须登录系统后台，管理员登录界面展示如图5-9所示。

图5-9 管理员登录界面
5.2.2用户管理界面
管理员在用户管理界面可查看已有用户信息，对已有用户信息可进行修改和删除操作，同时管理员也可添加用户信息，用户管理界面展示如图5-10所示。

图5-10 用户管理界面
5.2.3试卷管理界面
管理员可添加、修改和删除试卷信息，试卷管理界面展示如图5-11所示。

图5-11 试卷管理界面
5.2.4面试讲解管理界面
管理员可进行面试讲解管理操作，对已有面试讲解信息可进行修改和删除操作，同时管理员也可添加面试讲解信息，面试讲解管理界面展示如图5-12所示。

图5-12 面试讲解管理界面
5.2.5试题管理界面
管理员可增删改查试题信息，试题管理界面展示如图5-13所示。

图5-13 试题管理界面
5.2.6社区管理界面
管理员可查看所有帖子信息，并可对其进行修改和删除操作，也可添加帖子，社区管理界面展示如图5-14所示。

图5-14 社区管理界面
5.2.7考试记录界面
管理员可查看所有考试记录信息，考试记录界面展示如图5-15所示。

图5-15 考试记录界面