随笔分类 -  lion-ui

摘要:为什么要使用动态路由? 一般系统中,都会有不同权限的操作人员,这时候他们看到的页面也将会不同,因此都需要根据他们的权限来生成对应的菜单,这个就得通过动态路由来实现。 主流的两种实现方式 控制一般都是由前端的路由中设置。后端返回路由表动态生成两种。 本文主要记录由数据库维护的动态路由实现,和相关注意点 阅读全文
posted @ 2020-08-22 15:02 Levy-伟 阅读(1325) 评论(0) 推荐(1)
摘要:自定义主题 1.安装「主题生成工具」 由于主题工具需要依赖于 node-sass,而node-sass版本兼容性并不好,对应 node 版本可能不兼容直接执行npm i element-theme -g所安装的版本,因此需要自行先安装对应 node 版本的node-sass. 对应版本如下 Node 阅读全文
posted @ 2020-08-22 11:39 Levy-伟 阅读(1109) 评论(0) 推荐(0)
摘要:组件封装 在上一篇记录中,首页中有太多的代码,为了避免代码的臃肿,需要对主要的功能模块拆分,来让代码看起来更简洁,且能进行复用。 拆分后还加了些小功能,加入了修改 title 的代码,修改方式参考vue 动态修改 title。 还增加了当前请求的页面缓存,使用状态管理器处理。监听路由,保存到 sta 阅读全文
posted @ 2020-08-21 22:39 Levy-伟 阅读(910) 评论(2) 推荐(0)
摘要:登录页面设计 该节记录了登录界面的设计,以及 vuex 的简单实用,然后将首页简单搭建完成。 先看最终效果图 先在 views 文件夹下 新建 login/index.vue 文件。用于登录首页 vuex 对应 用户模块 vuex 相关介绍可参考另一篇博文,链接 新建 store/modules/u 阅读全文
posted @ 2020-08-21 15:23 Levy-伟 阅读(4727) 评论(0) 推荐(1)
摘要:sass-loader/vuex 等的引入说明 tips:vue-cli 4.x脚手架封装度更高,配置起来简单许多,旨在让用户把精力都放在编写业务代码中 vue-cli 4.x在创建时已经选择了相应依赖,因此项目创建好后,基本的依赖都有。不需要重复安装。 引入 element vue-cli 4.x 阅读全文
posted @ 2020-08-20 20:18 Levy-伟 阅读(644) 评论(0) 推荐(0)
摘要:项目介绍 lion-ui 是一个基于 RBAC 的管理系统前端项目,采用 vue 和 element-ui 前端技术栈,实现了登录权限验证,根据权限动态生成菜单等功能。使用 vue-cli4.x 初始化项目。 开发时采用 fastmock 来进行模拟请求数据。 暂时前端项目只有master分支,数据 阅读全文
posted @ 2020-08-20 18:58 Levy-伟 阅读(1524) 评论(0) 推荐(0)