随堂测微信小程序 的设计与实现

目 录

摘 要 I
Abstract II
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 Java技术 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管理员功能分析 6
3.4 系统流程分析 7
3.4.1登录流程 7
3.4.2注册流程 7
3.5 系统界面分析 8
4　系统设计 9
4.1 系统结构设计 9
4.2 系统顺序图设计 9
4.3 系统数据库设计 11
4.3.1 数据库E-R图设计 11
4.3.2 数据库表设计 12
5　系统的实现 15
5.1 微信端功能模块的实现 15
5.1.1 微信端注册界面 15
5.1.2 微信端登录界面 15
5.1.3首页界面 16
5.1.4 测试信息界面 16
5.1.5测试信息详情界面 17
5.1.6随堂测试界面 18
5.1.7用户信息界面 18
5.2 服务端功能模块的实现 19
5.2.1服务端登录界面 19
5.2.2学生管理界面 19
5.2.3教师管理界面 20
5.2.4测试信息管理界面 20
5.2.5随堂测试管理界面 20
5.2.6课程类型管理界面 21
6　系统测试 22
6.1 测试定义 22
6.2 测试方法 22
6.3测试原则 23
6.4测试结果 23
7 结论 24
参 考 文 献 25
致 谢 26

摘 要

移动互联网时代的到来，微信的普及，致使基于微信小程序的系统越来越多，因此，针对学校随堂测方面的需求，开发了本随堂测微信小程序。
本文重点阐述了随堂测微信小程序的开发过程，以实际运用为开发背景，基于微信平台，运用了Java技术和MYSQL作为系统数据库进行开发，充分保证系统的安全性和稳定性。本系统界面良好，操作简单方便，通过系统概述、系统分析、系统设计、数据库设计、系统测试这几个部分，详细的说明了系统的开发过程，最后并对整个开发过程进行了总结，实现了随堂测的重要功能。
本随堂测微信小程序运行效果稳定，操作方便、快捷，界面友好，是一个功能全面、实用性好、安全性高，并具有良好的可扩展性、可维护性的随堂测平台。
关键词：随堂测；Java技术；微信小程序；数据库

Abstract

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 school testing, we developed this WeChat applet.
This article focuses on the development process of WeChat Mini Programs, with actual application as the development background, based on the WeChat platform, using Java technology and MYSQL as the system database for development 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, system testing, the development process of the system is explained in detail. Finally, the whole development process is summarized and realized An important function of in-class testing.
The WeChat small program for the on-the-spot test has stable running effect, convenient and fast operation, and friendly interface. It is a full-featured, practical, high-security, and has good scalability and maintainability.
Key words：In-class testing; Java technology; WeChat applet; database

1 系统分析

3.1 可行性分析
在软件开发第一阶段时，就应该对整个系统进行一次可行性分析。在开发进行过程中，并不是所有的问题都能在预计的范围内解决。通过可行性分析可以提前从中发现问题，解决问题，从而避免财力、人力和物力的浪费。
3.1.1 技术可行性
技术可行性是指学习的技术是否能够完成本项目，如果团队本身没有相关的技术储备，而又能够迅速掌握此类技术，那项目应该达不到我们的设计要求。本随堂测微信小程序基于微信小程序开发，系统采用Java、MYSQL数据库等技术进行开发设计，作为计算机专业学生，在学校期间就接触到许多关于编程方面的知识，当然也包括各种编程软件，对他们的了解度也比较系统，所以技术开发上面还是有一定把握。
3.1.2 经济可行性
开发这个程序软件并不会涉及到经济上面的开销，在开发软件的选择上也不会额外付费安装软件，在开发软件的官网上面就可以下载需要的软件，并根据提示的安装步骤安装软件到自己的电脑上面。因此，该项目的实施在经济上完全可行。
3.1.3操作可行性
操作可行性主要是针对系统用户而言，一个系统再完美，技术再先进，用户不去使用，或者用户根本不会使用，该系统存在的价值也是不大的。本随堂测微信小程序具有易操作、易管理、交互性好的特点，在操作上是非常简单的，所以从用户的角度而言，没有任何学习成本，因此，操作上是可行性的。
3.1.4法律可行性
开发的随堂测微信小程序所使用到的软件和资料来源都是图书馆、百度文库、百度网页等渠道，并不涉及违法。在个人毕业设计上面，无论源代码还是论文编写内容不存在抄袭行为。
综上所述，我们进行了四个方面的可行性研究，可以看出，该随堂测微信小程序的开发是没有问题的。
3.2 用户体验需求分析
这个随堂测微信小程序要求在微信平台上可以运行，主要实现了注册登录、测试信息、随堂测试等基本功能。一个好的程序要具备以下两方面用户体验：
（1）界面友好
用户界面要简洁直观、操作方便。
（2）响应快速
对用户的请求能快速响应，对一些耗时的应用程序，以进度条的形式显示，让用户随时了解程序执行情况。
3.3 系统功能分析
本随堂测微信小程序主要分管理员和学生两大功能模块，下面将详细介绍管理员和学生分别实现的功能。
3.3.1学生功能分析
没有账号的学生可进行注册操作，注册登录后主要功能模块包括首页、测试信息、随堂测试以及我的（用户信息、测试信息、随堂测试）四大部分，学生用例图如图3-1所示。

图3-1 学生用例图
3.3.2管理员功能分析
管理员可登录系统后台，登录后可对系统进行全面管理，管理员主要实现的功能包括个人中心、学生管理、教师管理、测试信息管理、随堂测试管理、课程类型管理、管理员管理以及系统管理，管理员用例图如图3-2所示。

图3-2 管理员用例图
3.4 系统流程分析
3.4.1登录流程
登录模块主要满足了学生和管理员的权限登录，登录流程图如图3-3所示。

图3-3 登录流程图
3.4.2注册流程
未有账号的学生可进入注册界面进行注册操作，注册流程图如图3-4所示。

图3-4注册流程图
3.5 系统界面分析
（1）简洁的用户界面
本系统主要是基于微信小程序，是一款随堂测试软件。所以系统在用户界面的设计方面要给人以清晰明了的感觉，在使用过程中能够实现高效率、低出错率等要求。
当用户使用本系统时，应用程序应直接提供一个简洁明了的功能选择模块，首先让用户对系统能做什么有大致的了解。通过供以选择的功能模块完成用户在使用系统时的不同需求。
（2）清晰的系统层次
用户初次打开应用时所展现出来的简洁的界面已经首先清晰明了的向用户阐明了系统的各功能模块和系统能做些什么。用户界面被划分成多个条目，点击任一条目即可进入对具体数据进行处理的界面，因此清晰的系统层次对方便用户使用程序用着很重要的作用。根据以上所提到的一些模块，如注册登录、测试信息、随堂测试等功能的处理步骤相对简单，点击进入后直接完成对数据的查看和了解。

2 系统设计

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图
4.3.2 数据库表设计
本随堂测微信小程序采用MYSQL数据库进行系统数据的储存，下面介绍数据库中的各个表的详细信息。
表4-1 xuesheng学生信息表
列 名 说 明 类 型 ( 长 度 ) 备 注
id 编号 bigint(20) 不允许空,主键
addtime 创建时间 timestamp 允许空
xuehao 学号 varchar(200) 允许空 mima 密码 varchar(200) 允许空 xingming 姓名 varchar(200) 允许空 xingbie 性别 varchar(200) 允许空 banji 班级 varchar(200) 允许空
shouji 手机 varchar(200) 允许空
youxiang 邮箱 varchar(200) 允许空
shenfenzheng 身份证 varchar(200) 允许空
zhaopian` 照片 varchar(200) 允许空

表4-2 shiticeshi试题测试信息表
列 名 说 明 类 型 ( 长 度 ) 备 注
id 编号 bigint(20) 不允许空,主键
addtime 创建时间 timestamp 允许空
xuehao 学号 varchar(200) 允许空
xingming 姓名 varchar(200) 允许空
timu 题目 varchar(200) 允许空
timuleixing 题目类型 varchar(200) 允许空
defen 得分 int(11) 允许空 xuanxiang 选项 varchar(200) 允许空 dati 答题 varchar(200) 允许空
tupian` 图片 varchar(200) 允许空
userid 用户编号 bigint(20) 允许空

表4-3 shitixinxi试题信息表
列 名 说 明 类 型 ( 长 度 ) 备 注
id 编号 bigint(20) 不允许空,主键
addtime 创建时间 timestamp 允许空
jiaoshigonghao 教师工号 varchar(200) 允许空 jiaoshixingming 教师姓名 varchar(200) 允许空 ceshimingcheng 测试名称 varchar(200) 允许空
biaoqianleixing 标签类型 varchar(200) 允许空
nandudengji 难度等级 varchar(200) 允许空
timu 题目 varchar(200) 允许空
timuleixing 题目类型 varchar(200) 允许空
defen 得分 int(11) 允许空 xuanxiang 选项 varchar(200) 允许空
tupian 图片 varchar(200) 允许空

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

3 系统的实现

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.2 服务端功能模块的实现
5.2.1服务端登录界面
管理员要想进入系统后台进行管理操作，必须登录系统后台，服务端登录界面展示如图5-8所示。

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

图5-9 学生管理界面
5.2.3教师管理界面
管理员可添加、修改和删除教师信息，教师管理界面展示如图5-10所示。

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

图5-11 测试信息管理界面