（附源码）node.js云学堂微信小程序学习系统的设计与实现毕业设计 011735

Bertha 。 2024-04-01 10:53 90阅读 0赞

**Node.js云学堂微信小程序**

**摘要**

信息化社会内需要与之针对性的信息获取途径，但是途径的扩展基本上为人们所努力的方向，由于站在的角度存在偏差，人们经常能够获得不同类型信息，这也是技术最为难以攻克的课题。针对云学堂教学等问题，对其进行研究分析，然后开发设计出基于微信小程序的云学堂以解决问题。

云学堂小程序主要功能模块包括课堂信息、课堂资讯、学生管理、精品好课等，采取面对对象的开发模式进行软件的开发和硬体的架设，能很好的满足实际使用的需求，完善了对应的软体架设以及程序编码的工作，系统主要采取Mysql作为后台数据的主要存储单元，运用软件工程原理和开发方法，采用node.js的koa技术构建的，实现了系统的全部功能。本次报告，首先分析了研究的背景、作用、意义，为研究工作的合理性打下了基础。针对云学堂小程序的各项需求以及技术问题进行分析，证明了系统的必要性和技术可行性，然后对设计系统需要使用的技术软件以及设计思想做了基本的介绍，最后来实现云学堂小程序和部署运行使用它。

**关键词：**云学堂，Koa，数据库

**Node.JScloudclassroomwechatapplet abstract**

In the information society, there is a need for targeted information access, but the expansion of access is basically the direction of people's efforts. Due to the deviation of the perspective, people can often obtain different types of information, which is also the most difficult subject for technology to overcome. Aiming at the problems of cloud school teaching, this paper studies and analyzes it, and then develops and designs a cloud school based on wechat applet to solve the problems.

The main functional modules of the cloud school applet include classroom information, classroom information, student management, excellent courses, etc. the object-oriented development mode is adopted for software development and hardware erection, which can well meet the needs of actual use and improve the corresponding software erection and program coding. The system mainly adopts MySQL as the main storage unit of background data, Using software engineering principles and development methods, node JS is constructed by koa technology, which realizes all the functions of the system. This report first analyzes the background, function and significance of the research, which lays a foundation for the rationality of the research work. This paper analyzes the requirements and technical problems of the cloud school applet, proves the necessity and technical feasibility of the system, and then makes a basic introduction to the technical software and design ideas needed to design the system. Finally, it realizes the cloud school applet and deploys it.

**Key words:** Cloud school, KOA, database

目 录

第1章 绪 论 1

1.1课题背景 1

1.2 开发现状 2

1.3 研究内容 2

1.4 开发工具及技术 3

第2章 系统分析 7

2.1 可行性分析 7

2.2总体设计原则 7

2.3 系统需求分析 8

2.4 业务流程分析 8

第3章 系统设计 11

3.1 系统概要设计 11

3.2系统结构设计 11

3.3 数据库设计 12

第4章系统实现 16

4.1系统功能模块 16

4.2管理员功能模块 22

4.3用户功能模块 24

第5章软件测试 27

5.1软件测试的重要性 27

5.2测试实例的研究与选择 27

5.3测试环境与测试条件 28

5.4系统运行情况 28

5.5系统评价 28

第6章 总结 30

参考文献： 31

致谢 33

1.   绪 论

1.1课题背景

在web2.0时代，信息技术快速发展以及教育信息化进程的推进，微课在教育互联网中的地位也已经开始不断攀升，教师和学生对翻转课堂喜欢指数越来越高，先进的云计算技术也向世界蔓延传播。时代的变化使教学模式发生了翻天覆地的变化，由此微课诞生了，这也正是目前教育的热点话题离不开翻转课堂和可汗学院的在线课程的原因"。而巧妙的将云时代与教育时代相结合，更能让教育与互联网时代碰撞出火花。使教育和云平台相结合的方式，将是教育模式发展的新趋向。而本课题的云学堂系统正是启动课程开放计划，致力于打造全新的课程共享平台，教师均可以分享自己的课程给其他学校和班级的学生，使资源共享成为现实。

所谓“云学堂”，是一类面向教育和培训行业的互联网服务，同时它也是一种高效、便捷、实时互动的远程教学课堂形式。使用者无需购买任何硬件和软件，仅使用互联网界面，并通过网络互动直播技术服务的方式，进行简单易用的操作，就可以实现面向全国的高质量的网络同步和异步教学及培训，与全球各地学生、教师、家长等不同用户同步分享语音、视频及数据文件，是一种真正完全突破时空限制的全方位互动性学习模式。

微信小程序具有如下特点：首先，微信小程序作为一种新兴的服务方式，直接与微信公众号、微信支付以及微信卡券等模块对接，同时该程序融入了微信生态体系，为用户提供了更为便捷的使用体验；其次，微信小程序无须单独下载，是直接镶嵌于微信程序中，用完退出即可，不必卸载。第三，与传统APP相比，微信小程序推广更加方便，成本也较低；第四，微信小程序借助微信平台能够实现快速生成和投入使用，开发效率较高。因此，本文选择基于微信小程序设计云学堂，而非基于微信公众号。

1.2 开发现状

虽然我国现在大力的支持云学堂教学的建设，但是客观的说我国的云学堂网站建设还是处于发展阶段，还缺乏一些理论指导，以及统一的调配问题，形成现在的全而不精的局面。我国的云学堂教学网站建设与国外相比还是有很大差距的。

国家已经为高校信息化环境建设和教学网站建设投入了巨额的经费，并取得了显著的成效。现有的教学平台及其他数字学习资源，和高校信息化环境建设的成果为本课题的研究提供了良好的物质基础。但目前优秀的教学资源的共享和应用还不够充分，教学平台网站资源对教学质量和办学效益提高的作用离人们的期望还有较大的距离。教学共享服务和可持续发展，不仅是教育信息化进程中资源建设的重要内容，而且其共建共享模式可以为国家信息化发展、构建基于信息化环境的终身教育体系、建设学习型社会提供参考。

1.3研究内容

云学堂微信小程序的开发及实现，所需要的工作内容：

（1）首先是确定选题，确定好所要做的系统，并对系统的背景及现在面临的一些问题等进行系统的初步确认。

（2）系统确认完成后，结合系统开发的需求进行确认系统开发所使用的技术，云学堂微信小程序的开发使用Koa框架，数据库进行平台的搭建开发，确认好使用的技术进行技术分析，所使用的技术是否可以完成系统的实现。

（3）确定好系统使用的技术，进行在线确认系统所划分的用户角色，并且根据用户角色划分确定所要设计的功能模块，对云学堂微信小程序的设计主要划分别为管理员和用户角色，并所使用的功能模块也相应不同，但是系统的数据库实现的内容是交互的，用户可以随时根据自己的需求进行课程信息，对于系统工作人员可以根据自己的分管内容进行在线信息的处理及操作，管理员获取到所有用户的详细数据信息，并根据需求进行第一时间处理解决。

（4）系统的功能模块确认完成后进行程序及界面的设计，设计完成后，并且通过测试来判断程序是否完善，对于系统测试，需要不同的用户进行不同的内容编辑及提交，及使用不同的测试方式找出程序中存在的漏洞，并对程序出现的漏洞问题进行在线解决处理，如果测试系统没有任何问题时，可以将系统上传进行正式操作使用。

1.4 开发工具及技术

本系统前端部分基于MVVM模式进行开发，采用B/S模式，后端部分基于node.js的koa框架进行开发。

前端部分：前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库使页面快速成型，项目前端通过栅格布局实现响应式，可适应PC端、平板端、手机端等不同屏幕大小尺寸的完美布局展示。

后端部分：采用koa作为开发框架，同时集成Redis等相关技术。

1.4.1 koa框架

Node.js是一个异步的世界，官方API支持的都是callback形式的异步编程模型，这会带来许多问题，例如:1、callback嵌套问题；2、异步函数中可能同步调用callback返回数据，带来不一致性。为了解决以上问题Koa出现了。

koa是由Express原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的Web框架。使用koa编写web应用，可以免除重复繁琐的回调函数嵌套，并极大地提升错误处理的效率。koa不在内核方法中绑定任何中间件，它仅仅提供了一个轻量优雅的函数库，使得编写Web应用变得得心应手。开发思路和express差不多，最大的特点就是可以避免异步嵌套。

阿里内部就在使用Koa框架，并在Koa基础上面做了一些扩展和封装。并且基于koa开发了一个开源框架egg。

1.4.2 MVVM模式介绍

MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。微软的WPF带来了新的技术体验，如Silverlight、[音频][Link 1]、[视频][Link 2]、[3D][]、[动画][Link 3]……，这导致了软件UI层更加细节化、可定制化。同时，在技术层面，WPF也带来了 诸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM（Model-View-ViewModel）框架的由来便是MVP（Model-View-Presenter）[模式][Link 4]与WPF结合的应用方式时发展演变过来的一种新型架构[框架][Link 5]。它立足于原有MVP框架并且把WPF的新特性糅合进去，以应对客户日益复杂的需求变化。

1.4.3 B/S体系工作原理

B/S架构采取浏览器请求，服务器响应的工作模式。

用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息；

而每一个Web服务器又可以通过各种方式与数据库服务器连接，大量的数据实际存放在数据库服务器中；

从Web服务器上下载程序到本地来执行，在下载过程中若遇到与数据库有关的指令，由Web服务器交给数据库服务器来解释执行，并返回给Web服务器，Web服务器又返回给用户。在这种结构中，将许许多多的网连接到一块，形成一个巨大的网，即全球网。而各个企业可以在此结构的基础上建立自己的Internet。

在 B/S 模式中，用户是通过浏览器针对许多分布于网络上的服务器进行请求访问的，浏览器的请求通过服务器进行处理，并将处理结果以及相应的信息返回给浏览器，其他的数据加工、请求全部都是由Web Server完成的。通过该框架结构以及植入于操作系统内部的浏览器，该结构已经成为了当今软件应用的主流结构模式。

1.4.4 MySQL数据库

Mysql的语言是非结构化的，用户可以在数据上进行工作。MySQL因为其速度、可靠性和适应性而备受关注。大多数人都认为在不需要事务化处理的情况下，MySQL是管理内容最好的选择。并且因为Mysql的语言和结构比较简单，但是功能和存储信息量很强大，所以得到了普遍的应用。

Mysql数据库在编程过程中的作用是很广泛的，为用户进行数据查询带来了方便。Mysql数据库的应用因其灵活性强，功能强大，所以在实现某功能时只需要一小段代码，而不像其他程序需要编写大段代码。总体来说，Mysql数据库的语言相对要简洁很多。

数据流程分析主要就是数据存储的储藏室，它是在计算机上进行的，而不是现实中的储藏室。数据的存放是按固定格式，而不是无序的，其定义就是：长期有固定格式，可以共享的存储在计算机存储器上。数据库管理主要是数据存储、修改和增加以及数据表的建立。为了保证系统数据的正常运行，一些有能力的处理者可以进行管理而不需要专业的人来处理。数据表的建立，可以对数据表中的数据进行调整，数据的重新组合及重新构造，保证数据的安全性。介于数据库的功能强大等特点，本系统的开发主要应用了Mysql进行对数据的管理。

1.4.5 B/S结构

B/S（Browser/Server）比前身架构更为省事的架构。它借助Web server完成数据的传递交流。只需要下载浏览器作为客户端，那么工作就达到“瘦身”效果， 不需要考虑不停装软件的问题。

1.4.6 JavaScript 运行模式：

JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

1.1是一种解释性脚本语言（代码不进行预编译）。

1.2主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。

1.3可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。

1.4跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。

1.5 JavaScript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。JavaScript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。

1.4.7 微信开发者工具

微信开发者工具现在已经被小程序开发团队开发运行，目前微信开发者工具任然在不断的完善中，在开发小程序时经常要不断的更新。可以使用微信扫码登陆开发者工具，开发者工具将使用这个微信帐号的信息进行小程序的开发和调试。

机型选择：小程序以智能手机的屏幕尺寸为设计标准，进行切图。

预览界面：写好视图布局后点击编译，用来刷新视图界面。

控制台：方便调试打印输出信息。

上传代码：上传到腾讯服务器，提交审核必经步骤。上传代码时可以填写版本号和备注信息。

资源文件：一般可以在资源文件进行对应项目的文件目录的断点调试。

显示远程调试：手机端和PC端开发工具联调对用户而言是非常实用的。

本地数据存储：显示的是本地存储的数据。

视图调试：标组件以子父层级结构呈现，方便调试。

微信限制在2M 以内的代码体积；开发中一般不校验合法域名信息；小程序后台要做配置服务器域名。

以上就是在开发过程中微信开发者工具常用到的功能，微信开发者工具也在不断的完善。

1.4.8 Ajax 应用

该技术在 1998 年前后得到了应用。允许客户端脚本发送[HTTP][]请求（XMLHTTP）的第一个组件由Outlook Web Access小组写成。该组件原属于微软 Exchange Server，并且迅速地成为了 Internet Explorer 4.0 的一部分。部分观察家认为，Outlook Web Access 是第一个应用了 Ajax 技术的成功的商业应用程序，并成为包括Oddpost 的网络邮件产品在内的许多产品的领头羊。但是，2005 年初，许多事件使得 Ajax 被大众所接受。Google 在它著名的交互应用程序中使用了异步通讯，如[Google][]、Google 地图、Google 搜索建议、[Gmail][]等。Ajax 这个词由《Ajax: A New Approach to Web Applications》一文所创，该文的迅速传播加强了人们使用该项技术的意识。另外，对Mozilla/Gecko 的支持使得该技术走向成熟，变得更为易用。

Ajax 前景非常乐观，可以提高系统性能，优化用户界面。Ajax 现有直接框架 AjaxPro，可以引入 AjaxPro.2.dll 文件，可以直接在前台页面 JavaScript 调用后台页面的方法。但此框架与[表单验证][Link 6]有冲突。另外[微软][Link 7]也引入了 Ajax 组件，需要添加AjaxControlToolkit.dll 文件，可以在控件列表中出现相关控件。

1.    
    系统分析

2.1 可行性分析

可行性分析的目的是确定一个系统是否有必要开发、确定系统是否能以最小的代价实现。其工作主要有三个方面，分别是技术、经济和社会三方面的可行性。我会从这三个方面对基于微信小程序的校园拼车进行详细的分析。

2.1.1技术可行性

该系统主要使用Koa框架啊和MySQL数据库进行开发，技术易于学习和使用灵活。在校期间也接触过Koa和MySQL数据库的课程，对此有一定的开发经验，因此开发难度不高，所以从技术上来说是可行的。

2.1.2经济可行性

本系统设计所选择的开发工具和服务器都是免费的开源软件，又或者是适合学生使用的免费版本，并不需要支付费用，而且由作者本人单独完成，也不存在团队费用，几乎没有经济成本，具备经济可行性。

2.1.3社会可行性

社会可行性主要包括法律和用户两个方面，下面将从这两方面进行分析。

(1)法律因素

本系统是学习开发所制作的程序，并不用作商业用途，是在根据实际调研的结果结合现有的外卖点餐系统后得出的，而且系统制作的全部过程都是在个人的工作电脑中完成的，使用的都是开源和免费的开发环境、分析软件和数据库，不存在侵权问题。

(2)用户可行性

操作人员或者客户只需要具备一定的windows电脑操作常识，不需要精通计算机技能。此外系统管理人员，只需要在windows常识之上再熟悉下使用Tomcat服务器的操作流程，只要掌握一定的计算机知识即可，在正式上线运营之前，仅需要对操作人员进行简单的熟悉流程培训即可。所以从用户可行性上也是可行的。

2.2总体设计原则

一个系统要在开发和维护的过程中方便使用，必须采取一定的设计原则，其主要设计原则有：

简单性：系统功能简单易懂，只需要掌握基本的计算机操作能力即可使用。

针对性：针对特定的用户，没有多余的其他功能，使用户可以专心使用。

实用性：能够满足用户进行云学堂等方面的需求。

一致性：设计风格、命名规范一致，整个系统的各个功能模块色彩、摆放位置、功能等都是一致的。

先进性：本系统的代码采用读取数据的方式，方便后续开发、拓展。

2.3 系统需求分析

云学堂小程序需要满足的需求有以下几个：

1.信息获取方便，用户可在网页上快速浏览到课堂的信息

2.课程信息详情，单独查看课程信息等。

3.注册登录，需要吸引学生，即通过注册来提高用户的存留率。

4.用户可以查看精选好课信息以及其他操作。

5.修改用户信息，可以修改用户密码或者用户名等一些个性化操作。

6.管理员功能，管理员可以对用户或者课程信息进行管理。

7.系统安全，操作简便，不过于复杂。

8.系统可以稳定运行，不存在卡顿等问题造成用户反感。

2.4 业务流程分析

#### 2.4.1登录流程 ####

登录模块主要满足管理员以及用户的权限登录，用户登录流程图如图2-1所示。

![62d343761f1e495ab6b1c4ee92592cd5.png][]

图2-1 登录流程图

#### 2.4.2注册流程 ####

未有账号的用户可进入注册界面进行注册操作，用户注册流程图如图2-2所示。

![9dd6e21633e44016905cf2d25802e824.png][]

图2-2 注册流程图

#### 2.4.3添加信息流程 ####

用户在添加信息时，信息编号自动生成，系统会对添加的信息进行验证，验证通过则添加至数据库，添加信息成功，反之添加失败。添加信息流程如图2-3所示。

![4a0f95f0394b404aa46cafbc40246554.png][]

图2-3 添加信息流程图

#### 2.4.4删除信息流程 ####

用户可选择要删除的信息进行信息删除操作，在删除信息时系统提示是否确定删除信息，是则删除信息成功，系统数据库将信息进行删除。删除信息流程图如图2-4所示。

![23b182b29f014d8b8e0874158cf559ad.png][]

图2-4删除信息流程图

1.  系统设计

3.1 系统概要设计

本云学堂小程序选择B/S结构(Browser/Server,浏览器/服务器结构)和基于Web服务两种模式。适合在手机上进行操作，只要用户能连网，任何时间、任何地点都可以进行系统的操作使用。系统工作原理图如图3-1所示：

![8a1cfa946cbd4dc5a269ef5338b9142d.png][]

图3-1 系统工作原理图

### 3.2系统结构设计 ###

整个系统是由多个功能模块组合而成的，要将所有的功能模块都一一列举出来，然后进行逐个的功能设计，使得每一个模块都有相对应的功能设计，然后进行系统整体的设计。

云学堂小程序结构图如图3\-2所示。

![c92d9753bf574621a9eb01dceae66e78.png][]

图3-2 云学堂小程序结构图

3.3 数据库设计

数据库可以说是所有软件的根本，如果数据库存在缺陷，那么会导致系统开发的不顺利、维护困难、用户使用不顺畅等一系列问题，严重时将会直接损害企业的利益，同时在开发完成后，数据库缺陷也更加难以解决。所以必须要对数据库设计重点把握，做到认真细致。因此，数据库设计是这个云学堂小程序的重点要素。

3.3.1概念结构设计

(1)管理员实体属性图如下图3-3所示

![7df06e412a4b4e2e83afdfb553ff960a.png][]

图3-3管理员实体属性图

(2) 系统实体属性如下图3-4所示![d061cce795a84f8f8b54152635ac6e47.png][]

图3-4系统实体属性图

3.3.2数据库表设计

将数据库概念设计的E-R图转换为关系数据库。在关系数据库中，数据关系由数据表组成，但是表的结构表现在表的字段上。

<table style="margin-left:4.8pt;width:428.05pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#aeaaaa;width:94.8pt;"> 名称 </td> 
 <td style="background-color:#aeaaaa;width:60.3pt;"> 类型 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 长度 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 不是null </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 主键 </td> 
 <td style="background-color:#aeaaaa;width:128.95pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:94.8pt;"> member_user_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:48pt;"> 11 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:128.95pt;"> 会员用户ID </td> 
 </tr> 
 <tr> 
 <td style="width:94.8pt;"> user_name </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 64 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:128.95pt;"> 用户名 </td> 
 </tr> 
 <tr> 
 <td style="width:94.8pt;"> full_name </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 64 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:128.95pt;"> 姓名 </td> 
 </tr> 
 <tr> 
 <td style="width:94.8pt;"> gender </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 64 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:128.95pt;"> 性别 </td> 
 </tr> 
 <tr> 
 <td style="width:94.8pt;"> examine_state </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 16 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:128.95pt;"> 审核状态 </td> 
 </tr> 
 <tr> 
 <td style="width:94.8pt;"> recommend </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:48pt;"> 11 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:128.95pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td style="width:94.8pt;"> user_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:48pt;"> 11 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:128.95pt;"> 用户ID </td> 
 </tr> 
 <tr> 
 <td style="width:94.8pt;"> create_time </td> 
 <td style="width:60.3pt;"> datetime </td> 
 <td style="width:48pt;"> 0 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:128.95pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:94.8pt;"> update_time </td> 
 <td style="width:60.3pt;"> timestamp </td> 
 <td style="width:48pt;"> 0 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:128.95pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

<table style="margin-left:4.8pt;width:427.6pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#aeaaaa;width:115.3pt;"> 名称 </td> 
 <td style="background-color:#aeaaaa;width:60.3pt;"> 类型 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 长度 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 不是null </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 主键 </td> 
 <td style="background-color:#aeaaaa;width:108pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:115.3pt;"> live_open_class_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:48pt;"> 11 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:108pt;"> 直播公开课ID </td> 
 </tr> 
 <tr> 
 <td style="width:115.3pt;"> course_name </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 64 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:108pt;"> 课程名称 </td> 
 </tr> 
 <tr> 
 <td style="width:115.3pt;"> course_introduction </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 64 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:108pt;"> 课程简介 </td> 
 </tr> 
 <tr> 
 <td style="width:115.3pt;"> course_type </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 64 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:108pt;"> 课程类型 </td> 
 </tr> 
 <tr> 
 <td style="width:115.3pt;"> lecturer_name </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 64 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:108pt;"> 讲师名称 </td> 
 </tr> 
 <tr> 
 <td style="width:115.3pt;"> cover </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 255 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:108pt;"> 封面 </td> 
 </tr> 
 <tr> 
 <td style="width:115.3pt;"> video </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 255 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:108pt;"> 视频 </td> 
 </tr> 
 <tr> 
 <td style="width:115.3pt;"> hits </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:48pt;"> 11 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:108pt;"> 点击数 </td> 
 </tr> 
 <tr> 
 <td style="width:115.3pt;"> praise_len </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:48pt;"> 11 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:108pt;"> 点赞数 </td> 
 </tr> 
 <tr> 
 <td style="width:115.3pt;"> recommend </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:48pt;"> 11 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:108pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td style="width:115.3pt;"> create_time </td> 
 <td style="width:60.3pt;"> datetime </td> 
 <td style="width:48pt;"> 0 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:108pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:115.3pt;"> update_time </td> 
 <td style="width:60.3pt;"> timestamp </td> 
 <td style="width:48pt;"> 0 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:108pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

<table style="margin-left:4.8pt;width:427.6pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#aeaaaa;width:131.8pt;"> 名称 </td> 
 <td style="background-color:#aeaaaa;width:60.3pt;"> 类型 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 长度 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 不是null </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 主键 </td> 
 <td style="background-color:#aeaaaa;width:91.5pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:131.8pt;"> select_good_courses_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:48pt;"> 11 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:91.5pt;"> 精选好课ID </td> 
 </tr> 
 <tr> 
 <td style="width:131.8pt;"> course_name </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 64 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:91.5pt;"> 课程名称 </td> 
 </tr> 
 <tr> 
 <td style="width:131.8pt;"> course_introduction </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 64 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:91.5pt;"> 课程简介 </td> 
 </tr> 
 <tr> 
 <td style="width:131.8pt;"> course_type </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 64 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:91.5pt;"> 课程类型 </td> 
 </tr> 
 <tr> 
 <td style="width:131.8pt;"> lecturer_name </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 64 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:91.5pt;"> 讲师名称 </td> 
 </tr> 
 <tr> 
 <td style="width:131.8pt;"> cover </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 255 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:91.5pt;"> 封面 </td> 
 </tr> 
 <tr> 
 <td style="width:131.8pt;"> video </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 255 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:91.5pt;"> 视频 </td> 
 </tr> 
 <tr> 
 <td style="width:131.8pt;"> price </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 64 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:91.5pt;"> 价格 </td> 
 </tr> 
 <tr> 
 <td style="width:131.8pt;"> hits </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:48pt;"> 11 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:91.5pt;"> 点击数 </td> 
 </tr> 
 <tr> 
 <td style="width:131.8pt;"> praise_len </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:48pt;"> 11 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:91.5pt;"> 点赞数 </td> 
 </tr> 
 <tr> 
 <td style="width:131.8pt;"> pay_state </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 16 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:91.5pt;"> 支付状态 </td> 
 </tr> 
 <tr> 
 <td style="width:131.8pt;"> pay_type </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 16 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:91.5pt;"> 支付类型: </td> 
 </tr> 
 <tr> 
 <td style="width:131.8pt;"> recommend </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:48pt;"> 11 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:91.5pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td style="width:131.8pt;"> create_time </td> 
 <td style="width:60.3pt;"> datetime </td> 
 <td style="width:48pt;"> 0 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:91.5pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:131.8pt;"> update_time </td> 
 <td style="width:60.3pt;"> timestamp </td> 
 <td style="width:48pt;"> 0 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:91.5pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

<table style="margin-left:4.8pt;width:427.15pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#aeaaaa;width:120.8pt;"> 名称 </td> 
 <td style="background-color:#aeaaaa;width:60.3pt;"> 类型 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 长度 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 不是null </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 主键 </td> 
 <td style="background-color:#aeaaaa;width:102.05pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:120.8pt;"> free_good_lessons_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:48pt;"> 11 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:102.05pt;"> 免费好课ID </td> 
 </tr> 
 <tr> 
 <td style="width:120.8pt;"> course_name </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 64 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:102.05pt;"> 课程名称 </td> 
 </tr> 
 <tr> 
 <td style="width:120.8pt;"> course_introduction </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 64 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:102.05pt;"> 课程简介 </td> 
 </tr> 
 <tr> 
 <td style="width:120.8pt;"> course_type </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 64 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:102.05pt;"> 课程类型 </td> 
 </tr> 
 <tr> 
 <td style="width:120.8pt;"> lecturer_name </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 64 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:102.05pt;"> 讲师名称 </td> 
 </tr> 
 <tr> 
 <td style="width:120.8pt;"> cover </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 255 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:102.05pt;"> 封面 </td> 
 </tr> 
 <tr> 
 <td style="width:120.8pt;"> video </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 255 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:102.05pt;"> 视频 </td> 
 </tr> 
 <tr> 
 <td style="width:120.8pt;"> hits </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:48pt;"> 11 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:102.05pt;"> 点击数 </td> 
 </tr> 
 <tr> 
 <td style="width:120.8pt;"> praise_len </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:48pt;"> 11 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:102.05pt;"> 点赞数 </td> 
 </tr> 
 <tr> 
 <td style="width:120.8pt;"> recommend </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:48pt;"> 11 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:102.05pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td style="width:120.8pt;"> create_time </td> 
 <td style="width:60.3pt;"> datetime </td> 
 <td style="width:48pt;"> 0 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:102.05pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:120.8pt;"> update_time </td> 
 <td style="width:60.3pt;"> timestamp </td> 
 <td style="width:48pt;"> 0 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:102.05pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

<table style="margin-left:4.8pt;width:427.6pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#aeaaaa;width:126.3pt;"> 名称 </td> 
 <td style="background-color:#aeaaaa;width:60.3pt;"> 类型 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 长度 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 不是null </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 主键 </td> 
 <td style="background-color:#aeaaaa;width:97pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:126.3pt;"> course_information_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:48pt;"> 11 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:97pt;"> 课程信息ID </td> 
 </tr> 
 <tr> 
 <td style="width:126.3pt;"> course_name </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 64 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:97pt;"> 课程名称 </td> 
 </tr> 
 <tr> 
 <td style="width:126.3pt;"> course_introduction </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 64 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:97pt;"> 课程简介 </td> 
 </tr> 
 <tr> 
 <td style="width:126.3pt;"> course_type </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 64 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:97pt;"> 课程类型 </td> 
 </tr> 
 <tr> 
 <td style="width:126.3pt;"> lecturer_name </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 64 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:97pt;"> 讲师名称 </td> 
 </tr> 
 <tr> 
 <td style="width:126.3pt;"> cover </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 255 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:97pt;"> 封面 </td> 
 </tr> 
 <tr> 
 <td style="width:126.3pt;"> video </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 255 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:97pt;"> 视频 </td> 
 </tr> 
 <tr> 
 <td style="width:126.3pt;"> hits </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:48pt;"> 11 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:97pt;"> 点击数 </td> 
 </tr> 
 <tr> 
 <td style="width:126.3pt;"> praise_len </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:48pt;"> 11 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:97pt;"> 点赞数 </td> 
 </tr> 
 <tr> 
 <td style="width:126.3pt;"> recommend </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:48pt;"> 11 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:97pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td style="width:126.3pt;"> create_time </td> 
 <td style="width:60.3pt;"> datetime </td> 
 <td style="width:48pt;"> 0 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:97pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:126.3pt;"> update_time </td> 
 <td style="width:60.3pt;"> timestamp </td> 
 <td style="width:48pt;"> 0 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:97pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

<table style="margin-left:4.8pt;width:429.45pt;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#aeaaaa;width:142.8pt;"> <a rel="nofollow">名称</a> </td> 
 <td style="background-color:#aeaaaa;width:60.3pt;"> 类型 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 长度 </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 不是null </td> 
 <td style="background-color:#aeaaaa;width:48pt;"> 主键 </td> 
 <td style="background-color:#aeaaaa;width:82.35pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:142.8pt;"> course_classification_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:48pt;"> 11 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:82.35pt;"> 课程分类ID </td> 
 </tr> 
 <tr> 
 <td style="width:142.8pt;"> course_type </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:48pt;"> 64 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:82.35pt;"> 课程类型 </td> 
 </tr> 
 <tr> 
 <td style="width:142.8pt;"> recommend </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:48pt;"> 11 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:82.35pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td style="width:142.8pt;"> create_time </td> 
 <td style="width:60.3pt;"> datetime </td> 
 <td style="width:48pt;"> 0 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:82.35pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:142.8pt;"> update_time </td> 
 <td style="width:60.3pt;"> timestamp </td> 
 <td style="width:48pt;"> 0 </td> 
 <td style="width:48pt;"> 是 </td> 
 <td style="width:48pt;"> 否 </td> 
 <td style="width:82.35pt;"> 更新时间 </td> 
 </tr> 
 </tbody> 
</table>

第4章系统实现

4.1系统功能模块

云学堂小程序，在系统首页可以查看首页、云课堂资讯、课程信息、精选好课、直播公开课列表，跳转到后台等内容，如图4-1所示。

![01315823a53a4d6789d52f7285ad99c9.png][]

图4-1系统功能界面图

云课堂资讯，在资讯栏可以查看资讯标题、资讯内容、点击量等内容，如图4-2所示。

![5d7ff9e3d8c44d61a58abc8d763ede29.png][]

图4-2云课堂资讯界面图

在课程信息页面可以浏览课程信息，如图4-3所示。在注册页面通过填写用户账号、密码、用户姓名、手机等信息完成用户注册，如图4-4所示。

![beb97d72792a44c08ac20bbb2e27e462.png][]

图4-3课程信息界面图

![c2ffcefcc3b847159f67bebd31e61c9c.png][]

图4-4注册界面图

4.2管理员功能模块

管理员登录，通过填写注册时输入的用户名、密码、权限进行登录，如图4-5所示。

![4ae23807478d4f42b2e91ff135014ea0.png][]

图4-5管理员登录界面图

管理员登录进入云学堂小程序可以查看首页、站点管理（管理员、普通用户）内容管理（云学堂资讯、资讯分类）更多管理（课程信息管理、课程分类管理、精选好课管理、直播公开课管理、免费好课管理）等信息，如图4-6所示。

![7db5804fec424ff1b5d288c458f404f7.png][]

图4-6管理员功能界面图

课程分类管理，在课程分类列表中可以编辑课程类型、更新时间等内容，还可以根据需要对课程分类信息进行修改或删除操作，如图4-7所示。

![79936f54f9e2469daffa09cb83710820.png][]

图4-7课程分类管理界面图

直播公开课管理，在直播公开课管理中可以编辑课程名称、课程简介、课程类型、讲师名称、视频内容等信息，并可根据需求进行修改或删除操作，如图4-8所示。

![f266dad89ec940069eb0aba6680bd995.png][]

图4-8直播公开课管理界面图

免费好课管理，在免费好课管理列表中可以编辑课程名称、简介、视频等信息，并可根据需要进行修改或删除操作，如图4-9所示。

![a0cf6dcb50b0425a84a2eaac3f6fe5d6.png][]

图4-9免费好课管理界面图

用户管理，在用户管理列表中可以查看用户账号、密码、用户姓名、性别、手机、照片等内容，并且根据需要进行修改或删除操作，如图4-10所示。

![189534cf7a5b4ab29e61f4a96420859d.png][]

图4-10用户管理界面图

4.3用户功能模块

用户登录进入云学堂小程序可以查看首页、云学堂资讯、课程信息、精选好课、免费好课等内容，如图4-11所示。

![10a8a6c61eb347128b0894f1797c0bc2.png][]

图4-11用户功能界面图

会员基本信息，在会员信息列表中通过填写用户账号、密码、用户姓名、性别、手机、照片等信息进行提交，如图4-12所示。

![e3f402bea4f844e4b54d0d4dfcbb12d8.png][]

图4-12会员基本信息界面图

精选好课列表，在精选好课列表中可以查看课程名称、课程类型、讲师名称、价格、支付状态等信息，如图4-13所示。

![215523954e574e00af68388a4c2eaaf4.png][]

图4-13精选好课列表界面图

第5章软件测试

测试存在于软件开发进程中的最后一个阶段，它可以保证一个软件的开发质量是否符合设计者的初衷，也为程序的正式上线做了最后一道质量检测的工序。软件测试主要是控制各种条件、包括软件输出方式，使用模式和运行环境等，来评估一个系统或应用是否符合设计标准。在软件测试过程中，我们一般刻意的去制造错误和极端条件，不能仅依照正常模式允许，而是多去尝试那些意外的情况。

5.1软件测试的重要性

只有在运行和维护阶段之前经历大量的测试的软件，才能说明它的质量是经得起检验的。最近计算机业界也都一致认为，测试应该存在于软件设计的每个阶段，因为越早发现错误，修复起来就越容易。

实际上，对于一个软件应用，错误是必然存在的，无论使用何种技术或手段，都不可能绝对的排除软件漏洞。测试是随着软件开发一同诞生的，两者是共同发展进步的。实际上，测试可以大幅度的降低维护的成本，如果一个漏洞在开发的早期就被发现，那么修复它的成本远比上线后再修复的成本要低得多。

5.2测试实例的研究与选择

测试有白盒测试和黑盒测试两种方式。

其中，白盒测试是将软件看成一个透明的白盒子，按照程序的内部控制结构和处理技术逻辑来选定测试用例、软件系统测试的逻辑路径及过程需要进行管理测试，又称玻璃盒测试。因此白盒测试需要选择足够多的测试用例，覆盖尽可能多的代码来发现程序中的错误。

黑盒测试，也称为功能测试。它将需软件看作一个黑盒，像一个普通用户一样来模拟软件的使用流程。黑盒测试通过大量的输入边界值或错误数据，来检查是否可产生正确的输出。

本系统测试 主要选择黑盒测试，少量采用白盒测试。通过测试达到以下测试目的：

1.检查各大功能模块的运行，确保其能够正确运行，并检查各页面的完整性，保证页面完整。

2.检查各个接口是否可以正确地输入和输出，保证数据流通稳定可行。

3.检查数据结构，保证其和外部接口没有访问错误，访问顺利。

4.检查原计划的性能需求有没有完成，运行流畅。

本系统的测试用例（部分）：

<table style="margin-left:6.75pt;width:520pt;"> 
 <tbody> 
 <tr> 
 <td colspan="6" style="width:520pt;"> 登录部分测试用例 </td> 
 </tr> 
 <tr> 
 <td style="background-color:#ffffff;width:52.3pt;"> 编号 </td> 
 <td style="width:29.2pt;"> 对象 </td> 
 <td style="width:91.25pt;"> 项目 </td> 
 <td style="width:204.6pt;"> 操作 </td> 
 <td style="width:91.25pt;"> 预期结果 </td> 
 <td style="width:51.4pt;"> 结果 </td> 
 </tr> 
 <tr> 
 <td style="width:52.3pt;"> 1 </td> 
 <td style="width:29.2pt;"> 登录 </td> 
 <td style="width:91.25pt;"> 登录提示 </td> 
 <td style="width:204.6pt;"> 使用正确的账号密码登录 </td> 
 <td style="width:91.25pt;"> 成功登录 </td> 
 <td style="width:51.4pt;"> 预期结果 </td> 
 </tr> 
 <tr> 
 <td style="width:52.3pt;"> 2 </td> 
 <td style="width:91.25pt;"> 登录提示 </td> 
 <td style="width:204.6pt;"> 使用正确的账号但错误的密码登录 </td> 
 <td style="width:91.25pt;"> 提示密码错误 </td> 
 <td style="width:51.4pt;"> 预期结果 </td> 
 </tr> 
 <tr> 
 <td style="width:52.3pt;"> 3 </td> 
 <td style="width:91.25pt;"> 登录提示 </td> 
 <td style="width:204.6pt;"> 使用错误的账号登录 </td> 
 <td style="width:91.25pt;"> 提示不存在账户 </td> 
 <td style="width:51.4pt;"> 预期结果 </td> 
 </tr> 
 <tr> 
 <td style="width:52.3pt;"> 4 </td> 
 <td style="width:91.25pt;"> 登录提示 </td> 
 <td style="width:204.6pt;"> 不输入账号，点击登录 </td> 
 <td style="width:91.25pt;"> 提示输入账号 </td> 
 <td style="width:51.4pt;"> 预期结果 </td> 
 </tr> 
 <tr> 
 <td style="width:52.3pt;"> 5 </td> 
 <td style="width:91.25pt;"> 登录提示 </td> 
 <td style="width:204.6pt;"> 输入账号但不输入密码点击登录 </td> 
 <td style="width:91.25pt;"> 提示输入密码 </td> 
 <td style="width:51.4pt;"> 预期结果 </td> 
 </tr> 
 <tr> 
 <td style="width:52.3pt;"> 6 </td> 
 <td style="width:91.25pt;"> 登录入口 </td> 
 <td style="width:204.6pt;"> 已登录账号，查看登录入口 </td> 
 <td style="width:91.25pt;"> 不显示登录入口 </td> 
 <td style="width:51.4pt;"> 预期结果 </td> 
 </tr> 
 </tbody> 
</table>

5.3测试环境与测试条件

处理器：Inter Core I7-4710MQ四核处理器

内存：4GB

硬盘：1T

操作系统：Windows 10

数据库：MySQL

5.4系统运行情况

全部测试用例都已通过（包括但不限于以上测试用例），且不存在漏洞，实现了论文开始时所作要求。本系统运行稳定，使用流畅，可以满足客户需求。

5.5系统评价

5.5.1系统功能评价

试运行后进行系统评估，可以认为该系统达到预定的目标要求，可以满足用户的需求，也满足了系统开发前所作目标。

5.5.2系统技术评价

系统在经过大量重复测试后运行十分稳定，安全实用，功能模块已经达到预定目标所需。

5.5.3系统经济评价

在规定的时间内实现系统的大部分功能，且满足要求，节省开发成本，有助于提高科学管理水平，符合本人经济情况。

第6章 总结

2随着计算机互联网技术的迅猛发展，各行各业都已经实现采用计算机相关技术对日益放大的数据进行管理。该课题是云学课小程序为核心展开的，主要是为了实现线上学习和学生获得多样性学习课程资料的需求。

本文利用Koa框架和MySQL数据库技术，通过分析云学堂与微信小程序相结合，并完成了云学堂小程序。经调试结果显示，本系统基本可以满足一个云学堂小程序的业务需要。系统界面简洁而有美感， 易操作，做出了自己的特色，然而因为时间仓促再加上缺乏系统开发经验和仅依靠少数问卷调查方式，因此本系统还存在不少缺陷、不足，比如：

1. 数据输入的格式并没有全部检验，所以很难保证数据的准确，可能有一些不符合规则的数据也可以通过检验。

2. 系统功能还不够完善，无法提供丰富多彩的在线功能。

本系统还存在一些漏洞没有解决，在现实应用情境中很难保证完全不出错，但相信通过再次完善，可以调试出真正符合实际的云学堂小程序。

参考文献：

·\[1\]黄春梅.“雨课堂+BYOD”支持下的高校翻转课堂的设计与实现\[J\].楚雄师范学院学报,2021,36(06):156-160.

·\[2\]黄秋实.继续教育实时课堂设计与实现\[J\].信息技术与信息化,2021(09):213-216.

·\[3\]Zhang Kai. Design and Implementation of Smart Classroom Based on Internet of Things and Cloud Computing\[J\]. International Journal of Information Technologies and Systems Approach (IJITSA),2021,14(2):

·\[4\]孙俊辉. 基于Unity和Spring Cloud的虚拟化学课堂的设计与实现\[D\].西北大学,2021.

·\[5\]李磊,谢淑娟,王剑.云课堂系统设计与实现\[J\].无线互联科技,2020,17(07):51-52.

·\[6\]王普章. 云课堂教学后端服务的设计与实现\[D\].电子科技大学,2020.

·\[7\]张程翔. 云平台下的在线课堂系统设计与实现\[D\].电子科技大学,2020.

·\[8\]Guo Xin,Chen Tanglong,Wang Yongjiang,Tang You. Design and Implementation of Cloud Note System in University Classrooms\[J\]. IOP Conference Series: Materials Science and Engineering,2020,750:

·\[9\]陈凯旋,陈晖,黄照翠.面向智慧课堂的视频服务系统设计与实现\[J\].软件导刊,2020,19(04):147-151.

·\[10\]刘大江,于嘉禾,郭松影.“互联网+”背景下基于“MOOC+翻转课堂”的教学流程再造设计与实现\[J\].教育现代化,2019,6(82):239-241.

·\[11\]尹彪,陈清清.使用学习科学策略实现有效课堂的课程设计\[J\].现代职业教育,2019(26):52-53.

·\[12\]张安宜. 基于个性化推荐的云课堂的设计与实现\[D\].北京交通大学,2019.

·\[13\]向英.优质课堂的设计及其实现路径\[J\].中学政治教学参考,2019(12):57-58.

·\[14\]刘原铭. 基于Python的中小学云课堂平台设计与实现\[D\].北京交通大学,2018.

·\[15\]应炯炯.基于APP的智慧课堂设计和实现\[J\].福建电脑,2018,34(03):17-18.

\[16\] Chen Lingjuan, Kou Sijia, Liu Zupeng Passenger vehicle matching and route optimization for carpooling \[J\] Computer and modernization, 2021 (07): 6-11

\[17\] Tong Yingpeng, Zhang Xuesong Design and implementation of carpooling application based on Android \[J\] Computer applications: s1,41-2021

致 谢

大学生活在这个时候即将划上一个句号，但是对于我的人生道路来说，这仅仅是一个逗号，我将面对的是又一次征程的开始。

回忆过去，许许多多的事情浮现在脑海：刚上大学时欢乐心情和兴奋的场景还历历在目。一切都是那么新鲜，那么富有吸引力。有快乐也有艰辛，有收获也有失落。衷心感谢信息学院所有支持帮助过我的老师，谢谢你们多年来的关心和爱护。同窗的友情同样难忘，你们与我共同走过了人生中不平凡的道路，给我留下了值得珍藏的美好记忆。

最后，我要特别感谢指导论文设计的老师。本论文是在他的悉心指导和热情帮助下完成的，老师认真负责的工作态度，严谨的治学精神和精深的理论水平都使我受益匪浅。老师无论在理论上还是在实践中，都给予我很大的帮助，使我专业技能的应用水平得到很大提高，这对于我以后的工作和学习都有益处。值此论文完成之际，特别向老师表示衷心的感谢和崇高的敬意，谢谢他细心而又耐心地辅导，使得我得以顺利的完成毕业设计开发工作，同时也要感谢其他帮助过我的老师和同学，他们在我成长过程中给予了我很大的帮助，在此一并表示感谢。

由于本人水平有限，加上时间紧促，本文一定有不少缺点和不足，恳请各位老师给予帮助和指正。

> **免费领取本源代码，请关注点赞＋私信**

[Link 1]: https://baike.baidu.com/item/%E9%9F%B3%E9%A2%91/1197465
[Link 2]: https://baike.baidu.com/item/%E8%A7%86%E9%A2%91/321962
[3D]: https://baike.baidu.com/item/3D/25017
[Link 3]: https://baike.baidu.com/item/%E5%8A%A8%E7%94%BB/206564
[Link 4]: https://baike.baidu.com/item/%E6%A8%A1%E5%BC%8F/700029
[Link 5]: https://baike.baidu.com/item/%E6%A1%86%E6%9E%B6/1212667
[HTTP]: https://baike.baidu.com/item/HTTP
[Google]: https://baike.baidu.com/item/Google
[Gmail]: https://baike.baidu.com/item/Gmail
[Link 6]: https://baike.baidu.com/item/%E8%A1%A8%E5%8D%95%E9%AA%8C%E8%AF%81
[Link 7]: https://baike.baidu.com/item/%E5%BE%AE%E8%BD%AF
[62d343761f1e495ab6b1c4ee92592cd5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/5048df6868984337acce8339c03e8247.png
[9dd6e21633e44016905cf2d25802e824.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/0f8c0b1964324dff8eb799473732237a.png
[4a0f95f0394b404aa46cafbc40246554.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/8041234f49b646f9976bf52c71c4b3a6.png
[23b182b29f014d8b8e0874158cf559ad.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/544615bb3cea44748e14f7db38feb77e.png
[8a1cfa946cbd4dc5a269ef5338b9142d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/441c97e73f00408e9b0e314506051c5a.png
[c92d9753bf574621a9eb01dceae66e78.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/34779335aaa74637bcfb6afec0462f45.png
[7df06e412a4b4e2e83afdfb553ff960a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/e470b4055cc741bf96a14e2c9ff27cb4.png
[d061cce795a84f8f8b54152635ac6e47.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/4ce797ab27fa4603b70c8bd06fcbf61a.png
[01315823a53a4d6789d52f7285ad99c9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/4efe12ffd87a47c3870ccbdbd0b700f8.png
[5d7ff9e3d8c44d61a58abc8d763ede29.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/22cec0e97b9948dc9d572ef4eb08f283.png
[beb97d72792a44c08ac20bbb2e27e462.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/06720a55cd3c437e9611ed3df014e3ea.png
[c2ffcefcc3b847159f67bebd31e61c9c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/829a245da5094e5f96b4b568dea6abda.png
[4ae23807478d4f42b2e91ff135014ea0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/a9a4daee3bfe481cbbf642aaafba0f05.png
[7db5804fec424ff1b5d288c458f404f7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/fbc6173581ad480fa0aefc8d2cc76053.png
[79936f54f9e2469daffa09cb83710820.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/6e154b3201b641088896ce43e26c1636.png
[f266dad89ec940069eb0aba6680bd995.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/e32a8ac0511d4f70bad7ed0fc261632a.png
[a0cf6dcb50b0425a84a2eaac3f6fe5d6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/95d7251b44e84f56bcd37762873563c1.png
[189534cf7a5b4ab29e61f4a96420859d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/47118eb0a5874cc4bd7584f6217f0493.png
[10a8a6c61eb347128b0894f1797c0bc2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/5e5444a3e74d4000abde1d49b27f02bb.png
[e3f402bea4f844e4b54d0d4dfcbb12d8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/3534d0e72dbe43bbb5fd0f7cf1902863.png
[215523954e574e00af68388a4c2eaaf4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/94ba511be5e64e8bab0fe455626f1a3a.png