08 2020 档案

摘要:Framework项目持续集成及集合SonarQube - 前言 个人博客原文地址:http://book.levy.net.cn/doc/devops/jenkins_sonar.html 本文主要记录在windows平台部署 jenkins 服务和 sonar 服务,然后实现持续集成和代码质量管 阅读全文
posted @ 2020-08-31 10:33 Levy-伟 阅读(1128) 评论(5) 推荐(8)
摘要:基于 GitBook 搭建个人博客 1.为什么要写博客? 本人之前也在博客园写了一些,后面怕写的一些文章是错的,误导他人,因此中断了继续写。 继续写博客的原因如下 只为记录自己学习、思考、总结的过程 提高自己将事情讲清楚的能力 积累更多的知识,在需要使用的时候方便查找。 好记性不如烂笔头^_^ 2. 阅读全文
posted @ 2020-08-27 09:48 Levy-伟 阅读(6084) 评论(3) 推荐(2)
摘要:必看说明 GitBook 简单配置使用请参考 链接 plugins 是配置新增或删除插件的位置,而 Gitbook 默认自带有 5 个插件: sharing:右上角分享功能 font-settings:字体设置(左上方的"A"符号) livereload:为 GitBook 实时重新加载 highl 阅读全文
posted @ 2020-08-27 09:46 Levy-伟 阅读(2574) 评论(0) 推荐(0)
摘要:为什么要使用动态路由? 一般系统中,都会有不同权限的操作人员,这时候他们看到的页面也将会不同,因此都需要根据他们的权限来生成对应的菜单,这个就得通过动态路由来实现。 主流的两种实现方式 控制一般都是由前端的路由中设置。后端返回路由表动态生成两种。 本文主要记录由数据库维护的动态路由实现,和相关注意点 阅读全文
posted @ 2020-08-22 15:02 Levy-伟 阅读(1322) 评论(0) 推荐(1)
摘要:自定义主题 1.安装「主题生成工具」 由于主题工具需要依赖于 node-sass,而node-sass版本兼容性并不好,对应 node 版本可能不兼容直接执行npm i element-theme -g所安装的版本,因此需要自行先安装对应 node 版本的node-sass. 对应版本如下 Node 阅读全文
posted @ 2020-08-22 11:39 Levy-伟 阅读(1105) 评论(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-伟 阅读(4720) 评论(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-伟 阅读(643) 评论(0) 推荐(0)
摘要:项目介绍 lion-ui 是一个基于 RBAC 的管理系统前端项目,采用 vue 和 element-ui 前端技术栈,实现了登录权限验证,根据权限动态生成菜单等功能。使用 vue-cli4.x 初始化项目。 开发时采用 fastmock 来进行模拟请求数据。 暂时前端项目只有master分支,数据 阅读全文
posted @ 2020-08-20 18:58 Levy-伟 阅读(1516) 评论(0) 推荐(0)
摘要:Axios 说明 Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 安装 npm 中安装 npm install axios 使用 cdn: <script src="https://unpkg.com/axios/dist/axios.min.js" 阅读全文
posted @ 2020-08-20 09:08 Levy-伟 阅读(1905) 评论(0) 推荐(1)
摘要:本记录仅针对于 vue-cli4.x 使用 scss 全局变量设置使用 在网上也找了很多版本的方法,尝试后都不可行。由于我使用的是 vue-cli4.x 脚手架搭建的项目,在网上也找到一个解决方案,特此记录。 确定依赖包 先在 package.json 文件中确定是否集成了 sass 相关的包 no 阅读全文
posted @ 2020-08-20 09:07 Levy-伟 阅读(3695) 评论(0) 推荐(0)
摘要:状态管理vuex简介 vuex 是专为 vue.js 应用程序开发的状态管理模式。它采用集中存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 vuex 也集成到 vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 阅读全文
posted @ 2020-08-19 21:35 Levy-伟 阅读(1443) 评论(0) 推荐(0)
摘要:1.通过自定义指令去修改(单个修改比较好) //1.在main.js 页面里添加自定义指令 Vue.directive('title', {//单个修改标题 inserted: function (el, binding) { document.title = el.dataset.title } 阅读全文
posted @ 2020-08-19 21:34 Levy-伟 阅读(8832) 评论(0) 推荐(0)
摘要:vue-router 跳转错误 当进行router.push 跳转时,出现以下等错误时,解决办法 vue-router — Uncaught (in promise) Error: Redirected from “/login” to “/” via a navigation guard Avoi 阅读全文
posted @ 2020-08-19 21:27 Levy-伟 阅读(1407) 评论(0) 推荐(0)
摘要:computed 和 watch 的说明 与 区别 computed 计算属性说明: computed 是基于响应性依赖来进行缓存的。只有依赖数据发生改变,才会重新进行计算(当触发重新渲染,若依赖数据没有改变,则 computed 不会重新计算)。若没改变,计算属性会立即返回之前缓存的计算结果。 不 阅读全文
posted @ 2020-08-19 21:18 Levy-伟 阅读(961) 评论(0) 推荐(0)