项目运行
环境配置:
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毕设帮助,指导,本源码(见文末),调试部署
4.2.1系统功能模块
软件技术课程学习系统设计,在系统首页可以查看首页、课程案例、在线交流、试卷列表、公告信息、个人中心、后台管理等内容,如图4-1所示。
![](https://i-blog.csdnimg.cn/blog_migrate/f3d6b0d103900a326d5fdddbc93da6b6.png)
图4-1系统首页界面图
学生注册,在学生注册页面通过填写学号、密码、学生姓名、手机、班级、邮箱等信息完成学生注册,如图4-2所示。
![](https://i-blog.csdnimg.cn/blog_migrate/0f921457484d087c7debec378ce6a05f.png)
图4-2学生注册界面图
课程案例,在课程案例页面可以查看案例名称、课程、图片、课程等级、课程视频、课程资料等信息,如图4-3所示。
![](https://i-blog.csdnimg.cn/blog_migrate/cdd973a1e4662db2d0ee37e047d300d1.png)
图4-3课程案例界面图
在线交流,在在线交流页面通过填写标题、类型、内容等信息进行发布帖子,如图4-4所示。
![](https://i-blog.csdnimg.cn/blog_migrate/d2a7904117ecb2c714f2ca1747f60a12.png)
图4-4在线交流界面图
试卷列表,在试卷列表页面可以查看试卷名称、考试时长、创建时间等信息,进行考试,如图4-5所示。
![](https://i-blog.csdnimg.cn/blog_migrate/ee52e49955aa722ff152172653009cad.png)
图4-5试卷列表界面图
个人中心,在个人中心页面通过填写用户信息进行更新信息,根据需要对我的发布、考试记录、错题本、我的收藏进行相对应操作,如图4-6所示。
![](https://i-blog.csdnimg.cn/blog_migrate/eed2a088fb7df2aba2e6d9f07406126c.png)
图4-6个人中心界面图
4.2.2管理员功能模块
管理员登录,通过填写注册时输入的用户名、密码、角色进行登录,如图4-7所示。
![](https://i-blog.csdnimg.cn/blog_migrate/5f397fdb1f8dd97415fa32b6278ca3b7.png)
图4-7管理员登录界面图
管理员登录进入软件技术课程学习系统设计可以查看首页、个人中心、教师管理、学生管理、课程管理、课程案例管理、课程教案管理、管理员管理、在线交流、系统管理等信息,如图4-8所示。
![](https://i-blog.csdnimg.cn/blog_migrate/b926fc22f89cc37ab7ab81d4a1a69294.png)
图4-8管理员功能界面图
教师管理,在教师管理页面中可以查看索引、教师工号、教师姓名、性别、照片、职称、联系电话、教师邮箱等信息,并可根据需要进行修改或删除等操作,如图4-9所示。
![](https://i-blog.csdnimg.cn/blog_migrate/d680b115a8780744f4e16bdb83f0a664.png)
图4-9教师管理界面图
学生管理,在学生管理页面中可以查看索引、学号、学生姓名、性别、头像、手机、班级、邮箱等信息,并可根据需要进行修改或删除等操作,如图4-10所示。
![](https://i-blog.csdnimg.cn/blog_migrate/d5143017c23bb0c168251a44e87e6989.png)
图4-10学生管理界面图
课程管理,在课程管理页面中可以查看索引、课程等信息,并可根据需要进行修改或删除等操作,如图4-11所示。
![](https://i-blog.csdnimg.cn/blog_migrate/e71b96843ab0a73294a65effb17ba796.png)
图4-11课程管理界面图
课程案例管理,在课程案例管理页面中可以查看索引、案例名称、课程、图片、课程等级、课程视频、课程资料等信息,并可根据需要进行查看评论、修改或删除等操作,如图4-12所示。
图4-12课程案例管理界面图
课程教案管理,在课程教案管理页面中可以查看索引、课程、图片、教案视频、教案资料、发布日期等信息,并可根据需要进行修改或删除等操作,如图4-13所示。
![](https://i-blog.csdnimg.cn/blog_migrate/ed75ea7dc8e7fa079bfd9b07fd2d5d66.png)
图4-13课程教案管理界面图
管理员管理,在管理员管理页面中可以查看索引、用户名、密码、角色等信息,并可根据需要进行修改或删除等操作,如图4-14所示。
![](https://i-blog.csdnimg.cn/blog_migrate/3116f69c2f3b9647e5d161617056a9c9.png)
图4-14管理员管理界面图
在线交流,在在线交流页面中可以查看索引、帖子标题、用户名、状态等信息,并可根据需要进行修改或删除等操作,如图4-15所示。
![](https://i-blog.csdnimg.cn/blog_migrate/ebf259f59877c82db2d04c857508824b.png)
图4-15在线交流界面图
系统管理,在公告信息页面中可以查看索引、标题、简介、图片等信息,并可根据需要对轮播图管理进行相对应操作,如图4-16所示。
![](https://i-blog.csdnimg.cn/blog_migrate/afe41c21390ecd94e70c0e191263649a.png)
图4-16系统管理界面图
4.2.3学生功能模块
学生登录进入软件技术课程学习系统设计可以查看首页、个人中心、我的收藏管理、考试管理等内容,如图4-17所示。
![](https://i-blog.csdnimg.cn/blog_migrate/cd74b8c33e984233f6d9d42945330918.png)
图4-17学生功能界面图
个人中心,在个人中心页面中通过填写学号、学生姓名、性别、头像、手机、班级、邮箱等信息进行修改,如图4-18所示。
![](https://i-blog.csdnimg.cn/blog_migrate/16e8f53b537e46ca002f4789b8a6ead5.png)
图4-18个人中心界面图
我的收藏管理,在我的收藏管理页面中可以查看索引、收藏名称、收藏图片等信息,并可根据需要进行删除等操作,如图4-19所示。
![](https://i-blog.csdnimg.cn/blog_migrate/5be4dc86855a7b9e81836ee3c6f2cfd0.png)
图4-19我的收藏管理界面图
考试管理,在错题本页面中可以查看用户ID、试卷、试题名称、分值、正确答案、考生答案、试题分析、考试时间等信息,并可根据需要对考试记录进行相对应操作,如图4-20所示。
![](https://i-blog.csdnimg.cn/blog_migrate/961b98ca2421f3c442192d3291d51d8b.png)
图4-20考试管理界面图
4.2.4教师功能模块
教师登录进入软件技术课程学习系统设计可以查看首页、个人中心、课程教案管理、试题管理、试卷管理、考试管理等内容,如图4-21所示。
![](https://i-blog.csdnimg.cn/blog_migrate/108b28c1bd6397528b1c9ab8784b12f9.png)
图4-21教师功能界面图
个人中心,在个人中心页面中通过填写教师工号、教师姓名、性别、照片、职称、联系电话、教师邮箱等信息进行修改,如图4-22所示。
![](https://i-blog.csdnimg.cn/blog_migrate/5ea6b368293f8f3e930f9bfd262ec3c3.png)
图4-22个人中心界面图
课程教案管理,在课程教案管理页面中可以查看索引、课程、图片、教案视频、教案资料、发布日期等信息,如图4-23所示。
![](https://i-blog.csdnimg.cn/blog_migrate/9f078cd3835e8467923865bd10293c53.png)
图4-23课程教案管理界面图
试题管理,在试题管理页面中可以查看试卷、试题名称、分值、答案、类型等信息,并可根据需要进行修改或删除等操作,如图4-24所示。
![](https://i-blog.csdnimg.cn/blog_migrate/af23642b5739ab4be8d1c2a447a5c8c7.png)
图4-24试题管理界面图
试卷管理,在试卷管理页面中可以查看索引、试卷名称、考试时长(分钟)、试卷状态等信息,并可根据需要进行修改或删除等操作,如图4-25所示。
![](https://i-blog.csdnimg.cn/blog_migrate/0e70c0b2fc410bfbedeb28cdbb6f5a11.png)
图4-25试卷管理界面图
考试管理,在考试记录页面中可以查看用户ID、试卷、试题名称、分值、正确答案、考生答案、考生分值、考试时间等信息,并可根据需要对错题本进行相对应操作,如图4-26所示。
![](https://i-blog.csdnimg.cn/blog_migrate/21ddb09edb74fd9d023053928d8dbaa2.png)
图4-26考试管理界面图