- 博客(19)
- 收藏
- 关注
原创 CICD实战(四) -----Jenkins+Gitlab实战
我们在URL部分添加刚才复制的Git项目的Git地址,但是,这里要注意,由于此时我们的Git项目还没有配置,因此该地址无法访问,我们需要手动的将gitlab.example.com修改为Gitlab的IP地址。之后,因为要使用Jenkins管理Gitlab,因此在Jenkins设备上必须有Git的客户端,否则在Jenkins上尽管有Gitlab的插件,但是本地没有Git命令,也无法进行项目的管理。回到Jenkins设备上,我们新创建一个项目。1、在Jenkins中Git插件安装。
2025-06-05 17:52:49
178
原创 CICD实战(三) -----gitlab的简单使用
为了避免员工自动注册,我们一般会禁止Gitlab的自动注册功能。最后,我们来讲解一下Gitlab的登录免密验证,配置完成后,可以使得我们的Gitlab自动执行Git命令而无需登录,对于脚本的编写以及其他项目(如Jenkins)的运用这一步是必须的。注意:在本次实战中,我们在认证设备上执行ssh-keygen命令时,注意设备的hostname,最好先改动设备的hostname,以防止最后出现问题。接下来,我们来创建项目。由于新项目的创建必须依赖于一个组,因此,我们在创建项目前,先创建组。
2025-06-05 17:38:15
314
原创 CICD实战(二)-----gitlab的安装与配置
有时,我们因为长时间没有使用Gitlab,而忘记了管理员用户的密码,从而导致无法登录系统的状况,又或者是由于系统BUG,Gitlab在初次安装完成后,没有出现设置密码的页面,直接出现了登录的页面,从而导致我们无法继续登录配置使用。出现这种情况,我们就需要重置Gitlab的密码了。尝试访问Gitlab的web页面(注:可能需要等待较长时间),接下来,会进入一个设置密码的页面,(注意,由于一些BUG,有可能我们无法进入到设置密码页面,此时Gitlab就无法登录,这时我们需要重置Gitlab的密码。
2025-06-05 17:22:23
521
原创 CICD实战(一) -----Jenkins的下载与安装
3、安装java17(因为Jenkins版本是2.479.1,不同版本需要需要不同的java版本,具体看官网要求)因为我是centos,yum源库已经不支持java17了,所以用这种方法安装。这里可以选择创建用户,也可以用admin账户继续,我选的是admin账户继续。7、点击选择插件来安装(后续可以自己去插件市场安装,这里就不浪费时间了)1、安装工具(可选,如果有就不需要安装)5、访问jenkins的web页面。4、下载Jenkins。8、修改管理员账号密码。
2025-06-05 17:14:55
761
原创 部署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
457
原创 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
1057
原创 centos7 安装部署 zabbix6.4.0 (超详细)
本文详细介绍了如何在CentOS7.9上通过yum源安装Zabbix服务器,包括配置MySQL、PHP和Apache,以及设置SNMP支持和数据库连接。步骤包括更新yum源、安装相关库、配置Zabbix服务器参数和数据库,最终完成Zabbix的初始化和启动。
2025-01-15 15:41:45
2146
6
原创 Vue3+TypeScript项目(用户管理模块)
添加用户按钮:我们在点击添加用户按钮的时候,先把之前的用户数据清空。截图修改一下,用户名字改为username,用户名称改为name。添加和修改的请求封装成一个。点击取消按钮之后:关闭抽屉。
2024-04-03 17:28:08
484
1
原创 Vue3+TypeScript项目(SKU管理模块)
注意:在这里切换页码和切换每页数据条数的回调不同是因为:它们都能对函数注入数据,切换页码注入的是点击的页码数,因此我们可以直接使用getHasSku作为他的回调。切换每页数据条数注入的是切换的页码条数,我们希望切换后跳转到第一页,因此使用handler,间接调用getHasSku。无外乎API(type),组件内发请求拿数据、将数据放到模板中。2:对数据结构的理解(可以将请求回来的数据放到正确的位置上)3:element-plus组件的使用。由于没有返回数据,所以没有ts类型。轮播图 carousel。
2024-04-02 17:16:06
1432
1
原创 Vue3+TypeScript项目(SPU管理模块)
单元。是商品的最小单位,是一组可复用、易检索的标准化信息的集合,该集合描述了一个产品的特性。通俗点讲,、特性相同的商品就可以称为一个SPU。
2024-03-28 17:17:59
983
原创 Vue3+TypeScript项目(属性管理模块)
属性管理分为上面部分的三级分类模块以及下面的添加属性部分。我们将三级分类模块单独提取出来做成全局组件。
2024-03-19 17:44:24
534
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
759
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
598
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
2174
1
原创 TypeScript(下)
要创建对象,必须要先定义类,所谓的类可以理解为对象的模型,程序中可以根据类创建指定类型的对象,举例来说:可以通过Person类来创建人的对象,通过Dog类创建狗的对象,通过Car类来创建汽车的对象,不同的类可以用来创建不同的对象。* 上例中,test函数有一个参数类型不确定,但是能确定的时其返回值的类型和参数的类型是相同的,由于类型不确定所以参数和返回值均使用了any,但是很明显这样做是不合适的,首先使用any会关闭TS的类型检查,其次这样设置也不能体现出参数和返回值是相同的类型。
2024-02-23 17:28:03
766
原创 TypeScript(上)
官方也提供了一个在线开发 TypeScript 的云环境——。基于它,我们无须在本地安装环境,只需要一个浏览器即可随时学习和编写 TypeScript,同时还可以方便地选择 TypeScript 版本、配置 tsconfig,并对 TypeScript 实时静态类型检测、转译输出 JavaScript 和在线执行。而且在体验上,它也一点儿不逊色于任何本地的 IDE,对于刚刚学习 TypeScript 的我们来说,算是一个不错的选择。
2024-02-23 13:50:56
1491
1
转载 【Vue】带你快速上手Vue3 - 使用 - Composition API - 响应式原理 - 新特性
setup() {alert(`你好啊,你触发了hello事件,我收到的参数是:${value}!`);},
2024-02-21 11:29:12
152
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人