随笔分类 - python 运维开发
摘要：一、概述 Apache RocketMQ是阿里开源的一款高性能、高吞吐量、队列模型的消息中间件的分布式消息中间件。 关于RocketMQ集群架构的详细介绍，请参考链接：https://blog.csdn.net/Weixiaohuai/article/details/123607472 二、下载镜像
阅读全文
摘要：一、概述 因项目需求，需要增加轮播图，官方demo效果如下： 但这个不是我们想要的，我们需要的是这样的。 二、代码实现 需要在原有的基础上，修改页面样式才行。 test.vue <template> <div style="width: 700px"> <el-carousel indicator-
阅读全文
摘要：一、概述 jenkins备份插件是：ThinBackup 二、安装ThinBackup Jenkins 插件中心搜索 ThinBackup，点击直接安装即可。 插件官网： https://plugins.jenkins.io/thinBackup 安装好 ThinBackup 之后，在系统管理界面，
阅读全文
摘要：一、概述 jenkins是由docker安装的，目前的jenkins版本为2.356。然后jenkins右上角提示版本升级 点击了升级，升级完成后，需要重启一下。 然后就芭比Q了，访问jenkins出现504错误。 查看docker日志，提示需要jdk升级到1.8。默认的jenkins的jdk版本为
阅读全文
摘要：一、概述 因业务需求，多行文本需要显示行号，方便查看配置。 由于默认的textarea输入框无法显示行号，因此需要使用第三方插件才行。 二、插件 我找了一个插件，叫bin-code-editor，它原本是用来输入json数据的，也可以做json格式校验。 但是java项目的配置文件，也不一定是jso
阅读全文
摘要：一、概述 因项目需求，需要对2个文件进行对比。 二、安装插件 npm i codemirror -S npm i diff-match-patch -S 三、示例 test.vue <template> <div class="compareClass"> <!-- 代码版本，差异对比 对话框内容
阅读全文
摘要：一、概述 官方链接：https://element.eleme.cn/#/zh-CN/component/table 官方效果： 二、demo演示 test.vue <template> <div> <el-table :data="tableData" style="width: 100%;mar
阅读全文
摘要：一、概述 Cilium是一种开源网络实现方案，与其他网络方案不同的是，Cilium着重强调了其在网络安全上的优势，可以透明的对Kubernetes等容器管理平台上的应用程序服务之间的网络连接进行安全防护。 Cilium在设计和实现上，基于Linux的一种新的内核技术eBPF，可以在Linux内部动态
阅读全文
摘要：一、概述 由于业务需求，需要安装版本比较高的k8s，比如：1.20.0 二、环境介绍 操作系统：ubuntu-18.04.6-server-amd64 配置：2核3g ip地址：192.168.1.12 主机名：k8smaster 操作系统：ubuntu-18.04.6-server-amd64 配
阅读全文
摘要：一、概述 目前系统信息： 版本：ubuntu-18.04.6-server-amd64 内核版本：4.15.0-156-generic 由于需要安装k8s某个组件，需要内核版本>= 4.9，因此需要做一下升级。 二、操作 要升级 Ubuntu 的内核，打开 http://kernel.ubuntu.
阅读全文
摘要：一、概述 因项目需求，需要做一个多选设置。 先来看一下官方的demo test.vue <template> <div> <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllC
阅读全文
摘要：一、概述 先来看一下页面 现有一个首页inde.vue，是加载有3个tab，分别是工单处理A.vue，工单报价B.vue，工单回单C.vue。 这3个tab是不同的vue文件，需要共享一个工单详情orderDetails数据。这个数据从后端api请求接口获取。 简单的做法是，A，B，C这3个页面都去
阅读全文
摘要：一、概述 因项目要求，需要增加一个模糊搜索，可以选择多个，数量不限制。 官方链接：https://element.eleme.cn/#/zh-CN/component/select#select-attributes 二、demo test.vue <template> <div> <el-sele
阅读全文
摘要：一、概述 基于 Vue 的一个轻量级视频播放组件，适配 PC 和移动端。 官方链接：https://webweifeng.github.io/vue-mini-player/ 特色 1.轻量级 HTML5 播放器，精美 UI 控件，简单易上手 2.提供以 npm 的形式安装提供全局组件 3.多格式视
阅读全文
摘要：一、概述 现有一个图片预览功能，目前设置的宽高都是100%。但是这样有一个问题，如果图片的高度太高，图片展示不全。 二、解决 vue图片在设置好的div里面自动适应宽高，图片显示全部，不够宽高的留空白 本文使用的图片分辨率为：4000x2026 我的电脑分辨率为：1920x1080 默认宽高如果设置
阅读全文
摘要：一、概述 可视化地呈现时间流信息。 官方链接：https://element.eleme.cn/#/zh-CN/component/timeline 二、优化 官方列举的样式，不符合实际需求，因此需要自己写一个。 test.vue <template> <div style="width: 50%"
阅读全文
摘要：一、概述 Gitlab可以通过访问 /public 和 /explore 目录在未登录的情况下访问公开的项目，这非常的不安全。 二、解决 参考链接：https://gitlab.com/gitlab-org/gitlab-ce/issues/32387 更简便的方法： 修改nginx转发配置 loc
阅读全文
摘要：一、概述 目前gitlab版本是13.3.5，使用docker部署。近期阿里云发出警告，有恶意代码执行，今查询，是gitlab漏洞导致，需要升级到最新版本。 目前已知的最新版本是14.4.2 二、升级策略 参考官方文档：https://docs.gitlab.com/ee/update/#insta
阅读全文
摘要：一、概述 Rate 评分组件，官方链接：https://element.eleme.cn/#/zh-CN/component/rate 二、辅助文字 用辅助文字直接地表达对应分数 test.vue <template> <div style="width: 20%"> <el-rate v-mode
阅读全文
摘要：一、概述 用清晰的层级结构展示信息，可展开或折叠。 官方网站：https://element.eleme.cn/#/zh-CN/component/tree 二、节点过滤 通过关键字过滤树节点 test.vue <template> <div style="width: 20%"> <el-inpu
阅读全文