nodejs+vue+elementui学生选课管理系统

管理员功能模块
管理员登录页面
(1)前台:首页、课程信息、校园论坛、校园公告、个人中心、后台管理。 
(2)管理员:首页、个人中心、学生管理、教师管理课、程信息管理、课程分类管理、选课信息管理、作业信息管理、提交作业管理、学生成绩管理、校园论坛、系统管理。
(3)学生:首页、个人中心、选课信息管理、作业信息管理、提交作业管理、学生成绩管理、我的收藏管理。
(4)教师:首页、个人中心、课程信息管理、选课信息管理、作业信息管理、提交作业管理、学生成绩管理
进入管理员系统我们可以看到系统的个人中心、学生管理、教师管理等相关功能模块
学生管理我们可以看到学生的学号、姓名、性别、邮箱、手机号码等基本信息。
在教师管理我们可以查看教师的工号、教师姓名、性别、邮箱等基本信息。
在课程信息管理我们可以看到一些课程的信息等。
在课程分类管理我们可以添加课程分类的类型等。
在课程选课管理系统我们可以看到学生选课的一些信息等
 nodejs+vue+elementui学生选课管理系统_第1张图片nodejs+vue+elementui学生选课管理系统_第2张图片
 1、 node_modules文件夹(有npn install产生)
    这文件夹就是在创建完项目后,cd到项目目录执行npm install后生成的文件夹,下载了项目需要的依赖项。
2、package.json文件
     此文件是项目的配置文件(可定义应用程序名,版本,依赖项等等)。node_modules文件夹下的依赖项是从哪里知道的呢?原因就是项目根目录下的这个package.json文件,执行npm install时会去找此文件中的dependencies,并安装指定的依赖项。
3、public文件夹(包含images、javascripts、stylesheets)
      这个文件夹做过Web开发的应该一看就知道,为了存放图片、脚本、样式等文件的。
4、routes文件夹
      用于存放路由文件。
5、views文件夹
      存放视图。

nodejs+vue+elementui学生选课管理系统_第3张图片nodejs+vue+elementui学生选课管理系统_第4张图片nodejs+vue+elementui学生选课管理系统_第5张图片nodejs+vue+elementui学生选课管理系统_第6张图片
 前台首页功能模块
在系统前台首页我们可以看到首页、课程信息、校园论坛、校园公告、个人中心、后台管理。
在课程信息我们可以看到学校的一些相关课程信息等

在校园论坛我们可以看到用户发布的一些信息等情况
在校园公告我们可以看到校园的一些公告信息等
在个人中心我们可以看到自己的个人信息情况等

你可能感兴趣的:(vue.js,elementui,前端)