计算机毕业设计 323的少儿编程教育网站 毕设

第五章系统功能实现

一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV1DH4y1y7wJ/

三、运行截图：

3.1管理员功能模块

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

图3-1管理员登录界面图

管理员登录进入少儿编程教育网站系统可以查看主页、个人中心、课程类型管理、用户管理、热门资讯管理、课程信息管理、报名信息管理、成果展示管理、学习资料管理、论坛管理、系统管理等信息，如图3-2所示。

图3-2管理员功能界面图

课程类型管理，在课程类型管理列表可以查看课程类型等内容，还可以根据需要修改或删除等操作，如图3-3所示。

图3-3课程类型管理界面图

用户管理，在用户管理列表可以查看用户账户、用户姓名、密码、性别、年龄、联系电话、电子邮箱等信息，并可根据需要进行修改或删除等操作，如图3-4所示。

图3-4用户管理界面图

热门资讯管理，在热门资讯管理列表可以查看标题、封面、内容、发布时间等信息，并可根据需要进行修改或删除等操作，如图3-5所示。

图3-5热门资讯管理界面图

课程信息管理，在课程信息管理列表可以查看课程编号、课程名称、课程类型、课时、学费、上课地点、课程表、课程详情、图片等内容，并且根据需要进行修改或删除等操作，如图3-6所示。

图3-6课程信息管理界面图

成果展示管理，在成果展示管理列表可以查看作品编号、课程名称、封面、附件、视频、作品简介、发布时间等内容，并且根据需要进行修改、删除操作，如图3-7所示。

图3-7成果展示管理界面图

学习资料管理，在学习资料管理列表可以查看标题、课程名称、封面、学习资料、发布时间 、简介等内容，并且根据需要进行修改或删除等操作，如图3-8所示。

图3-8学习资料管理界面图

报名信息管理，在报名信息管理列表可以查看课程编号、课程名称、课程类型、课时、上课地点、学费、课程表、用户账户、用户姓名、报名时间、是否支付等内容，并且根据需要进行修改或删除等操作，如图3-9所示。

图3-9报名信息管理界面图

3.2用户功能模块

用户登录进入少儿编程教育网站系统可以查看主页、个人中心、报名信息管理、我的收藏管理等内容，如图3-10所示。

图3-10用户功能界面图

我的收藏管理，在我的收藏管理列表可以查看用户ID、收藏ID、表名、收藏名称、收藏图片等内容，并且根据需要进行查看、删除等操作，如图3-11所示。

图3-11我的收藏管理界面图

3.3前台首页功能模块

少儿编程教育网站系统在前台首页可以查看首页、热门资讯、课程信息、成果展示、学习资料、论坛信息、我的、跳转到后台、客服等内容，如图3-12所示。

图3-12前台首页功能界面图

注册，在注册列表中通过填写用户账号、用户姓名、密码、年龄、联系电话、电子邮箱等信息进行注册，如图3-13所示。

图3-13注册界面图

登录，在登录可以填写账号、密码等信息内容，并且根据需要进行登录操作，如图3-14所示。

图3-14登录界面图

课程信息，在课程信息列表中通过填写标题、发布时间、学校资料等信息并修改、删除，如图3-15所示。

图3-15课程信息界面图

成果展示，在成果展示列表中通过填写作品编号、发布时间、附件等信息并修改、删除，如图3-16所示。

图3-16成果展示界面图