
vue
harsima
码畜一枚
展开
-
Vue + ElementUI 手撸后台管理网站基本框架(四)主题切换
设计思路主题创建配置webpack配置供js使用的主题文件路径使用及调试优势及问题源码本系列目录最近因为某些原因,终于把一直纠结的主题方式及切换方式搞了出来。设计思路我能想到的主题切换方式无非两种:一种是在body中加样式,对所有css进行命名空间(css前缀)处理一种是类似Element自身的主题切换方式,通过编写scss改变主题前一种方式...原创 2017-12-29 19:20:56 · 27668 阅读 · 2 评论 -
Vue + ElementUI 手撸后台管理网站基本框架(零)前言篇
前言文章的更新的二三事源码本系列目录欢迎转载,但需标明出处前言本教程中涉及的后台管理系统使用 vue + element + webpack 作为基础框架,SPA架构,均采用vue的单文件组件形式进行书写,故你需要确保PC中拥有nodeJS环境,保证代码可以进行后期编译,以运行在浏览器环境中。UI框架则采用element,当前使用element 1.x版...原创 2017-09-12 21:00:23 · 34921 阅读 · 2 评论 -
Vue + ElementUI 手撸后台管理网站基本框架(一)创建项目
创建工程目录ajax插件选择模拟ajax返回数据跨域问题优化webpack配置增加babel-polyfill增加路径别名修改单页面应用根模板index.html位置修改chunk文件名完善各种类型的css-loaderNEXT——路由篇源码本系列目录创建工程目录在开始一切的讲解前,我们先创建一个全新的工程。推荐直接使用vue官方提供的命令行...原创 2017-09-12 21:01:21 · 62086 阅读 · 6 评论 -
Vue + ElementUI 手撸后台管理网站基本框架(二)权限控制
前端权限控制的本质权限策略接口权限控制页面级访问权限控制创建路由表Mock权限列表数据编写导航钩子数据级操作权限控制路由控制完整流程图NEXT——登录及系统菜单加载源码本系列目录前端权限控制的本质在管理系统中,感觉最让新手们搞不懂就是权限管理这部份了,而这也是后台管理系统中最基础的部分。一般说来,权限管理可以分为两种情况:第一种为页面级访问...原创 2017-09-12 20:45:35 · 113454 阅读 · 30 评论 -
Vue + ElementUI 手撸后台管理网站基本框架(三)登录及导航菜单加载
登录授权登录及安全为每个请求增加TokenToken超时及刷新机制创建系统菜单模拟菜单数据生成菜单实现点击一级菜单收回所有其他子菜单NEXT——主题切换源码本系列目录登录授权登录及安全从前端看来,用户的登录和授权看起来感觉十分简单,无非就是输入用户名和密码,传给后台确认登录。但其实这里面还是有很多需要注意的问题,这里简单列举一下:...原创 2017-09-12 20:47:09 · 71756 阅读 · 8 评论