学生管理系统-01项目简介

一、项目简介

项目名称：学生管理系统

项目功能

• 用户管理

  • 用户登录

  • 用户的注册

  • 用户增加

  • 用户删除

  • 用户的修改

• 学生管理

  • 用户的列表渲染

  • 用户的分页操作

  • 用户的搜索

  • 用户的增加

  • 用户删除

  • 用户编辑

  • excel报表的导出

• 班级管理

• 专业管理

• 班主任管理

• 教师管理

• 课程管理

• 可视化的报表的功能

技术栈：vue2+vue-router+vuex+ElementUI+echarts

开发工具：vscode、webstorm、postman、showdoc

二、环境的搭建

1、创建项目

使用vue/cli脚手架来进行项目开发

• 首先先要检测脚手架工具是否安装成功

C:\Users\giles>npm list -g
C:\Users\giles\AppData\Roaming\npm
+-- @vue/cli@5.0.8
+-- express-generator@4.16.1
+-- typescript@4.9.5
+-- vue-devtools@5.1.4
`-- yarn@1.22.19

• 通过vue create 项目名称创建项目

vue create w12-vue2-studentsys

说明：w12-vue2-studentsys是项目名称，可以根据实际情况来自定义

• 选择项目

Vue CLI v5.0.8
? Please pick a preset:
  Default ([Vue 3] babel, eslint)
  Default ([Vue 2] babel, eslint)
> Manually select features

这里使用键盘的向下箭头来切换选项，然后选择好之后使用回车键进入下一项

• 选择相关的插件

Vue CLI v5.0.8
? Please pick a preset: Manually select features
? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection, and
<enter> to proceed)
 (*) Babel
 ( ) TypeScript
 ( ) Progressive Web App (PWA) Support
 ( ) Router
 ( ) Vuex
>(*) CSS Pre-processors
 ( ) Linter / Formatter
 ( ) Unit Testing
 ( ) E2E Testing