element-admin

提供一个基于vue+elementui的后台管理系统模板框架

吃可爱长大的小学妹 提交于 2020-11-04 07:01:05
今天提供一个基于vue+elementui的后台管理系统模板框架 项目页面可自行开发 路由导航可请求接口获得放入this.menuData中 路由页面参数为: "id": 1, "name": "/organizationManage", "label": "组织管理", "icon": "el-icon-message", "parentId": 0, "children": [{ "id": 2, "name": "/organizationManage", "label": "组织管理", "icon": "el-icon-loading", "parentId": 1 }] 此套项目源码我已放到GitHub上 https://github.com/sakexiaowei/element-admin-master 其中包括我的《el-tree公共组件(带操作按钮)源码分享》文章中所提供的公共vue组件 https://www.toutiao.com/i6879006284382011912/ 同学 如果对你有帮助的话,请点赞、分享、收藏三连为号主加油喔 有什么问题可以留言提问,号主看到后会第一时间为小伙伴解答 原创文章链接: https://www.toutiao.com/i6880091915702764035/ 来源: oschina 链接: https://my

基于Element-admin-ui开发后台管理系统

旧时模样 提交于 2019-12-04 20:14:06
最近新项目,开始独立做一个web B端管理系统,从框架搭建到第一版项目线上部署,大概花了1月有余时间。利用这两天时间好好整理下这中间遇到的一些问题。 一 框架选择 因为项目周期的原因,全部自己开发的话花费时间周期将加长,经过多个框架对比,最后选择了Element-admin-ui + vue。 之前有用过element UI,但Element-admin-ui还是一次使用。 Element-admin-ui官网地址:https://panjiachen.github.io/vue-element-admin-site/zh/guide/ 点击 基础模板 进入 github,按照步骤克隆下载,这里就不一一介绍了。 有5篇 文章,请仔细阅读 二 克隆运行 初始版本 三 探坑指南 1.token的存储 管理员在登录账号后接口会返回一个token,并将其存到请求头,之后在每个接口请求时进行token验证并进行拦截。 进入登录页,点登录时调用接口正常返回可看到 我这边是已经修改了登录接口的地址,然后后端返回的数据。 然后将token存入请求头中,名字请自行定义。然后token拦截的状态码需根据接口返回进行更改。 前期不需要拦截的话如下图,将画圈部分注释,再将下面的return注释打开即可 2. 动态路由控制 有个需求,管理员通过账号登录,接口返回对应的菜单,然后再添加到路由进行渲染。