该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流

项目运行

环境配置：

Node.js+ Vscode +Mysql5.7 + HBuilderX+Navicat11+Vue+Express。

项目技术：

Express框架 + Node.js+ Vue 等等组成，B/S模式 +Vscode管理+前后端分离等等。

环境需要

1.运行环境：最好是Nodejs最新版，我们在这个版本上开发的。其他版本理论上也可以。

2.开发环境：Vscode或HbuilderX都可以。推荐HbuilderX;

3.mysql环境：建议是用5.7版本均可

4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS；

6.Navcat11：这个版本不限10/11/14/15都可以。；

Node.js毕设帮助，指导，本源码(见文末)，调试部署

3.3 系统功能分析

本在线教育APP主要包括两大功能模块，即管理员功能模块及用户功能模块；

（1）管理员：系统中的核心用户是系统管理员，管理员登录后，通过管理员菜单来管理后台系统。主要功能有：首页、个人中心、用户管理、专栏分类管理、视频专栏管理、文字专栏管理、海报宣传管理、投票记录管理、试题管理、在线论坛、试卷管理、留言板管理、系统管理等。管理员用例图如图3-1所示。

图3-1　管理员用例图

（2）用户：用户实现功能包括首页、视频专栏、文字专栏、海报宣传、在线论坛、我的等功能，用户用例如图3-2所示。

图3-2 用户用例图

3.4系统流程分析

3.4.1登录流程

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

图3-3登录流程图

3.4.2注册流程

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

图3-4 注册流程图

3.4.3添加信息流程

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

图3-5 添加信息流程图

3.4.4删除信息流程

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

图3-6删除信息流程图

4.1系统概要设计

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

图4-1 系统工作原理图

4.2系统结构设计

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

本在线教育APP结构图如图4-2所示。

图4-2 系统功能结构图

4.3系统顺序图设计

4.3.1登录模块顺序图

登录模块主要满足了管理员以及用户的权限登录，登录模块顺序图如图4-3所示。

图4-3 登录顺序图

4.3.2添加信息模块顺序图

管理员以及用户登录后均可进行添加信息操作，添加信息模块顺序图如图4-4所示。

图4-4 添加信息顺序图

4.4数据库设计

一个好的数据库可以关系到程序开发的优劣，数据库设计离不开表结构的设计，还有表与表之间的联系，以及系统开发需要设计的数据表内容等信息。在进行数据库设计期间，要结合实际情况来对数据库进行针对性的开发设计。

4.4.1数据库E-R图设计

本在线教育APP采用的是MYSQL数据库，数据存储快，因为在线教育APP，主要的就是对信息的管理，信息内容比较多，这就需要好好的设计一个好的数据库，分类要清楚，不能添加信息的时候，造成信息太过混乱，设计好的数据库首先就需要先把各个实体之间的关系表达明确，系统的E-R图如下图所示：

1、用户信息实体图如图4-5所示：

图4-5用户信息实体图

2、海报宣传管理实体图如图4-6所示：

图4-6海报宣传管理实体图

5.1用户功能模块（APP端）

用户登录，用户通过输入用户名和密码，选择角色并点击登录进行系统登录操作，如图5-1所示。

图5-1用户登录界面图

用户注册，在用户注册页面通过填写账号、密码、姓名、性别、年龄、手机、邮箱等信息进行注册操作；如图5-2所示。

图5-2用户注册界面图

用户登陆系统后，可以对首页、视频专栏、文字专栏、海报宣传、在线论坛、我的等功能模块进行操作，如图5-3所示。

图5-3系统首页界面图

视频专栏，在视频专栏页面可以查看标题、分类、封面、日期、简介、详情等信息进行评论或收藏，如图5-4所示。

图5-4视频专栏界面图

海报宣传，在海报宣传页面可以查看标题、标签、海报、作者、投票、介绍、详情等信息进行投票，评论或收藏，如图5-5所示。

图5-5海报宣传界面图

我的，在我的页面可以对视频专栏、文字专栏、海报宣传、投票记录、我的收藏管理、试卷列表、考试记录、错题本、在线答疑、我要发贴、我的发贴、留言板等详细信息进行操作，如图5-6所示。

图5-6我的界面图

5.2管理员功能模块

管理员登录，管理员通过输入账号、密码，选择角色并点击登录进行系统登录操作，如图5-7所示。

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

管理员登陆系统后，可以对首页、个人中心、用户管理、专栏分类管理、视频专栏管理、文字专栏管理、海报宣传管理、投票记录管理、试题管理、在线论坛、试卷管理、留言板管理、系统管理等功能进行相应操作，如图5-8所示。

图5-8管理员功能界图面

用户管理，在用户管理页面可以对索引、账号、姓名、性别、年龄、手机、邮箱、照片等内容进行详情、修改或删除等操作，如图5-9所示。

图5-9用户管理界面图

Node.js毕设帮助，指导，源码获取，调试部署