Skip to content

wanghongting/examination

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

Manage-admin

###基于vue-element-admin 框架的考试后台管理体统

我负责的是试题管理这块(另外对登录,动态路由也记录了一下)

1.首先登录时-->向后台发送用户名字和密码-->然后后台返回一段登录态。

2.用户登录时把登录态存在cookie里面,这样当他登录时通过全局导航守卫(to,from,next)服务端就可以通过判断是否有token值,如果有并且在白名单范围内就让他直接进入首页,如果不在白名单范围内,就通过对他身份进行判断,通过身份获取权限,通过权限获取路由,生成动态路由,什么样的身份请求什么样的接口,看什么样的视图

3.试题管理是侧边栏的第一项:分为三块: 第一块:添加试题 这一页有四个接口 分别是:试题类型 、课程类型、题目类型、 和添加试题的接口 首先前三个是通过接口请求到的数据,第四个是通过用户自己添加题目、题干、答案、以及上面的三种分类,来请求添加接口,达到添加试题的目的 第二块:试题分类 这一页有两个接口 分别是获取所有试题 、和添加试题类型的接口 ,那么首先就是根据接口文档,请求到相应的数据,进行渲染,然后点击添加类型时,输入想要的试题类型,请求添加类型的接口 传入写入的添加试题类型来完成添加类型

第三块:查看试题 这一页首先还是渲染页面 有四个接口 分别是试题类型 、所有的课程类型、题目类型、请求到这些数据渲染页面,因为和添加试题那一页请求的接口一样,避免代码冗余,可以把上面的请求的数据放在仓库里,那么在任何页面想要用数据直接拿就可以,避免了很多不必要的操作,这是vuex的好处,这是数据方面的,逻辑方面的是 这一页有一个查询,就是通过点击不同的试题类型,题目类型,和课程类型 去发送一个筛选的请求接口,来动态改变下面的数据,需要注意的是 怎样修改一开始请求到的数据,其实只需要在vuex中筛选就可做到(这个地方逻辑当时还不太熟悉,因为对vuex运用不太熟练)

总结

   1.关于后台管理系统一定要滤清用户的权限身份,以及页面的展示
   2.通过后台的接口文档,来定义请求的方式以及要传的参数
   3.感觉突破较大的是,以前是自己从头到屋按自己的思路逻辑写项目,这次通过vue-element-admin结合element-ui框架学会了在别人的基础上修改代码,以及分析逻辑,也学会了用git 上传 合并代码 小组分工合作,完成项目。
   4.导出excel 是觉得比较有意思的  因为之前没有接触过,还有上传头像  

About

后台管理系统

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published