- 博客(38)
- 收藏
- 关注
RSS订阅原创 vue elementUI 使用slot-scope标红
加一行注释<!-- eslint-disable-next-line --><template slot-scope="scope">
2022-05-19 15:39:55
920
原创 springboot-mybatis实现增删改查（二）
二、实现用户列表的分页展示及查询在开始之前，先在yml配置文件当中增加一个日志配置，打印我们执行的sql语句。logging: file: name: log/log.log level: root: info lzy.springbootuser: debug在dao层中定义UserDao接口（新建new Interface）接口中用来实现用户的增删改查操作。要把接口交给mybatis管理，则需要在这里增加一个@Mapper注解，用来告诉springboot这
2022-05-17 21:27:55
683
6
原创 springboot-mybatis实现增删改查（一）
一、springboot整合mybatis环境创建springboot project。初始目录结构在pom.xml中引入依赖（添加后注意刷新）先引入mybatis-springboot整合的依赖，数据库驱动，数据库连接池。在pom.xml文件的<dependencies>标签内添加。 <!--mybatis和springboot整合的依赖--> <dependency> <groupId>o
2022-05-16 21:08:59
2766
1
原创 openlayers引入天地图and将已经在geoserver中发布的图层加载在天地图上
准备工作首先需要准备好的东西：在geoserver中发布的图层或图层组图层发布可以参考https://blog.youkuaiyun.com/weixin_45390094/article/details/112816608多个图层加入一个图层组统一发布可参考https://blog.youkuaiyun.com/weixin_45390094/article/details/112969992天地图：想要使用在线的天地图接口，需要在天地图官网https://www.tianditu.gov.cn/注册账户，获取密钥，
2022-03-21 17:17:33
1191
原创 gitlab配置邮箱用于推送信息给成员
在部署gitlab的服务器上修改配置文件vim /etc/gitlab/gitlab.rb修改两个地方解开注释，修改下面这里这里第二个图的smtp在配置文件往下翻很久的地方password这里为授权码，不是邮箱密码，不知道的可以百度。修改完成后，重启配置gitlab-ctl reconfigure到这里就结束了，想要测试一下邮箱是不是配置好了gitlab-rails console用这个打开控制台，发送一个测试文件试试。输入Notify.test_email('收件的邮箱
2021-02-05 10:34:26
704
3
原创 vue-electron-demo构建
官方的electron-vue文档????这种方法试了好多次一直网络超时下载不了，没找到原因，也可能单纯的网络原因？最后找了一种先构建vue项目再用electron-builder的方式，实现了，记录一下。1.创建vue项目可以参考文章????搭建环境，这里不赘述了。vue create vue-demo2.进入创建好的vue项目cd vue-demo然后下载vue add electron-builder这里遇见了一直一直下载不成功的问题，加sudo也还是不行最后是su进入管理员权限，然
2021-01-22 17:53:16
543
1
原创 el-table多选checkbox实现可多页多选，翻页后勾选情况不清空
需求：表格数据分多页，里面的多选框生效时是只在当前页生效，用户可能需要选择多页数据，这样就需要在数据翻页后之前以选中的要保留并且在新的一页上选中的要加上。实现：在表格<el-table>里加入:row-key="(row)=>{ return row.id}"<el-table :row-key="(row)=>{ return row.id}" ref="multipleTable" :data="tableData" @selectio
2021-01-13 08:46:43
2543
2
原创 vue+element table表格实现动态列筛选
需求：在用列表展示数据时，出现了很多项信息需要展示导致表格横向特别长，展示就不够明晰，用户使用起来可能会觉得抓不住自己的重点。设想实现：用户手动选择表格的列隐藏还是展示，并且记录用户选择的状态，在下次进入该时仍保留选择的状态。效果图如下：原：不需要的关掉默认的勾选：实现代码：HTML部分就是用一个多选框组件展示列选项用v-if="colData[i].istrue"控制显示隐藏，把列选项传到checkbox里再绑定勾选事件。<el-popover placement="right.
2021-01-12 08:34:17
5642
21
原创 点击实现来回切换class切换样式
实现效果：初始为class1点击一下为class2，再点一下变回class2，根据不同的class对应的style来切换显示html<div v-bind:class="{'class1':isYes,'class2':!isYes}" @click="isYes=!isYes">1</div>js的dataisYes: true,css自定.class1{}.class2{}...
2020-12-24 16:49:39
2688
2
原创 当前点击处更改class显示样式
实现效果：点击到哪里哪里会显示.active里的样式html部分<div class="type_item" :class="{ active:index==typeActive }" v-for="(item, index) in itemList" @click="changeTypeColor(index)">{{item.text}}</div>js data() { return {
2020-12-24 16:26:42
473
1
原创 HTML图片做按钮，去边框
<input type="button" @click="btn1" class="btn1" title="单屏" />设置图片作为按钮背景，去掉边框.btn1 { border: none;//设置无边框 width: 32px; height: 32px; background: url("../../assets/divide_images/one.png") no-repeat center center / 100% 100%;}...
2020-12-21 17:32:57
948
原创 前端div的隐藏与展示控制
需求：在项目中，需要在点击不同按钮时展示不同的div，另外，在初始进入页面时只想看见第一个div的展示，其他的div在点击对应按钮时才展示。在寻求解决办法的过程中，找到控制展示及隐藏的属性visibility以及display，前者是在隐藏时仍让div占据位置，后者释放空间，看不到占位。适合我的需要的是display。解决办法：html部分<div class="video-show1" id="div1"> //初始进入时需要展示的div <div class="w.
2020-12-21 17:24:22
1584
原创 基于vue-element-admin/temple的框架使用笔记
修改侧边栏标题，图标在路由router的index.js里修改修改图标的话这里修改svg图标名字，再在svg icon修改为自己的图标内容。创建一个新导航栏的选项创建项目文件添加路由添加图标导航栏背景颜色等修改在这个scss文件...
2020-12-14 15:17:16
358
原创 DNS配置解决apt install “Could not resolve ‘cn.archive.ubuntu.com‘”的问题
在服务器上install东西发现一直显示fallE: Failed to fetch http://security.ubuntu.com/ubuntu/pool/main/g/gcc-7/cpp-7_7.5.0-3ubuntu1~18.04_amd64.deb Could not resolve ‘cn.archive.ubuntu.com’这是dns没有配导致上不了网。解决办法：用vi /etc/systemd/resolved.conf 修改了DNS=114.114.114.114然后s
2020-12-14 11:09:04
2096
原创 firewall防火墙问题
一、一些防火墙命令查看防火墙状态 ： systemctl status firewalld.service注：active是绿的running表示防火墙开启关闭防火墙 ：systemctl stop firewalld.service开机禁用防火墙自启命令 ：systemctl disable firewalld.service启动防火墙 ：systemctl start firewalld.service防火墙随系统开启启动 ： systemctl enable firewalld.serv
2020-12-12 09:27:09
368
原创 vue前端使用Nginx部署到服务器
头一次做这个事情，毫无头绪，总结一下自己走过的路，以后遇到就能用啦~背景：ubuntu的linux系统，要把本地项目部署到公司的192.168.XX.XX服务器上。基本经过的步骤有ssh远程连接服务器nginx配置scp远程拷贝本地项目到服务器具体指令一、ssh安装ssh-server sudo apt-get install openssh-server安装ssh-client sudo apt-get install openssh-client确认sshserver
2020-12-10 11:49:43
1154
3
原创 下载过ssh还是一直出现Command ‘ssh‘ not found的问题
ssh的应用程序丢失重装openssh-client/etc/ssh$ sudo apt remove openssh-client/etc/ssh$ sudo apt install openssh-client之前用的卸载ssh的办法不起作用。
2020-12-09 16:19:04
921
原创 开源vue-element-admin/temple修改logo图标
之前尝试很多，都没办法修改这个网站原本的图标，虽然看得出来在src/layout/components/Sidebar/Logo.vue文件中设置了logo，但是一直修改不起作用，最终发现根源在于没有找到根本的logo设置路径。正确的修改方法如下：在public目录下的favicon就是最终展示的网站logo，而这个logo的设置位置在index.html下我们把这个ico图标的图片换成自己的就好了，别的不用管了。实际上在自己创建的vue项目的话，这个文件相当于我们那个原始的index.ht
2020-12-08 11:00:16
2990
原创 修改本地项目的git远程仓库地址
前些天用了网上的一个开源github项目，这个克隆到本地之后git地址还是原来项目的地址。需求：这个自己本地的项目希望可以传到自己的git仓库中去。解决思路：由于配置了git信息的.git文件夹是自动隐藏的，没办法直接在文件中修改，这里用remote指令的形式更改url就可以了。指令git remote set-url origin http://192.168...后面是自己新的仓库地址到这里已经是完成了更改了的git remote查看已经存在的远程分支...
2020-12-04 09:42:19
933
原创 vue 报错：“Refused to load the image because it violates the following Content Security”的解决
这个问题真的绝啦，找了一天问题都没解决。重建项目啦兄弟萌（狗头.jpg）
2020-12-01 17:24:54
2305
原创 vue使用svg图标（从0开始）
用的element以及antd图标种类都比较少，不够实用，学别人引用svg的图标库一、引入svg准备安装依赖npm install svg-sprite-loader --save-dev配置build文件夹中的webpack.base.conf.js添加1：exclude: [resolve('src/icons')],添加2：{ test: /\.svg$/, loader: 'svg-sprite-loader', include: [r
2020-11-30 17:02:28
999
原创 scss样式使用lang=“scss“ 报错以及解决vscode scss样式飘红
遇到scss错误是因为用到<style lang="scss">的话不能解析sass-loader安装node-sass、sass-loadernpm install sass-loader@7.3.1 --save-devnpm install node-sass@4.11.0 --savenpm install style-loader --save有些的版本过高也会报错，试验过后上面的我的可以正常使用。在build/webpack.base.config.js添加配置
2020-11-30 10:45:40
10572
8
原创 antd DatePicker日期修改为中文显示
默认引入的组件月份展示是英文的不符合中文网站阅读习惯，想要改成中文，需要国际化配置在组件使用的地方 import moment from 'moment'; import 'moment/locale/zh-cn'; moment.locale('zh-cn');（上面二三行的内容）添加后这样就好啦...
2020-11-26 10:02:18
5970
原创 gitlab仓库更换地址后pull、push踩坑记录
单位的gitlab更换了服务器ip，那么在之后上传代码前应该把仓库的地址更改好移除原来地址 git remote remove origin添加新仓库地址 git remote add origin 新仓库地址遇到的问题：忘掉了这个地址已经更改的事情，已经在本地提交了更改，在pull远程仓库的时候被提示原地址找不到才想起来。就在此之后用上面的两步更改了仓库地址，从这里之后问题出现了-----在更改完地址后，直接用git pull,git push,找不到本地提交的修改也无法上传，提示以
2020-11-25 10:01:38
2820
原创 css绘制八方向云台 环形按钮盘
翻了很多帖子，最终基于https://blog.youkuaiyun.com/zhangtff/article/details/89458797的文章，使用css绘制出八方向用来控制摄像机等的按钮盘，于此记录。效果图大致如下图，用到的图片还没找美工做，自己随便找的。用到了一个圆形背景图片，一个向上的箭头图片，一个回复图片。代码部分如下<template> <el-card class="box-card"> <ul class='pie'>
2020-11-24 10:31:23
4310
10
原创 AntDesignVue的a-range-picker根据自己需要设置默认日期
导入moment <script>import moment from 'moment';export default { data() { return { dateFormat: 'YYYY-MM-DD', }; }, methods: { moment, },};</script>设置defaultValue默认日期类型为momentHTML部分<a-range-picker class="ra.
2020-11-10 09:24:49
4870
原创 element的表格双击修改，回车and失焦保存上传
个人记录因为表格中含有其他控件的组合，只能选择单独的某些列加入双击修改功能element-ui+Vuehtml部分<el-table-column align="center" prop="name" label="姓名" width="200"> <template slot-scope="scope" > <div @dblclick="changename(scope.$index,scope.row)" style="height:
2020-09-17 10:02:40
1032
8
原创 Qt tablewidget一些功能记录
ui->tableWidget->setShowGrid(true); //显示表格线 //ui->tableWidget->setShowGrid(false); //隐藏表格线 ui->tableWidget->setEditTriggers(QAbstractItemView::NoEditTriggers); //设置表格内容不可编辑 ui->tableWidget->horizontalHeader()-...
2020-06-15 11:08:38
599
原创 Qt琐碎记录
1.整型与字符型转换//行总数统计 int total = ui->tableWidget->rowCount(); QString strTotal=QString::number(total); ui->m_total_label->setText(strTotal);这里想在label标签里显示统计出的一个数，需要是字符型。字符型转为整型int num=strNum.toInt();2.上面的ui->tableWidget->row
2020-06-13 10:26:26
130
原创 QT表格tablewidget里的checkbox
tablewidget首列设为用来选择的check框//设置表格首列为 CheckBox 控件for(int i=0;i<5;i++) { QTableWidgetItem* p_check = new QTableWidgetItem(); p_check->setCheckState(Qt::Unchecked); //设置首列为 CheckBox 控件 ui->tableWidget->setItem(i,0,p_check);
2020-06-12 16:58:59
6380
2
原创 Qt使用Q_UNUSED宏处理不使用的形参
对于没有使用的一个参数arg1，会提示警告unused parameter ‘arg1’利用 Q_UNUSED(arg1); 规避警告void MainWindow::on_m_ip_lineEdit_textEdited(const QString &arg1){ //修改IP值 QString ip2 = ui->m_ip_lineEdit->text(); Q_UNUSED(arg1); //处理未使用的参数}...
2020-06-12 16:28:00
1035
原创 Qt实现阅读Qtablewidget的值，传递至lineedit显示，edit上修改再传回表格
Qt实现阅读Qtablewidget的值，传递至lineedit显示学习笔记1.利用槽函数连接一个双击的动作与表格，找到表格对应的指针2. 根据指针找到对应文本信息，接收，再绑定到对应edit中1.首先在之前的tablewidget格式设定时选择了一次选中一行//单击选择一行ui->tableWidget->setSelectionBehavior(QAbstractItemView::SelectRows);//设置只能选择一行，不能多行选中ui->tableWidget
2020-06-10 08:46:22
4693
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人