项目运行
环境配置:
Node.js最新版+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue。
项目技术:
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.1管理员功能模块
管理员登录,管理员通过输入用户名、密码、角色等信息进行系统登录,如图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-7所示。
图5-7课程目录管理界面图
5.2用户客户端功能模块
用户注册,在用户注册页面可以填写用户账号、密码、用户姓名、性别、年龄、头像、用户手机等信息,进行注册如图5-8所示。
图5-8用户注册界面图
用户登录,在用户登录页面填写账号、密码进行登录如图5-9所示。
图5-9用户登录界面图
用户登录到大学生掌上学习可以查看首页、课程信息、企业机构、我的等内容,如图5-10所示。
图5-10首页功能界面图
课程信息,在课程信息页面可以填写课程名称、课程分类、好评度、课程视频、课程封面、课程价格、企业账号、企业名称等信息进行购买,如图5-11所示。
图5-11课程信息界面图
在企业机构页面可以填写企业账号、企业名称、企业图片、企业地址、企业介绍等信息,并可根据需要进行提交,如图5-12所示。
图5-12企业机构界面图
在课程订单页面可以填写订单编号、课程名称、课程分类、课程封面、课程价格、企业账号、企业名称、用户账号、用户姓名等信息,并可根据需要对课程订单进行支付,如图5-13所示。
图5-13课程订单界面图
在用户信息页面可以填写用户账号、密码、用户姓名、性别、年龄、头像、用户手机等信息,并可根据需要对用户信息进行保存、退出登录,如图5-14所示。
图5-14用户信息界面图
5.3企业机构客户端功能模块
企业机构登录,在企业机构登录页面填写账号、密码进行登录如图5-15所示。
图5-15企业机构登录界面图
企业机构登录到大学生掌上学习可以查看首页、课程信息、企业机构、我的等内容,如图5-16所示。
图5-16首页功能界面图
课程订单,在课程订单页面可以填写订单编号、课程名称、课程分类、课程封面、课程价格、企业账号、企业名称、用户账号、用户姓名等信息进行已支付、课程目录,如图5-17所示。
图5-17课程订单界面图
在课程目录页面可以填写课程名称、上课内容、课程节教、课程封面、课程视频、企业账号、企业名称、用户账号、用户姓名等信息,并可根据需要进行提交,如图5-18所示。
图5-18课程目录界面图
在用户信息页面可以填写企业账号、密码、企业名称、企业图片、企业地址等信息,并可根据需要对用户信息进行保存、退出登录,如图5-19所示。
图5-19用户信息界面图