摘要: 不同的权限对应不同的路由(菜单),同时侧边栏也根据权限异步生成,实现登录和鉴权思路如下: 登录:点击登录,服务器验证通过后返回一个 token ,然后存到 cookie,再根据 token 拉取用户权限 鉴权:通过 token 获取对应的roles, 计算有权限的路由,使用 router.addRo 阅读全文
posted @ 2018-12-06 10:05 葡萄不吐皮 阅读(14334) 评论(4) 推荐(1) 编辑
摘要: 切换路由页面时,中止上个路由页面未返回数据的请求 通常情况下,接口返回数据很快,但万事无绝对 若接口返回数据较慢此时用户快速切换菜单,那么上个路由的请求还处在发送中,为了处理效率,对请求做些处理 vue 项目使用 axios 封装请求,此处要用到 axios 中的 CancelToken 在封装好的 阅读全文
posted @ 2018-12-06 09:08 葡萄不吐皮 阅读(3627) 评论(0) 推荐(0) 编辑
摘要: 点击单元格后弹出对话框轮播图片,用Carousel 走马灯实现。 希望图片无论分辨率多少,都能在一屏内显示,这时就要用图片自适应。 图片外层容器,使用 flex 布局,设置对齐方式为主轴、交叉轴居中 display: flex; align items: center; justify conten 阅读全文
posted @ 2018-12-05 09:35 葡萄不吐皮 阅读(11814) 评论(0) 推荐(1) 编辑
摘要: 前台以表格形式展示后台数据,图片或视频点击后弹出框播放,用el dialog实现。 希望播放视频的时候不显示dialog的背景那些。 尝试 scoped 无果 不加 scoped 则会覆盖 elementui 样式,很是烦恼 解决方法: 在外层加入自定义class,以命名空间隔离 阅读全文
posted @ 2018-12-05 09:17 葡萄不吐皮 阅读(7491) 评论(0) 推荐(0) 编辑
摘要: 有一个菜单树,顶层菜单下面有多个子菜单,子菜单下还有子菜单。。。 这时候就要用递归处理 1 定义多级菜单 修改 src/router/index.js 的 / 路由 2 抽出Sidebar组件 生成的递归路由放在侧边栏,因此抽取 sidebar 组件,sidebar 包含logo和 递归路由 再抽取 阅读全文
posted @ 2018-11-18 10:55 葡萄不吐皮 阅读(18753) 评论(16) 推荐(3) 编辑
摘要: 使用font awesome 修改 src/main.js 增加 1 login页面增加图标 效果如下 修改原来的用户输入框 和密码输入框 给"眼睛"增加click事件 2 简单实现记住密码 成功登陆后把用户名和密码存入cookie,再次进入页面时读取cookie js / ... / setCoo 阅读全文
posted @ 2018-11-17 22:18 葡萄不吐皮 阅读(12238) 评论(11) 推荐(0) 编辑
摘要: 上一节搭好了主框架,但是标签页和侧边栏只是分别展示了各自的菜单,如何将二者联动起来? 定义路由规则:当有 children 属性时,从 children 里取出 path 填充到侧边栏,如: 该路由的 children 有2个子路由,我期望生成如下菜单: 1 新增组件 新增 views/dashbo 阅读全文
posted @ 2018-11-11 19:15 葡萄不吐皮 阅读(58928) 评论(6) 推荐(3) 编辑
摘要: 1 会话存储 使用html5的 sessionStorage 对象临时保存会话 2 将所有未登录会话重定向到 /login 用 vue router 的 beforeEach 实现 beforeEach 方法接收三个参数: to: Route: 即将要进入的目标 路由对象 from: Route: 阅读全文
posted @ 2018-11-11 18:10 葡萄不吐皮 阅读(61897) 评论(5) 推荐(3) 编辑
摘要: 1 node环境安装 从 "node官网" 下载安装包 2 vue cli 3 新建项目 可保持默认,一路回车 完成后 工程启动成功,访问 http://127.0.0.1:8080 可看到页面 win下使用 tree /f 查看此时src下的文件列表: 4 安装并引入 elementui 编辑 s 阅读全文
posted @ 2018-11-11 17:30 葡萄不吐皮 阅读(69449) 评论(7) 推荐(8) 编辑
摘要: 几个常用的排序算法:插入排序、快速排序、归并排序#include #include #include /************************************************ * 插入排序法 * 第1次循环: 5, 3, 4, 6, 2, 1 -> 5, 5, 4, 6... 阅读全文
posted @ 2015-08-05 17:12 葡萄不吐皮 阅读(196) 评论(0) 推荐(0) 编辑