动态加载菜单 之前我们的导航树都是写死在页面里的，而实际应用中是需要从后台服务器获取菜单数据之后动态生成的。 我们在这里就用上一篇准备好的数据格式Mock出模拟数据，然后动态生成我们的导航菜单。 ...

权限控制方案 既然是后台权限管理系统，当然少不了权限控制啦，至于权限控制，前端方面当然就是对页面资源的访问和操作控制啦。 前端资源权限主要又分为两个部分，即导航菜单的查看权限和页面增删改操作按钮的 ...

技术基础 开发之前，请先熟悉下面的4个文档 vue.js2.0中文, 优秀的JS框架 vue-router, vue.js 配套路由 vuex，vue.js 应用状态管理库 El ...

导入项目 打开 Visual Studio Code，File --> add Folder to Workspace，导入我们的项目。 安装 Element 安装依赖 Elemen ...

在线演示 演示地址：http://139.196.87.48:9002/kitty 用户名：admin 密码：admin 温馨提示： 有在演示环境删除数据的童鞋们，如果可以的话，麻烦动动小 ...

封装 axios 模块 封装背景 使用axios发起一个请求是比较简单的事情，但是axios没有进行封装复用，项目越来越大，会引起越来越多的代码冗余，让代码变得越来越难维护。所以我们在这里先对 a ...

Apache Shiro 优势特点 它是一个功能强大、灵活的，优秀开源的安全框架。 它可以处理身份验证、授权、企业会话管理和加密。 它易于使用和理解，相比Spring Security入门门槛 ...

完善登录流程 1. 丰富登录界面 1.1 从 Element 指南中选择组件模板丰富登录界面，放置一个登录界面表单，包含账号密码输入框和登录重置按钮。 1.2 稍微调整一下界面样式 ...

自定义主题 命令行主题工具 1.安装主题工具 首先安装「主题生成工具」，可以全局安装或者安装在当前项目下，推荐安装在项目里，方便别人 clone 项目时能直接安装依赖并启动。 2 ...

用户管理模块 添加接口 在 http/moduls/user.js 中添加用户管理相关接口。 模拟数据 在 mock/moduls/user.js 中添加用户管理相关mock接口 ...