摘    要

随着互联网技术的迅猛发展,教育行业也逐渐迎来了一场全新的变革。在线教育平台的崛起为学习者提供了更加便捷灵活的学习方式,而公开课作为其中的一种形式,因其开放性和多样性而备受欢迎。然而,传统的公开课管理方式存在着诸多不便,如预约流程繁琐、信息不透明等问题,迫切需要一种更加高效便捷的管理方式来满足用户需求。为解决这一问题,本文设计并实现了一款基于微信小程序的公开课管理系统。微信小程序作为一种轻量级的移动应用程序,具有跨平台、便捷灵活等特点,在移动互联网应用中拥有广泛的应用前景。该系统以微信小程序为载体,通过与后台服务器的数据交互,为用户提供了课程浏览、预约、管理等功能。系统采用了先进的前后端分离技术,极大地提升了系统的响应速度和用户体验。在系统设计方面,我们注重界面友好性和操作便捷性,通过精心设计和优化,使用户可以轻松地浏览课程信息、进行预约和管理个人信息。

在实际应用中,该系统已经取得了良好的效果,用户反馈积极,管理效率明显提高。综上所述,基于微信小程序的公开课管理系统在提升公开课管理效率、改善用户体验方面具有良好的应用前景和实际意义,也为教育行业的信息化建设提供了新的思路和技术支持。

关键词:微信小程序,公开课管理,在线教育,用户体验,前后端分离

Abstract

With the rapid development of Internet technology, the education industry has gradually ushered in a new revolution. The rise of online education platforms provides learners with more convenient and flexible learning methods, and open courses, as one of the forms, are popular for their openness and diversity. However, there are many inconveniences in the traditional open course management, such as cumbersome reservation process and opaque information, and a more efficient and convenient management method is urgently needed to meet the needs of users. To solve this problem, this paper designs and implements an open course management system based on wechat mini program. As a lightweight mobile application, wechat mini program has the characteristics of cross-platform, convenient and flexible, and has a wide application prospect in mobile Internet applications. The system takes wechat mini program as the carrier, and provides users with the functions of course browsing, reservation and management through the data interaction with the background server. The system adopts advanced front end separation technology, which greatly improves the response speed and user experience of the system. In terms of system design, we pay attention to user-friendly and easy to operate, and through careful design and optimization, users can easily browse course information, make appointments and manage personal information. In practical application, the system has achieved good results, the user feedback is positive, and the management efficiency is obviously improved. To sum up, the open course management system based on wechat mini program has good application prospects and practical significance in improving the efficiency of open course management and improving user experience, and also provides new ideas and technical support for the information construction of the education industry.

Key words: wechat mini program, open course management, online education, user experience, front end separation

目    录

摘  要 I

Abstract II

1  概    述

1.1 课题研究背景

1.2 微信小程序意义介绍

1.3 国内外研究现状 1

2  系统开发环境及相关技术 2

2.1 系统开发环境 2

2.2 系统开发技术 2

2.2.1 Spring Boot框架介绍

2.2.2 Java介绍

2.2.3 MySQL数据库

2.2.4小微信公众号开发技术

3  系统需求分析

2.1 可行性分析

3.2 功能需求分析

3.3 系统流程分析

3.3.1 登录流程

3.3.2 添加信息流程

3.3.3 收藏信息流程

4  系统设计

4.1 功能模块设计

4.2 系统数据库设计

4.2.1 数据库系统

4.2.2 数据库概念设计

4.2.3 数据表设计

4.2.4 数据表的建立

5  系统实现

5.1用户微信端模块实现

5.2管理员服务端模块实现

6  系统测试

6.1软件测试过程

6.2测试用例

结    论

致    谢

参 考 文 献

1  概    述

1.1 课题研究背景

随着互联网技术的不断发展和普及,教育行业也在面临着新的挑战和机遇。传统的教育方式存在着时间和空间的限制,学习者往往需要前往实体教室参加课程,这对于那些时间不便、地理位置偏远或者工作繁忙的人来说可能是一种不便。而随着在线教育的兴起,学习者可以通过互联网在任何时间、任何地点进行学习,这种灵活性和便捷性受到了越来越多人的青睐。在众多在线教育形式中,公开课作为一种典型形式,具有诸多优势。公开课不受时间和空间的限制,学习者可以根据自己的兴趣和时间自由选择感兴趣的课程,而且公开课通常由资深专家或者行业领军人物授课,为学习者提供了与优秀教育资源接触的机会,促进了知识的共享和交流。传统的公开课管理方式存在一些问题,比如预约流程繁琐、信息不透明等。学习者可能需要通过电话、邮件或者实体前台等方式预约课程,流程繁琐且效率低下。而且有时候学习者可能并不能及时获取到最新的课程信息,导致选择困难。

针对传统公开课管理方式存在的这些问题,亟需一种更加高效便捷的管理方式来满足用户需求。利用互联网技术和移动端应用,特别是结合微信小程序的便捷性和普及性,开发出一款基于微信小程序的公开课管理系统,将成为满足用户需求、提升公开课管理效率的重要途径。

1.2 微信小程序意义介绍

 微信小程序的推出标志着移动应用开发领域的一次重大变革。作为一种轻量级的移动应用程序,微信小程序由腾讯公司推出,并具有跨平台、便捷灵活等诸多特点。与传统的移动应用相比,微信小程序无需下载安装即可直接使用,用户可以随时随地在微信中打开,无需占用手机存储空间,极大地提高了用户的使用便捷性和体验感。这一特点使得微信小程序成为了移动互联网应用领域的一颗闪耀的明星,微信作为全球最大的社交平台之一,拥有庞大的用户基础和活跃度,几乎每个人都有微信账号。微信小程序作为微信生态系统的一部分,可以充分利用微信的社交生态,迅速吸引用户和流量。用户可以通过微信的各种入口(比如公众号、朋友圈等)访问到小程序,实现了流量入口的多样化和扩展性。此外,微信小程序还支持与微信内的其他功能和服务进行无缝连接,比如支付、分享、消息通知等,为用户提供了更加完整的应用体验。

微信小程序具有低成本、快速开发、易于维护等优势,因此受到了广泛的欢迎和应用。各行各业都在积极探索和应用微信小程序,从电商、金融、医疗到教育、旅游等领域都有着丰富的应用场景和成功案例。微信小程序的推出不仅为企业提供了一种全新的营销和服务手段,也为用户带来了更加便捷和丰富的移动互联网体验。

1.3国内外研究现状

在当前国内外,基于微信小程序的应用研究呈现出蓬勃发展的态势。尤其在教育领域,微信小程序作为一种新型的移动应用形式,已经开始被一些高校和教育机构尝试应用于在线教育服务的提供。这些教育机构通过微信小程序开展在线课程、考试预约等服务,取得了一定的成效。微信小程序的轻量级特性和便捷性使得学生和教师能够更加方便地进行在线教学和学习活动,为教育教学提供了新的可能性,国外一些知名的在线教育平台也开始推出基于微信小程序的课程服务,旨在提高用户体验和便捷度。这些在线教育平台通过微信小程序为用户提供了更加直观、便捷的课程浏览、预约和管理功能,吸引了大量的用户和流量。这些应用案例表明,微信小程序在在线教育领域具有广阔的应用前景和市场潜力,尽管微信小程序在教育领域的应用已经取得了一定的成效,但是针对公开课管理的研究和实践相对较少。目前关于基于微信小程序的公开课管理系统的研究还处于起步阶段,仍然存在着许多问题和挑战。比如,如何设计合理的课程展示和预约流程、如何确保系统的稳定性和安全性等都是需要进一步深入研究和探索的方向。因此,基于微信小程序的公开课管理系统的研究和开发具有重要的理论和实践意义,对于提升公开课管理效率、改善用户体验和推动在线教育发展具有重要的推动作用。

2  系统开发环境及相关技术

2.1 系统开发环境

本管理系统采用的集成开发环境为Eclipse,使用java等语言及springboot框架进行开发,其中硬件环境和软件环境如下:

  1. 硬件环境

处理器:Intel(R) Core(TM) i5-7400 CPU @ 3.00GHz  3.00GHz

内存:8GB

  1. 软件环境

操作系统:windows 10 64位操作系统

开发工具:Eclipse 

2.2 系统开发技术

本系统采用了基于Spring Boot框架的微信小程序开发技术,实现了前端页面以小程序形式呈现给用户,同时遵循B/S(Browser/Server)架构进行设计和开发。在B/S架构下,用户通过浏览器端进行系统使用,主要业务逻辑由服务器端进行实现,用户通过访问网站来进行系统操作,从而节约了系统建设和维护的成本。系统的后端主要采用Java等语言进行开发,利用Spring Boot框架提供的快速开发功能,实现了系统的业务逻辑和数据处理。同时,系统的数据存储部分采用了MySQL数据库,用于存储和管理系统的各种数据信息,包括用户信息、课程信息等。

2.2.1 Spring Boot框架介绍

Spring Boot是一个基于Spring框架的快速开发框架,它简化了Spring应用的初始搭建和开发过程,提供了一套快速、灵活、便捷的开发方式。在本系统中,我们采用了Spring Boot框架来搭建系统的后端服务,利用其强大的功能和丰富的生态系统,实现了系统的业务逻辑和数据处理。

Spring Boot框架提供了自动配置、快速开发、约定优于配置等特性,极大地简化了项目的配置和开发流程。通过Spring Boot,开发人员可以快速搭建起一个稳定可靠、功能完善的后端服务,节省了大量的开发时间和精力

2.2.2 Java介绍

Java是一种跨平台的编程语言,具有强大的生态系统和广泛的应用领域。在本系统中,我们使用Java作为后端开发语言,利用其稳定性和高效性,实现了系统的后端逻辑,Java具有良好的面向对象特性、丰富的类库和强大的工具支持,能够满足复杂应用的开发需求。同时,Java语言的跨平台性也使得系统可以在不同的操作系统上运行,具有较高的灵活性和可移植性。

2.2.3 MySQL数据库

MySQL是一种开源的关系型数据库管理系统,具有高性能、稳定可靠的特点。在本系统中,我们采用MySQL作为系统的数据库,存储和管理系统的各种数据信息,包括用户信息、课程信息等,MySQL具有良好的性能和稳定性,能够处理大规模的数据存储和查询操作。同时,MySQL还支持多种数据类型和复杂的查询语句,满足了系统对数据存储和处理的需求。

2.2.4微信公众号开发技术

在系统开发中,我们充分利用了微信小程序的开发技术,实现了系统的前端界面。微信小程序是一种轻量级的移动应用程序,具有跨平台、便捷灵活等特点,适用于各种类型的应用场景。在本系统中,我们充分发挥了微信小程序的优势,为用户提供了方便快捷的访问方式和良好的用户体验。

首先,微信小程序具有跨平台的特点,用户无需下载安装即可直接在微信中访问和使用,无论是在iOS、Android还是其他操作系统上,都可以无缝运行,大大降低了用户的使用门槛。用户可以通过微信的搜索功能或扫描二维码即可快速进入到系统界面,无需繁琐的安装和配置步骤,极大地方便了用户的操作体验,其次,微信小程序具有便捷灵活的特点,开发人员可以通过微信开发者工具进行快速开发和调试,实现开发过程的高效性和灵活性。微信提供了丰富的开发工具和文档,开发人员可以轻松地获取到所需的开发资源和支持,快速搭建起一个完整的小程序项目。同时,微信小程序还提供了丰富的组件库和API接口,开发人员可以通过简单的配置和调用实现各种复杂的功能和效果,为用户提供更加丰富和优质的服务,微信小程序具有良好的用户体验,界面简洁清晰,操作流畅友好,能够为用户提供流畅舒适的使用感受。开发人员可以根据用户的需求和反馈不断优化和改进系统界面,提升用户的满意度和忠诚度。同时,微信小程序还支持实时更新和在线升级,开发人员可以随时发布新版本,及时修复bug和优化功能,保持系统的稳定性和可用性。

3  系统需求分析

在当今社会,互联网已成为生活中不可或缺的一部分,其应用已经普及到各个领域。利用互联网、大数据等技术,可以有效解决许多现实问题。当前,大学生党务知识学习管理也面临着诸多挑战和问题。针对这一普遍现象,该系统能够很好地解决这些问题。系统中的用户数据至关重要,因此需要对数据进行合理组织和管理,确保数据的有序存储和高效利用。数据库管理系统被广泛应用于数据的存储、修改、索引以及数据库的维护和管理。通过数据库系统,能够实现对数据的集中管理,提高数据的可靠性和安全性。在数据库系统设计中,MySQL是一种性能良好、稳定可靠的数据库管理系统,被广泛应用于各个领域。

3.1 可行性分析

在设计基于微信小程序的公开课管理系统之前,我们进行了可行性分析,评估系统的技术、经济和操作等方面的可行性。

3.1.1技术可行性:

基于微信小程序的公开课管理系统的技术可行性得到了充分验证。微信小程序作为一种轻量级、跨平台的应用开发框架,具有良好的用户体验和广泛的用户基础,能够满足公开课管理系统的需求。同时,采用Spring Boot等后端框架进行支持,能够提供稳定、高效的后端服务,为系统的功能实现和扩展提供了强大的技术支持,基于微信小程序的公开课管理系统具有较高的技术可行性,有望在实际应用中取得良好的效果。

3.1.2经济可行性:

基于微信小程序的公开课管理系统具有较高的经济可行性。首先,微信小程序的开发和维护成本相对较低,而且可以充分利用微信平台的用户资源和功能,减少了推广和市场开发的成本。其次,该系统可以为学校、培训机构等提供高效的课程管理和学员服务,提升了管理效率和服务质量,从而增加了机构的竞争力和收益。综合考虑,基于微信小程序的公开课管理系统在经济上具有可行性,并有望为相关机构带来可观的经济收益。

3.1.3操作可行性:

基于微信小程序的公开课管理系统具有较高的操作可行性。微信小程序作为一种轻量级、跨平台的应用程序,具有简洁直观的用户界面和便捷的操作方式,用户无需额外下载和安装,即可通过微信平台进行访问和使用。系统的功能设计和操作流程经过精心优化,使得用户可以轻松浏览课程信息、在线报名、接收通知等操作,无需复杂的指导和培训即可上手。基于微信小程序的公开课管理系统在操作上具有良好的可行性,能够满足用户的实际需求,并提供良好的使用体验。

3.2 功能需求分析 

系统的功能需求主要包括用户管理、课程管理、评价与打卡、收藏与选课以及公告发布等模块。用户管理模块负责管理系统中的用户信息,包括管理员、教师和学生等不同角色的用户。管理员具有添加、编辑和删除用户账号的权限,而教师和学生则能够注册账号、登录系统,并修改个人信息。其次,课程管理模块主要包括发布和编辑课程信息的功能。教师用户能够发布新的公开课信息,包括课程名称、时间、地点、简介等,同时也可以编辑已发布的公开课信息,如修改课程信息、取消课程等。学生用户则能够浏览系统中已发布的公开课信息,并能够预约感兴趣的公开课。评价与打卡用于对课程进行评价和打卡记录。学生用户能够对参加的课程进行评价,并进行课程的打卡记录,以便系统统计课程出勤情况。对于收藏和选课功能,学生用户能够收藏感兴趣的课程,方便以后查看和预约;同时,学生用户也能够选择感兴趣的课程进行预约和选课,公告发布模块负责管理员发布系统公告。管理员能够发布重要通知和提醒,如公开课变更通知、预约成功提醒等,以便用户及时获取相关信息。

(1)、用户关键功能包含用户注册登陆、首页、课程信息、我的等有关功能。用户用例如下:

图3-1 用户用例图

  1. 教师关键功能包含用户注册登陆、首页、课程公告、选课记录等有关功能。教师用例如下:

图3-2 教师用例图

  1. 管理员的权限是最高的,可以对系统所在功能进行查看,修改和删除等,管理员用例如下:

图3-3管理员用例图

3.3 系统流程分析

3.3.1 登录流程

每个用户都有专属的密码和账号,在输入合法的账号和密码之后即可进入系统。登录流程如图3-3所示:

图3-3 登录流程图

3.3.2 添加信息流程

管理层人员有添加用户信息等信息功能。添加信息流程如图3-4所示:

图3-4 添加信息流程图

3.3.3 收藏信息流程

在微信小程序中,用户登录后,浏览课程公告、课程信息的详情界面能进行信息收藏,用户收藏信息的流程图如图3-5所示:

图3-5 用户收藏信息流程图    

4  系统设计

4.1 功能模块设计

微信小程序的课程管理根据权限类型进行分类,主要可分为学生端,教师端,管理员服务端三大大模块。用户微信端模块主要实现了修改个人信息,查看课程公告、课程信息、我的等操作,加强了用户的操作体验。管理员服务端模块主要根据管理员对整个系统的管理进行设计,提高了管理的效率和规范。系统总体模块设计如下图所示:

图4-1 系统总体模块设计

4.2 系统数据库设计

4.2.1 数据库系统

数据库系统是指在计算机系统中组织和管理大量数据的软件系统,它通过数据模型、数据库管理系统(DBMS)和数据库应用程序等组件来实现数据的存储、检索和管理。在公开课管理系统中,数据库系统起到了存储和管理用户信息、课程信息、评价信息等数据的重要作用。通过数据库系统,可以实现数据的持久化存储,确保数据的安全性和完整性,同时也能够提供高效的数据检索和处理功能,满足系统对数据的各种需求。

4.2.2 数据库概念设计

数据库概念设计是数据库系统设计的第一步,它主要包括确定数据库的概念结构、数据模型和数据之间的关系。在公开课管理系统中,数据库概念设计需要考虑系统的数据结构、数据表之间的关联关系以及数据的存储和检索方式等方面。通过数据库概念设计,可以清晰地定义系统中的数据实体、属性和关系,为后续的数据库物理设计和实现提供了基础和方向。以下是对部分主要的关键实体E-R如下:

用户信息实体E-R图如下图4-2所示。

图4-2用户信息实体E-R图

课程公告E-R图如下图4-3所示。

图4-3课程公告E-R图

课程打卡E-R图如下图4-4所示。

图4-4课程打卡E-R图

教师E-R图如下图4-5所示。

学生E-R图如下图4-6所示。

图4-6学生E-R图

课程打卡E-R图如下图4-7所示。

图4-7课程打卡E-R图

4.2.3 数据表设计

本管理系统的数据表的设计根据管理过程中的具体流程所需,方便了管理员对数据进行新增、删除、修改和查询的操作。

4.2.4 数据表的建立

系统使用MySQL工具对数据库进行操作,它有着简便的数据库管理操作以及强大的数据处理能力。以下是数据表的建立情况:

表4-1:课程公告表

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

  主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

kechengmingcheng

varchar

200

课程名称

kechengjianjie

varchar

200

课程简介

kechengtupian

longtext

4294967295

课程图片

gonggaoneirong

longtext

4294967295

公告内容

gonggaoshijian

datetime

公告时间

jiaoshizhanghao

varchar

200

教师账号

jiaoshixingming

varchar

200

教师姓名

表4-2:课程打卡表

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

  主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

kechengmingcheng

varchar

200

课程名称

kechengjianjie

varchar

200

课程简介

kechengtupian

longtext

4294967295

课程图片

jiaoshizhanghao

varchar

200

教师账号

jiaoshixingming

varchar

200

教师姓名

xuankeshijian

varchar

200

选课时间

xueshengzhanghao

varchar

200

学生账号

xueshengxingming

varchar

200

学生姓名

dakashijian

datetime

打卡时间

表4-3:教师表

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

  主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

jiaoshizhanghao

varchar

200

教师账号

jiaoshixingming

varchar

200

教师姓名

mima

varchar

200

密码

xingbie

varchar

200

性别

lianxifangshi

varchar

200

联系方式

zhaopian

longtext

4294967295

照片

表4-4:学生成绩表

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

  主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

kechengmingcheng

varchar

200

课程名称

kechengchengji

double

课程成绩

kechengtupian

longtext

4294967295

课程图片

lurushijian

datetime

录入时间

jiaoshizhanghao

varchar

200

教师账号

jiaoshixingming

varchar

200

教师姓名

xueshengzhanghao

varchar

200

学生账号

xueshengxingming

varchar

200

学生姓名

表4-5:课程信息评论表

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

  主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

refid

bigint

关联表id

userid

bigint

用户id

avatarurl

longtext

4294967295

头像

nickname

varchar

200

用户名

content

longtext

4294967295

评论内容

reply

longtext

4294967295

回复内容

表4-6:学生表

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

  主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

xueshengzhanghao

varchar

200

学生账号

xueshengxingming

varchar

200

学生姓名

mima

varchar

200

密码

xingbie

varchar

200

性别

shouji

varchar

200

手机

touxiang

longtext

4294967295

头像

表4-7:config表

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

  主键

name

varchar

100

配置参数名称

value

varchar

100

配置参数值

url

varchar

500

url

表4-8:选课记录表

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

  主键

addtime

timestamp

创建时间

CURRENT_TIMESTAMP

kechengmingcheng

varchar

200

课程名称

kechengjianjie

varchar

200

课程简介

kechengtupian

longtext

4294967295

课程图片

jiaoshizhanghao

varchar

200

教师账号

jiaoshixingming

varchar

200

教师姓名

xuankeshijian

datetime

选课时间

xueshengzhanghao

varchar

200

学生账号

xueshengxingming

varchar

200

学生姓名

crossuserid

bigint

跨表用户id

crossrefid

bigint

跨表主键id

sfsh

varchar

200

是否审核

待审核

shhf

longtext

4294967295

审核回复

表4-9:用户表

字段名称

类型

长度

字段说明

主键

默认值

id

bigint

主键

  主键

username

varchar

100

用户名

password

varchar

100

密码

image

varchar

200

头像

role

varchar

100

角色

管理员

addtime

timestamp

新增时间

CURRENT_TIMESTAMP

→ 源码获取

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部