学生管理系统-01项目简介-Toy模板网

这篇具有很好参考价值的文章主要介绍了学生管理系统-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

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

选择相关的插件文章来源地址https://www.toymoban.com/news/detail-606044.html

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

到了这里，关于学生管理系统-01项目简介的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！