项目运行
环境配置:
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选课信息管理界面图