管理后台
hx_1199
这个作者很懒,什么都没留下…
展开
-
vue--管理后台手把手搭建-----(1)
生活要有态度,知识要思进取。前言:前辈给一个管理后台系统,叫自己学习,整日散漫的我终于在身边人的帮助下意识到自己的问题,重新规划路线,开始认真工作了。管理后台从功能上讲,我的理解是不同权限的人登录进来之后展示不同权限的页面。看前辈给的后台管理系统,是vue-cli+element.ui框架学习过程中大致划分为:1)动态路由编写2)用户登录,获取用户token,并将用户token...原创 2018-09-17 10:58:00 · 1080 阅读 · 0 评论 -
vue--管理后台手把手搭建-----(2)
我们搭建webpack框架,并引入element(搭建框架之前有讲过,从引入element开始)(1)引入element.ui a) cnpm i element-ui -S b) 在main.js中引入 import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk...原创 2018-09-17 17:46:15 · 1156 阅读 · 0 评论 -
vue--管理后台手把手搭建-----(3)
前言:老工程师引用的图标是阿里巴巴矢量图标,我还没弄,先写着别的吧,毕竟没图标也不是太碍事。登录页面:element 表单,表单校验,像后台异步发送表单数据,若发送成功调转到首页,否则登录不进去。页面效果展示:要说的就是将数据异步提交到vuex,如果返回数据成功,则跳转到“/”页面。 vuex的actions接收login页面发过来的请求,并发送登录接口给后台(涉及axi...原创 2018-09-19 13:30:46 · 919 阅读 · 0 评论 -
vue--管理后台手把手搭建-----(4)
在项目的入口文件写路由导航钩子,进入路由的时候判断当前是否有token,进行判断在管理后台手把手搭建(1)的时候已经详细介绍:代码如下 import router from './router'import store from './store'import NProgress from 'nprogress' // progress barimport 'nprogress/n...原创 2018-09-19 17:13:26 · 480 阅读 · 0 评论 -
vue--管理后台手把手搭建-----(5)
权限写完了,开始写主页面,如下主要由侧边栏,头部,tag标签和主页面构成。主要介绍tag标签。a 侧边栏: 引用element-ui框架,从全局导航钩子开始说起,当我们拉取完用户token后,需要拉取用户权限,我们需要对拉取来的用户权限做处理,判断是否为超管权限或者为该用户应展示的权限内容,将其存放到vuex中,当我们渲染的时候,在从vuex中获取数据。b tag标...原创 2018-09-21 16:33:11 · 1806 阅读 · 2 评论