- 博客(120)
- 收藏
- 关注
原创 Vue+element UI实现列表全部数据排序
element ui 表格中的sortable属性只能实现当前页数据的排序,无法实现整张表全部数据的排序,所以需要采取自定义的排序方式重新触发接口,获取排序好的全部列表。
2023-06-07 11:54:23
1125
原创 Element UI表格内容双击可编辑,失去焦点提交内容
需求就是双击列表中的某一cell,获取焦点时单元格变成input编辑框,失去焦点时如果内容有更改就触发修改的接口,如果内容无更改的话,就不触发。
2023-06-07 11:27:19
1697
原创 Vue el-table 默认展开某一行
需求是在另外一个页面选择IP地址直接到这个页面,并需要默认展开选择的那一行代码如下:<el-table border ref="expandTable" :data="nodeList"> <el-table-column type="expand"> <template slot-scope="props"> <el-form label-position="left" inline class="demo-table-ex
2022-04-15 17:43:41
2879
原创 Vue websocket封装
created() { // 连接websocket this.initWebSocket();},methods: { // 初始化weosocket initWebSocket() { const path = 'ws://192.168.107.10:8083/ws/zhangsan'; this.webSocket = new WebSocket(path); this.webSocket.onmessage = this.webSocketMsg;
2022-04-15 11:35:16
3663
原创 Vue el-input 使用@keyup绑定Enter键、上下左右键、删除键
Vue el-input 使用@keyup绑定Enter键、上下左右键、删除键<el-input v-model="order" @keyup.enter.native="keyUpOperate('enter')" @keyup.up.native="keyUpOperate('up')" @keyup.down.native="keyUpOperate('down')" @keyup.left.native="keyUpOperate('left')"
2022-04-15 11:22:15
3230
原创 docker-compose部署Java后端+Vue前端
安装docker和docker-compose安装docker参考我另一篇博客:docker安装安装docker-compose:下载curl -L https://get.daocloud.io/docker/compose/releases/download/1.25.5/docker-compose-`uname -s`-`uname -m` > /usr/local/bin/docker-compose授权chmod +x /usr/local/bin/docker-co
2022-04-11 16:16:34
1590
原创 Vue el-table 实现右键菜单
实现的效果如下:1.el-table和右键菜单视图代码@row-contextmenu="rightClick"是右键点击事件@row-click="clickTableRow"是每行单击事件<el-table border :data="connectList" @row-contextmenu="rightClick" @row-click="clickTableRow"> <el-table-column label="ID" alig
2022-04-08 09:36:15
4407
2
原创 electron-vue打包借助Inno Setup打包成可执行文件
1.使用yarn build将程序打包成安装包形式在程序文件中的build文件夹中的win-unpacked中2.下载工具下载软件Inno Setup,这是官网https://jrsoftware.org/isdl.php安装好了之后打开软件,点击取消点击文件–>新建,点击下一步输入程序名称、版本、发布者下一步默认,不需要修改选择文件和安装包文件夹下一步默认选项下一步没有许可证文件跳过,直接下一步默认选项选择安装时支持的语言
2022-04-07 10:24:58
872
原创 Vue 将数组的字段取出组成key:value形式的对象+key:value 形式的对象组成数组
1.将数组的字段取出组成key:value形式的对象let list = [ { key: 'php', value: '1' }, { key: 'asp', value: '2' }, { key: 'aspx', value: '3' }, { key: 'jsp', value: '4' }]let header = {}list.forEach(({ key, value }) => header[key] = value);打印出来,就是key:value 的格
2022-03-23 11:50:02
5375
1
转载 Vue实现炫酷倒计时效果
业务需求是3分钟倒计时重启系统,180s-120s蓝色,120s-60s橙色,60s-0s红色,越转越快。参考:https://developer.aliyun.com/article/618567
2022-03-04 09:44:30
535
原创 使用contab定时从主服务器备份到从服务器备份Confluence数据
1.confluence备份默认自动备份,每天凌晨两点备份一次默认的备份地址是/var/atlassian/application-data/confluence/backups默认的附件地址是/var/atlassian/application-data/confluence/attachments找到备份系统,就可以修改对应的定时任务了。2.传输数据的脚本创建transmission.sh脚本,因为使用scp传输的过程需要输入密码,所以我们需要使用脚本自动输入密码,使用expect前先y
2022-02-15 15:58:14
903
1
原创 使用contab定时从主服务器备份到从服务器备份JIRA数据
1.jira数据备份jira的数据是自动备份的,备份的时间间隔默认是0 5 10/12 * * ?,在设置–>系统–>服务–>备份服务中可以进行修改也可以进行手动备份,点击设置–>系统–>导入与导出–>备份系统,输入备份的文件名:备份完之后,可以在/var/atlassian/application-data/jira/export位置下找到对应数据但是,jira上传的附件内容的位置在/var/atlassian/application-data/jira/d
2022-02-14 13:19:33
1235
原创 Docker commit 镜像
测试Commit镜像,我需要先拉取基础镜像,运行容器,在容器中添加jdk和tomcat。再将这个容器commit为一个新的镜像,再运行新的镜像。1.拉取一个基础的centos镜像docker pull centos:72.创建一个容器docker run -itd --name songcentos centos:73.将tomcat和jdk复制到容器中先下载tomcat和jdktomcat下载地址:https://tomcat.apache.org/download-90.cgijdk
2022-01-19 14:48:28
711
原创 Vue实现星空效果
需要要实现上图的星空效果1.星空背景子组件<template> <div class="stars"> <div class="star" v-for="(item, index) in starsCount" :key="index" ref="star"></div> </div></template><script>export default { name: 'StarBackgr.
2022-01-18 10:10:01
2637
3
原创 Vue对单独的页面的body样式设置
由于需要对登录界面的body样式进行设置在首页直接设置body{}实现不了需要像这样设置:export default { beforeCreate: function() { document.getElementsByTagName('body')[0].className = 'body-bg' }}<style lang="scss">.body-bg { background-attachment: fixed; overflow: hidden;
2022-01-18 09:50:07
2423
1
原创 Vue 子父组件互相传值
1.父组件向子组件传递参数父组件view 部分:<link-log :log-open="logOpen" :log-content="logContent" @closePop="logOpen = false" />父组件script 部分import LinkLog from '../components/LinkLog'export default { name: 'Link', components: { LinkLog }, data() { ret
2022-01-13 17:43:24
262
原创 Vue 元素绑定多个class,class和style三目运算
1.绑定多个class:class="[(item.type == 'node' ? 'imageMap' : 'imageArrow'), (canNotSelectHops ? 'img-readonly' : 'img-operate')]"2.class三目运算:class="[item.type == 'node' ? 'imageMap' : 'imageArrow']"3.style三目运算:style="{cursor: item.type == 'arrow' ? 'defa
2022-01-13 10:38:22
1820
原创 Vue 监听的几种写法
1.监听对象watch: { 'form.linkNum': { handler: function() { alert('我正在监听中') } }},watch: { 'form.linkNum'(newValue, oldValue) { alert(oldValue) alert(newValue) }}以后补充
2022-01-11 16:56:42
18477
原创 el-table多选框选中数据回显
1.vue部分主要是这两处地方需要加上::row-key="(row) => { return row.id }" 以及 :reserve-selection="true"<el-table ref="multipleTable" :data="nodeList" style="width: 100%" border height="400" :row-key="(row) => { return row.id }" @selection-change="ha
2022-01-07 09:26:14
6558
5
原创 Jenkins+飞书机器人发送通知
在飞书群中添加自定义机器人将这个webhook地址保存起来,后面需要用到Python发送通知的脚本在部署Jenkins的服务器上创建一个目录,名称随意,创建feizhutongzhi.py脚本文件,需要将你的webhook地址拷贝到脚本中的url中#!/usr/bin/env python#-*- encoding:utf-8 -*-import sysimport requestsimport timeJOB_URL = sys.argv[1]JOB_NAME = .
2021-12-15 13:56:45
4131
原创 Jenkins构建Job失败发送邮件
安装邮箱插件安装Email插件系统管理员邮箱配置Extended E-mail Notification设置Default Content:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>${ENV, var="JOB_NAME"}-第${BUILD_NUMBER}次构建日志</title></he..
2021-12-14 17:09:20
1201
原创 Jenkins配置java项目
1.配置JDK、Git、maven2.安装Pipeline Maven Integration Plugin插件安装完立即重启3.创建maven项目Credentials添加只需要输入用户名和密码即可clean和install:clean install -Dmaven.test.skip=true -Ptest立即执行:控制台输出:成功...
2021-12-14 10:24:05
1030
原创 Java+Vue 网口进出口流量的获取,Echarts展示
需要实现这样的效果图#! /bin/bashfor val in $(ifconfig -a | grep "BROADCAST" | awk '{print $1}'|awk -F ":" '{print $1}')do if [ "$val" == "enp2s0" ]; then addr="no" link_stat=$(ethtool $val | grep 'Link detected' | awk '{.
2021-11-29 10:10:25
1158
原创 Jenkins编译Vue前端项目
Jenkins编译Vue前端项目1.安装NodeJs插件在可选插件中搜索NodeJs,点击立即安装点击工具管理配置NodeJs工具新建一个任务配置git仓库构建环境的配置构建时选择Execute shell,接下来保存好了就可以构建了...
2021-11-19 16:12:28
1065
原创 vue前端项目打包成Docker镜像并运行
vue前端项目打包成Docker镜像并运行首先说明咱们的前端项目是基于Vue的,反向代理使用的是nginx1.打包vue前端项目生成dist文件夹上传至服务器新建一个文件夹,叫vueDockerTest,下面的文件都需要。cert是你存放ssl证书的文件夹,nginx.conf 是nginx的配置文件,dist是你打包的前端静态文件2.修改Dockerfile文件# 基于nginx:1.20镜像FROM nginx:1.20# 将dist文件中的内容复制到 /usr/share/nginx
2021-11-17 14:04:52
13017
1
原创 Docker镜像的导出和迁移
1.查看docker镜像docker images2.保存镜像到宿主机上./mysql8.0.27.tar 是保存的路径mysql:8.0.27 镜像名称:tag版本号 不要使用镜像ID 这样在另一台服务器运行的时候 REPOSITORY和TAG都为<none>docker save -o ./mysql8.0.27.tar mysql:8.0.273.在另一台服务器上运行镜像将保存的tar文件传输到需要部署的服务器上,执行下列命令即可docker load --input
2021-11-15 18:24:47
1881
原创 Vue前端密钥AES加密+Java后台AES解密
Vue前端密钥AES加密+Java后台AES解密Vue前端密钥AES加密Java后台AES解密Vue前端密钥AES加密1.前端引入依赖 npm install crypto-js2.前端加密代码在公共方法中或者自己建一个新的js都可以密钥是我随机生成的16位密钥:生成随机密钥的网站https://suijimimashengcheng.bmcx.com/import CryptoJS from 'crypto-js'const key = CryptoJS.enc.Utf8.parse(
2021-11-12 16:09:19
3371
原创 使用Windows PowerShell向Linux服务器传递文件时,重复IP传递报错
当向Linux服务器scp传输文件时,当前的IP地址之前也传输过,但是这个IP地址是不同的服务器,那么用scp传递就会出现问题。此时需要进入电脑的C:\Users\用户\.ssh\known_hosts中将之前存储的信息删除。删除之后再次传输文件就没问题了。...
2021-11-08 13:43:35
249
原创 Docker发布镜像到DockerHub
Docker发布镜像到DockerHub1.登录DockerHubDockerHub官网:https://hub.docker.com没账号的话首先注册一下docker login -u 你的账号出现Login Succeeded说明登录成功2.给自己的镜像添加 [tag] 版本上传镜像必须要声明版本号docker tag 镜像ID 你的账号/nms_docker:1.03.上传镜像docker push 你的账号/nms_docker:1.0三步即可上传成功,上传完毕之后
2021-11-07 17:08:10
77
原创 docker 部署nginx并配置通过https访问
docker 部署nginx并配置通过https访问之前的nginx都是直接在宿主机上部署的,今天使用docker部署尝试下。1.在dockerHub上搜索对应的版本dockerHub官网地址:https://hub.docker.com搜索nginx 查看版本,支持的版本很多,就选个1.20的版本吧2.拉取nginx:1.20镜像docker pull nginx:1.20docker images查看是否拉取下来3.在宿主机上将配置文件和html文件配置好我们需要将配置文件ngi
2021-11-04 11:09:51
2084
原创 SpringBoot项目打包成docker镜像并运行
SpringBoot项目打包成docker镜像并运行1.修改java项目配置文件将自己的springBoot项目的配置文件中的mysql连接地址与redis连接地址改成服务器IP的地址,因为容器内部相互隔离(这个可以解决)。2.项目打包成jar包,上传到Linux服务器上在服务器上新建文件夹,我在/root/下面新建/dockerTest/文件夹将 jar 包上传到/root/dockerTest/文件夹下并在这个文件夹上新建新的文件 Dockerfile修改文件内容为以下内容修改端口号
2021-11-03 19:25:37
1664
原创 Java将多个文件打包成ZIP并下载
Java将多个文件打包成ZIP并下载需求是多个文件需要同时打包成zip压缩文件并下载到本地,首先我需要的是知道下载文件的路径。我有一个专门的sys_file_info表,表中有对应的文件路径。业务表中的文件地址放的就是文件表的id值。下面是代码:1.Mapper层<select id="selectScriptPathList" parameterType="String" resultType="map"> SELECT i.file_path filePath, i.file_
2021-10-29 11:56:13
8062
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人