vue基于element-ui制作的成绩管理系统(-)设计思路

摘要:
前两章介绍了vue和elementui的安装,以及路由和http请求。现在,让我们开始一个新项目。不同的角色对应不同的功能模块:管理员:个人信息、学生管理、教师管理、课程管理、密码修改教师:个人信息,成绩管理成绩查询、成绩录入、密码修改学生:设计了个人信息、成绩查询、密码修改的功能模块。现在是界面设计。系统使用elementui自己的风格

上面两章已经将安装 vue 和elementui以及路由和http请求介绍过了,那么现在就是来做新项目。

1、首先我要告诉大家,我做的是什么,我做的是一个学生成绩管理系统。那么既然是学生成绩管理系统,必定有教师的存在,那么有了教师的存在,是不是还是需要一个更高级的人来管理我们的教师和学生,这个人被称作管理员。

2.既然明确了角色,那么就要开始设计功能模块,在这个系统中,主要分为八大模块:个人信息、学生管理、教师管理、课程管理、成绩管理、成绩查询、成绩录入、系统设置。

不同的角色对应不同的功能模块:管理员:个人信息、学生管理、教师管理、课程管理、修改密码

               教师: 个人信息、成绩管理.、成绩查询、成绩录入、修改密码

               学生: 个人信息、成绩查询、修改密码

功能模块都已设计好,现在是界面设计,本系统采用elementui自有样式(一般后台管理系统都离不开增删改查这四项,此管理系统亦如此) 

免责声明:文章转载自《vue基于element-ui制作的成绩管理系统(-)设计思路》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇在React中使用Swiper【jmeter】JMeter处理Cookie与Session下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

【Vue】 编写Vue插件流程

一、在Vue中编写插件流程 1、创建组件 components/message.vue <template> <div v-if="isShow"> <span>{{message}}</span> </div> </template> <...

vue踩坑:axios使用this指针

前言 在vue中,请求后端接口的模块有三种: vue-resource axios fetch 这我们使用axios去请求后端接口。 安装 进入vue项目的目录,执行: npm install axios --save 使用 axios支持的http请求方法如下 axios.request(config) axios.get(url[, conf...

vue项目中在同一页面多次引入同一个echarts图表子组件的自适应问题

 在父组件页面引入两次该图表子组件显示的效果:       由于是百分比宽高,所以在窗口发生变化时,需要让图表也跟着自适应,所以才出现了本次讨论的问题啦。  先看下完整的图表子组件代码(在父组件就是直接引入,不需要传参哦): <template> <div ref="pieDom" style=" 100%;height: 10...

vue 好用的轮播插件之一 vue-seamless-scroll

1.安装 cnpm i vue-seamless-scroll -S 2.组件调用importvueSeamlessfrom"vue-seamless-scroll"; (或者全局注册) 3.https://www.npmjs.com/package/vue-seamless-scrollhttps://chenxuan0000.github.io/vue...

原生js和vue之间的数据通讯--EventEmitter

有个小项目在原来原生的框架编写,但是不想写原生,就引入了vue 然后有个需求要和原生的js进行交互通讯,于是就可以用node.js EventEmitter 具体做法: 先引入文件<script src="http://t.zoukankan.com/js/eventEmitter.js"></script>, 初始化, 然后在vu...

Vue向后端请求课程展示

1.Vue结构 App.vue <template> <div id="app"> <router-link to="/index">首页</router-link> <router-link to="/course">课程</router-link> &...