计算机毕业设计Node.js+Vue基于数据可视化的少儿编程（程序+源码+LW+部署）

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

环境配置：
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毕设帮助，指导，本源码(见文末)，调试部署

5 系统详细设计

5.1系统功能模块

基于数据可视化的少儿编程系统，在系统首页可以查看首页，免费课程，付费课程，学习技巧，图书推荐，家长分享，作业信息，交流论坛，在线测试，网站公告，留言板，个人中心，后台管理，在线投诉等内容，并进行详细操作；如图5-1所示。

 

图5-1系统首页界面图

家长注册，在家长注册页面通过填写家长账号，密码，确认密码，家长姓名，年龄，家长手机等信息进行注册操作，如图5-2所示。

 

图5-2家长注册界面图

付费课程，在付费课程页面可以查看课程名称，课程编号，课程分类，课程价格，教师工号，教师姓名等内容，并进行评论，点我收藏等操作，如图5-3所示。

 

图5-3付费课程界面图

     个人中心，在个人中心页面通过填写家长账号，密码，家长姓名，年龄，性别，图片，手机等内容进行更新信息操作，还可以进行我的发布，测试记录，错题本，我的收藏等操作；如图5-4所示。

 

图5-4个人中心界面图

5.2管理员功能模块

系统登录，进入系统前在登录页面根据要求填写家长名和密码，选择角色等信息，点击登录进行登录操作，如图5-5所示。

 

图5-5系统登录界面图

管理员登录系统后，可以对首页，个人中心，教师管理，家长管理，课程分类管理，免费课程管理，付费课程管理，课程订单管理，学习技巧管理，图书分类管理，家长分享管理，图书推荐管理，作业信息管理，提交作业管理，作业批改管理，在线知识管理，留言板，知识论坛，系统管理等功能进行相应的操作，如图5-6所示。

 

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

教师管理，在教师管理页面可以对索引，教师工号，教师姓名，性别，图片，职称，联系电话等内容进行详情，修改和删除等操作，如图5-7所示。

 

图5-7教师管理界面图

家长管理，在家长管理页面可以对索引，家长编号，家长姓名，年龄，性别，头像，家长手机等内容进行详情，修改，删除操作，如图5-8所示。

 

图5-8家长管理界面图

免费课程管理，在免费课程管理页面可以对索引，课程编号，课程名称，课程分类，图片，课程文档，课程视频，教师工号，教师姓名等内容进行详情，修改，查看评论和删除等操作，如图5-9所示。

 

图5-9免费课程管理界面图

家长分享管理，在家长分享管理页面可以对索引，家长账号，家长姓名，分享标题，封面图片，分享视频，分享时间等内容进行详情，修改，删除操作，如图5-10所示。

 

图5-10家长分享管理界面图

作业信息管理，在作业信息管理页面可以对索引，作业名称，作业文件，发布日期，教师工号，教师姓名，作业图片等内容进行详情，修改，删除操作，如图5-11所示。

 

图5-11作业信息管理界面图

5.3教师功能模块

教师登录进入基于数据分析可视化的少儿编程系统可以对首页，个人中心，免费课程管理，付费课程管理，课程订单管理，学习技巧管理，图书推荐管理，作业信息管理，提交作业管理，作业批改管理，在线知识管理，试题管理等功能进行相应操作，如图5-12所示。

 

图5-12教师功能界面图

免费课程管理，在免费课程管理页面可以对索引，课程编号，课程名称，课程分类，图片，课程文档，课程视频，教师工号，教师姓名等内容进行详情，修改，查看评论和删除等操作，如图5-13所示。

 

图5-13免费课程管理界面图

学习技巧管理，在学习技巧管理页面可以对索引，标题，发布时间，教师工号，教师姓名，封面图片等内容进行详情，修改，查看评论和删除等操作，如图5-14所示。

 

图5-14学习技巧管理界面图

图书推荐管理，在图书推荐管理页面可以对索引，图书名称，图书分类，图书作者，图书封面，教师工号，教师姓名，推荐理由，推荐时间等内容进行详情，修改，查看评论和删除等操作，如图5-15所示。

 

图5-15图书推荐管理界面图

作业信息管理，在作业信息管理页面可以对索引，作业名称，作业文件，发布日期，教师工号，教师姓名，作业图片等内容进行详情，修改和删除等操作，如图5-16所示。

 

图5-16作业信息管理界面图

作业批改管理，在作业批改管理页面可以对索引，提交编号，作业名称，批改文件，成绩，批改日期，教师工号，教师姓名，家长账号，家长姓名等内容进行详情，修改和删除等操作，如图5-17所示。

 

图5-17作业批改管理界面图

5.4家长功能模块

家长登录进入基于数据分析可视化的少儿编程系统可以对首页，个人中心，课程订单管理，家长分享管理，提交作业管理，作业批改管理等功能进行相应操作，如图5-18所示。

 

图5-18家长功能界面图

课程订单管理，在课程订单管理页面可以对 索引，订单编号，课程编号，课程名称，课程分类，课程价格，教师工号，教师姓名，家长账号，家长姓名，家长手机，购买时间，备注，是否支付，审核回复，审核状态等内容进行详情和删除等操作，如图5-19所示。

 

图5-19课程订单管理界面图

提交作业管理，在提交作业管理页面可以对索索引，提交编号，作业名称，教师工号，教师姓名，家长账号，家长姓名，家长手机，提交文件，提交时间等内容进行详情，和删除等操作，如图5-20所示。

 

图5-20提交作业管理界面图

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