keson要进步-优快云博客

原创部署alertmanager及配置钉钉告警（下）

方式二、在192.168.242.151机器上用stress命令模拟CPU负载，会让CPU拉到100。（/opt/alertmanager/data如果没有这个data就自己创建一个data目录）url和secret填刚才记录的钉钉机器人的Webhook地址和加签秘钥。2、设置机器人名称，安全选择“加签”，记录Webhook地址和加签秘钥。8、配置prometheus-webhook-dingtalk。1、在钉钉创建群聊，添加机器人–>自定义机器人。5、访问普罗米页面，看是否添加成功。

2025-02-14 14:16:32 350

原创 Prometheus+Grafana部署(上)

概要Prometheus支持多操作系统部署，也可以通过docker、kubernetes等容器平台进行部署。详情请移至官网查看：https://prometheus.io/download/1、环境准备软件包2、部署prometheus（二进制）安装step1.下载step2.部署step 3.验证step 4.配置用户修改安装目录权限创建prometheus运行数据目录配置文件。

2025-02-14 14:15:20 998

原创 centos7 安装部署 zabbix6.4.0 (超详细)

本文详细介绍了如何在CentOS7.9上通过yum源安装Zabbix服务器，包括配置MySQL、PHP和Apache，以及设置SNMP支持和数据库连接。步骤包括更新yum源、安装相关库、配置Zabbix服务器参数和数据库，最终完成Zabbix的初始化和启动。

2025-01-15 15:41:45 1332 4

原创 Vue3+TypeScript项目（用户管理模块）

添加用户按钮：我们在点击添加用户按钮的时候，先把之前的用户数据清空。截图修改一下，用户名字改为username，用户名称改为name。添加和修改的请求封装成一个。点击取消按钮之后：关闭抽屉。

2024-04-03 17:28:08 450 1

原创 Vue3+TypeScript项目（SKU管理模块）

注意：在这里切换页码和切换每页数据条数的回调不同是因为：它们都能对函数注入数据，切换页码注入的是点击的页码数，因此我们可以直接使用getHasSku作为他的回调。切换每页数据条数注入的是切换的页码条数，我们希望切换后跳转到第一页，因此使用handler，间接调用getHasSku。无外乎API(type)，组件内发请求拿数据、将数据放到模板中。2：对数据结构的理解（可以将请求回来的数据放到正确的位置上）3：element-plus组件的使用。由于没有返回数据，所以没有ts类型。轮播图 carousel。

2024-04-02 17:16:06 1403 1

原创 Vue3+TypeScript项目（SPU管理模块）

单元。是商品的最小单位，是一组可复用、易检索的标准化信息的集合，该集合描述了一个产品的特性。通俗点讲，、特性相同的商品就可以称为一个SPU。

2024-03-28 17:17:59 926

原创 Vue3+TypeScript项目（属性管理模块）

属性管理分为上面部分的三级分类模块以及下面的添加属性部分。我们将三级分类模块单独提取出来做成全局组件。

2024-03-19 17:44:24 510 1

原创 Vue3+TypeScript项目（品牌管理模块）

2.el-table-column的type属性：对应列的类型。因为prop属性虽然能够展示数据，但是他默认是div，如果我们的图片使用prop展示的话，会展示图片的路径。3.el-table-column的prop属性：字段名称对应列内容的字段名，也可以使用 property属性。比如我们这里绑定的trademarkArr是个三个对象的数组，就会多出来3行。注意：因为我们之前已经绑定了数据，所以在这里直接使用数据的属性tmName。在数据展示模块，我们使用了element-plus的。

2024-03-17 18:56:15 723 1

原创 Vue3+TypeScript项目（中）顶部导航组件

【代码】Vue3+TypeScript项目（中）顶部导航。

2024-03-13 00:45:03 1506 1

原创 Vue3+TypeScript项目（中）

创建 src\store\modules\types\type.ts//定义小仓库数据state类型创建src\utils\token.ts//封装本地存储存储数据与读取数据方法//存储数据//本地存储获取数据修改src\store\modules\user.ts//创建用户相关的小仓库//引入接口//引入数据类型//引入操作本地存储的数据方法//创建用户小仓库//小仓库存储数据的地方return {token: GET_TOKEN(), //用户唯一标识},

2024-03-05 17:33:44 561 1

原创 Vue3+TypeScript项目（上）

一个项目要有统一的规范，需要使用eslint+stylelint+prettier来对我们的代码质量做检测和修复，需要使用husky来做commit拦截，需要使用commitlint来统一提交规范，需要使用preinstall来统一包管理工具。当我们 commit 提交信息时，就不能再随意写了，必须是 git commit -m 'fix: xxx' 符合类型的才可以，**需要注意的是类型的后面需要用英文的 :，并且冒号后面是需要空一格的，这个是不能省略的。stylelint为css的lint工具。

2024-03-04 15:32:04 2142 1

m0_65435970的博客