- element+vue树状结构
付不起钱的小白
elementtreevue.js
element+vue树状结构树状结构勾选父级不联动子级,勾选子级联动父级使用场景:element的树状结构满足不了项目的需求效果:父节点选中,其子节点不会全部选中父节点取消选中,子节点跟随取消子节点选中,父节点会跟着一起选中取消子节点选中,父节点不会取消选中主要参数:key(自定义节点的绑定值)chek-strictly(取消子父级联动======自定义)defaultArr(默认选中)chec
- element+vue 之自定义指令v-copy复制
jiojio冲冲冲
vue+elementvue.jsjavascript前端
1.新建一个copy.js文件import{Message}from'element-ui';exportdefault{bind(el,binding){//双击触发复制if(binding.modifiers.dblclick){el.addEventListener('dblclick',()=>handleClick(el.innerText))el.style.cursor='copy'
- 表格组件二次封装(element+vue)
syste_m_
vue.jsjavascript前端
后端管理系统中,常用表格展示数据,统一维护,统一表格风格,二次封装一个基于elementUI中的el-table封装一个简单的表格组件。封装组件分为四部分,表单查询条件、头部操作按钮、表格数据展示、数据分页操作。一、表格组件封装1、表单查询条件封装表单项,定义name、label,表单项默认为输入框,scopedSlots为表单项插槽。//表单项queryForms:[{dataKey:'nick
- element+vue 之 v-limit 按钮操作权限
jiojio在学习勒
elementvue.js前端javascript
1.新建一个permission.js文件importstorefrom'@/store'exportdefault{inserted:function(el,binding){const{perms:limits}=store.state.userconst{value:params}=bindingif(!limits.length)returnif(params&&Array.isArray
- element+vue 之图片放大器
jiojio在学习勒
elementvue.js前端javascript
1.安装插件npminstallvue-photo-zoom-pro2.main.js导入//放大镜importVuePhotoZoomProfrom'vue-photo-zoom-pro'Vue.use(VuePhotoZoomPro)3.页面使用changeImg(val){this.imgUrl=this.imgList[val];},```
请叫我欧皇i
vue2Elementvue.jsjavascriptelementui
目录1-关于el-table复选框中表头和内容不对齐问题2-日期选择器传值给后端格式不对3-获取表格的当前行数据#default="{row}"4-一键清空表单数据6.表格的排列7.关于某些时候el-table超出内容区后不显示进度条的问题8.关于el-button只用来跳转路由地址,不传参9-局部插件导入(连写)10.关于el-tabs进行组件切换的时候闪屏11.el-date-picker超出
- element+vue表格点击变成输入框并获取焦点(可编辑状态)
浪漫胡渣男孩
javascriptvue.js
完整html内容{{scope.row[val.value]}}data中定义内容rowIndex:-1,//行索引columnIndex:-1,//列索引currentPage:1,pageSize:10,total:0,theadList:[{name:'合同编号',value:'contractNo',w:'110'},{name:'合同简码',value:'contractShortCod
- element+vue table上移+下移 拖拽
jiojio在学习勒
elementvue.js前端javascript
//安装npminstallsortablejs--save上移下移//在需要编写排序的页面引入sortablejs依赖importSortablefrom'sortablejs';data(){return{sortable:null,orderSort:false,data:[],}}methods:{//上移handleUp(item,index){this.statisticsChexkb
- element+vue table表格全部数据和已选数据联动
jiojio在学习勒
elementvue.jsjavascript前端
1.组件TableChoose全部{{labelTitle}}已选择{{labelTitle}}禁用启用{{ROOM_TYPE[scope.row.type]}}{{ROOM_TYPE[scope.row.type]}}{{scope.row[item.prop]}}importtableMixinfrom"@/mixin/tableMixin";import{getDictionaries,di
- element+vue 表格行拖拽功能
biubiu学习日记
vue.js前端javascript
解决方案使用sortable.js步骤一:安装npminstallvuedraggable步骤二:引入importSortablefrom'sortablejs';步骤三:el-table添加row-key属性,外层包一层sortableDiv拖拽的盒子名字sortableDiv实例:下图的重点:1.el-table添加row-key属性,2.外层包一层sortableDiv,3.图标drag-i
- element+vue 之动态form
jiojio在学习勒
elementvue.js前端javascriptelementui
1.页面部分-->仅支持JPG、JPEG、PNG、BMP格式文件{{it.name}}2.数据格式"decisionConditionList":[{"conditionCode":"carHygiene",//表单键"conditionName":"车辆卫生",//表单名称"inputType":5,//表单类型"conditionValueList":["是"],//表单值"required"
- element+vue 之预览pdf组件
jiojio在学习勒
elementvue.jspdf前端
1.组件previewPdfexportdefault{props:{drawerName:{type:String},drawerVal:{type:Boolean,default:()=>false},url:{type:String,default:()=>''}},data(){return{direction:'rtl'}},methods:{drawerClose(){this.url
- element+vue之 路由嵌套 iframe
jiojio在学习勒
elementvue.jsjavascriptnode.js
在vue开发项目的过程中,需要在自己的页面框架中,引用别人做的页面功能第一步router.js第二步在view下建一个IFrame》》IFrame.vue页面第三步在store文件下建一个iframe.js文件第一步router.js/*eslint-disable*/importVuefrom'vue'importRouterfrom'vue-router'importErrorfrom"./.
- Element+Vue实现动态表单(多个下拉框组件)
LL金盆
Vue学习vue.jsjavascript前端
需求表单的内容为巡检计划,巡检计划可以选择多个巡检点位,每个巡检点位可以选择多个设备和对应操作。最终效果图点击加号图标增加一个下拉框减号图标删除对应下拉框下拉框备选项目相同点击设置动作按钮,弹出可编辑表格,可以为该巡检点位设置多个动作表格每行内容可编设别名称下拉框和设备动作下拉框联动操作按钮可对选项进行上下排序代码实现定义表单结构精简了无关代码patrolContent元素个数控制下拉框的个数循环
- 在vue中使用Echarts绘制叠堆折线面积图(可切换叠堆柱状图)
Wh1T3ZzT
EChartsechartsvue.jsjavascript
文章目录效果一、全局引入ECharts1.安装ECharts2.main.js全局引入二、页面中使用1.创建可视化图表的存放位置2.渲染ECharts总结toolboxECharts鼠标事件效果我这里用的框架是Element+vue,将可视化图表用card卡片包起来,这个叠堆折线面积图主要实现的功能有:1.默认进入时看到的是叠堆折线面积图,在点击对应的元素切换显示该元素的详情,比如我这里点仓库库存
- 自动化早已不是那个自动化了,谈一谈自动化测试现状和自我感受……
小兮说测试
自动化测试软件测试自动化python自动化测试软件测试
前言从2017年6月开始接触自动化至今,已经有好几年了,从17年接触UI自动化(unittest+selenium)到18年接触接口自动化(unittest+requests)再到18年自己编写自动化平台(后台使用python的flask,前端使用element+vue,没有第三方自动化框架),不断的学习成长,加深了对自动化测试的理解,这边就总结下自己对自动化测试的认识。首先,吐槽一下很多实际自动
- element+vue之 table树形数据
jiojio在学习勒
elementvue.js前端javascript
1.效果图2.后端数据数据allocateResult是作为树形结构得子级uuid是绑定row-key用的必须唯一且不能为空数据接收3.table部分
- 自动化早已不是那个自动化了,谈一谈自动化测试现状和自我感受……
不是Y君
前言从2017年6月开始接触自动化至今,已经有2年多了,从17年接触UI自动化(unittest+selenium)到18年接触接口自动化(unittest+requests)再到18年自己编写自动化平台(后台使用python的flask,前端使用element+vue,没有第三方自动化框架),不断的学习成长,加深了对自动化测试的理解,这边就总结下自己对自动化测试的认识。首先,吐槽一下很多实际自动
- 自动化早已不是那个自动化了,谈一谈自动化测试现状和自我感受……
静姐说测试
自动化测试软件测试技术分享自动化测试软件测试测试工程师职场和发展
前言从2017年6月开始接触自动化至今,已经有好几年了,从17年接触UI自动化(unittest+selenium)到18年接触接口自动化(unittest+requests)再到18年自己编写自动化平台(后台使用python的flask,前端使用element+vue,没有第三方自动化框架),不断的学习成长,加深了对自动化测试的理解,这边就总结下自己对自动化测试的认识。首先,吐槽一下很多实际自动
- springboot,mybatisPlus(MP),element+vue的axios实现条件分页查询功能
程序小白学编程
后端restfulspringbootvue.jselementui
分页功能的实现后端中使用的是springboot与mybatisPlus中的MP,省去了我们写sql语句,确实挺好用的。前端使用的是element+vue的axios异步来实现我们的分页。一、要在springboot中使用mabatisPlus我们需要引入mybatisPlus的坐标。我们使用https://start.spring.io的网址搭建springboot时里面没有mybatisPlu
- vue中对监听esc事件和退出全屏问题的解决方案
目录对监听esc事件和退出全屏问题的解决下面是全屏的完整代码element+vue全屏与退出全屏(监听ESC改样式)一、效果二、代码对监听esc事件和退出全屏问题的解决vue的项目中使用了h5的全屏API,在使用esc键退出全屏时,默认调用“document.exitFullScreen()”直接退出,想要做监听并设置业务,需要监听屏幕size变化来出发事件mounted(){ letth
- element+vue 动态多表头与动态插槽
一、需求满足用户自行配置表格,减少对系统代码维护量。二、参考文章https://blog.csdn.net/weixin_...三、效果表头json:说明:scope(字段名可另取)为是否对该列开启插槽。propChildren为多级表头。tableHead:[{key:'1',label:'日期',prop:'date',width:'100',headerAlign:'center',alig
- 使用Element+vue实现开始与结束时间限制
本文实例为大家分享了用Element+vue实现开始与结束时间限制的具体代码,供大家参考,具体内容如下效果pickerOptionsStart:{},pickerOptionsEnd:{},startDate:'',endDate:'',changeStart(){//限制开始时间if(this.endDate!=''){if(this.endDate{if(this.startDate){ret
- 自动化早已不是那个自动化了,谈一谈自动化测试现状和自我感受……
测试萌萌
从2017年6月开始接触自动化至今,已经有2年多了,从17年接触UI自动化(unittest+selenium)到18年接触接口自动化(unittest+requests)再到18年自己编写自动化平台(后台使用python的flask,前端使用element+vue,没有第三方自动化框架),不断的学习成长,加深了对自动化测试的理解,这边就总结下自己对自动化测试的认识。在这里插入图片描述首先,吐槽一
- 使用element+vue使用总结
浪漫胡渣男孩
1.表格默认展开,在两端同样代码的情况下一个为3默认展开,另一个不能默认展开(未解决原因),第一个吧箭头的css样式去掉了2.如果要使用的表单的重置方法需要给每个el-form-item添加正确的prop才可以使用3.用v-for循环el-form-item时候如果需要表单验证则不可以使用(验证会出错,可能无验证,可能符合一个字段的验证时也会出现错误提示)4.input使用:value时候不能输入
- 自动化早已不是那个自动化了,谈一谈自动化测试现状和自我感受……
测试猿David
测试软件测试工程师自动化测试测试工程师软件测试黑盒测试单元测试python
从2017年6月开始接触自动化至今,已经有2年多了,从17年接触UI自动化(unittest+selenium)到18年接触接口自动化(unittest+requests)再到18年自己编写自动化平台(后台使用python的flask,前端使用element+vue,没有第三方自动化框架),不断的学习成长,加深了对自动化测试的理解,这边就总结下自己对自动化测试的认识。首先,吐槽一下很多实际自动化经
- 百度网盘文件上传分析
7086cmd
HTML前端恰饭
今天高中复课,本小学生呆在家里没有事情可做,又去关注了最喜欢的前端。看到面试题,有一道是著名的“文件上传”,年幼无知的我以为如下图,文件托托上去就好了,没想到……以为也就是HTML代码,这里把网址改一下就可以了。其实不是的,使用Element+Vue以后,需要请求+服务端处理。还讲到了“秒传”,对,就是“臭名昭著”的限速者——百度网盘,其算法倒是可以。这个组件库,我感觉是使用elementUI做的
- 用我这些年的经历告诉你无力吐槽的自动化现状……
arthur
测试
从2017年6月开始接触自动化至今,已经有2年多了,从17年接触UI自动化(unittest+selenium)到18年接触接口自动化(unittest+requests)再到18年自己编写自动化平台(后台使用python的flask,前端使用element+vue,没有第三方自动化框架),不断的学习成长,加深了对自动化测试的理解,这边就总结下自己对自动化测试的认识。首先,吐槽一下很多实际自动化经
- element+vue鼠标右键显示菜单
前端杨小白
VUE.JS
加载新增配置删除关闭exportdefault{data(){return{menuVisible:false,productTypes:[],defaultProps:{children:'children',label:'name'}}},methods:{//加载树的数据loadTreeData(){this.$http.get("/product/productType/tree").th
- Hadoop(一)
朱辉辉33
hadooplinux
今天在诺基亚第一天开始培训大数据,因为之前没接触过Linux,所以这次一起学了,任务量还是蛮大的。
首先下载安装了Xshell软件,然后公司给了账号密码连接上了河南郑州那边的服务器,接下来开始按照给的资料学习,全英文的,头也不讲解,说锻炼我们的学习能力,然后就开始跌跌撞撞的自学。这里写部分已经运行成功的代码吧.
在hdfs下,运行hadoop fs -mkdir /u
- maven An error occurred while filtering resources
blackproof
maven报错
转:http://stackoverflow.com/questions/18145774/eclipse-an-error-occurred-while-filtering-resources
maven报错:
maven An error occurred while filtering resources
Maven -> Update Proje
- jdk常用故障排查命令
daysinsun
jvm
linux下常见定位命令:
1、jps 输出Java进程
-q 只输出进程ID的名称,省略主类的名称;
-m 输出进程启动时传递给main函数的参数;
&nb
- java 位移运算与乘法运算
周凡杨
java位移运算乘法
对于 JAVA 编程中,适当的采用位移运算,会减少代码的运行时间,提高项目的运行效率。这个可以从一道面试题说起:
问题:
用最有效率的方法算出2 乘以8 等於几?”
答案:2 << 3
由此就引发了我的思考,为什么位移运算会比乘法运算更快呢?其实简单的想想,计算机的内存是用由 0 和 1 组成的二
- java中的枚举(enmu)
g21121
java
从jdk1.5开始,java增加了enum(枚举)这个类型,但是大家在平时运用中还是比较少用到枚举的,而且很多人和我一样对枚举一知半解,下面就跟大家一起学习下enmu枚举。先看一个最简单的枚举类型,一个返回类型的枚举:
public enum ResultType {
/**
* 成功
*/
SUCCESS,
/**
* 失败
*/
FAIL,
- MQ初级学习
510888780
activemq
1.下载ActiveMQ
去官方网站下载:http://activemq.apache.org/
2.运行ActiveMQ
解压缩apache-activemq-5.9.0-bin.zip到C盘,然后双击apache-activemq-5.9.0-\bin\activemq-admin.bat运行ActiveMQ程序。
启动ActiveMQ以后,登陆:http://localhos
- Spring_Transactional_Propagation
布衣凌宇
springtransactional
//事务传播属性
@Transactional(propagation=Propagation.REQUIRED)//如果有事务,那么加入事务,没有的话新创建一个
@Transactional(propagation=Propagation.NOT_SUPPORTED)//这个方法不开启事务
@Transactional(propagation=Propagation.REQUIREDS_N
- 我的spring学习笔记12-idref与ref的区别
aijuans
spring
idref用来将容器内其他bean的id传给<constructor-arg>/<property>元素,同时提供错误验证功能。例如:
<bean id ="theTargetBean" class="..." />
<bean id ="theClientBean" class=&quo
- Jqplot之折线图
antlove
jsjqueryWebtimeseriesjqplot
timeseriesChart.html
<script type="text/javascript" src="jslib/jquery.min.js"></script>
<script type="text/javascript" src="jslib/excanvas.min.js&
- JDBC中事务处理应用
百合不是茶
javaJDBC编程事务控制语句
解释事务的概念; 事务控制是sql语句中的核心之一;事务控制的作用就是保证数据的正常执行与异常之后可以恢复
事务常用命令:
Commit提交
- [转]ConcurrentHashMap Collections.synchronizedMap和Hashtable讨论
bijian1013
java多线程线程安全HashMap
在Java类库中出现的第一个关联的集合类是Hashtable,它是JDK1.0的一部分。 Hashtable提供了一种易于使用的、线程安全的、关联的map功能,这当然也是方便的。然而,线程安全性是凭代价换来的――Hashtable的所有方法都是同步的。此时,无竞争的同步会导致可观的性能代价。Hashtable的后继者HashMap是作为JDK1.2中的集合框架的一部分出现的,它通过提供一个不同步的
- ng-if与ng-show、ng-hide指令的区别和注意事项
bijian1013
JavaScriptAngularJS
angularJS中的ng-show、ng-hide、ng-if指令都可以用来控制dom元素的显示或隐藏。ng-show和ng-hide根据所给表达式的值来显示或隐藏HTML元素。当赋值给ng-show指令的值为false时元素会被隐藏,值为true时元素会显示。ng-hide功能类似,使用方式相反。元素的显示或
- 【持久化框架MyBatis3七】MyBatis3定义typeHandler
bit1129
TypeHandler
什么是typeHandler?
typeHandler用于将某个类型的数据映射到表的某一列上,以完成MyBatis列跟某个属性的映射
内置typeHandler
MyBatis内置了很多typeHandler,这写typeHandler通过org.apache.ibatis.type.TypeHandlerRegistry进行注册,比如对于日期型数据的typeHandler,
- 上传下载文件rz,sz命令
bitcarter
linux命令rz
刚开始使用rz上传和sz下载命令:
因为我们是通过secureCRT终端工具进行使用的所以会有上传下载这样的需求:
我遇到的问题:
sz下载A文件10M左右,没有问题
但是将这个文件A再传到另一天服务器上时就出现传不上去,甚至出现乱码,死掉现象,具体问题
解决方法:
上传命令改为;rz -ybe
下载命令改为:sz -be filename
如果还是有问题:
那就是文
- 通过ngx-lua来统计nginx上的虚拟主机性能数据
ronin47
ngx-lua 统计 解禁ip
介绍
以前我们为nginx做统计,都是通过对日志的分析来完成.比较麻烦,现在基于ngx_lua插件,开发了实时统计站点状态的脚本,解放生产力.项目主页: https://github.com/skyeydemon/ngx-lua-stats 功能
支持分不同虚拟主机统计, 同一个虚拟主机下可以分不同的location统计.
可以统计与query-times request-time
- java-68-把数组排成最小的数。一个正整数数组,将它们连接起来排成一个数,输出能排出的所有数字中最小的。例如输入数组{32, 321},则输出32132
bylijinnan
java
import java.util.Arrays;
import java.util.Comparator;
public class MinNumFromIntArray {
/**
* Q68输入一个正整数数组,将它们连接起来排成一个数,输出能排出的所有数字中最小的一个。
* 例如输入数组{32, 321},则输出这两个能排成的最小数字32132。请给出解决问题
- Oracle基本操作
ccii
Oracle SQL总结Oracle SQL语法Oracle基本操作Oracle SQL
一、表操作
1. 常用数据类型
NUMBER(p,s):可变长度的数字。p表示整数加小数的最大位数,s为最大小数位数。支持最大精度为38位
NVARCHAR2(size):变长字符串,最大长度为4000字节(以字符数为单位)
VARCHAR2(size):变长字符串,最大长度为4000字节(以字节数为单位)
CHAR(size):定长字符串,最大长度为2000字节,最小为1字节,默认
- [强人工智能]实现强人工智能的路线图
comsci
人工智能
1:创建一个用于记录拓扑网络连接的矩阵数据表
2:自动构造或者人工复制一个包含10万个连接(1000*1000)的流程图
3:将这个流程图导入到矩阵数据表中
4:在矩阵的每个有意义的节点中嵌入一段简单的
- 给Tomcat,Apache配置gzip压缩(HTTP压缩)功能
cwqcwqmax9
apache
背景:
HTTP 压缩可以大大提高浏览网站的速度,它的原理是,在客户端请求网页后,从服务器端将网页文件压缩,再下载到客户端,由客户端的浏览器负责解压缩并浏览。相对于普通的浏览过程HTML ,CSS,Javascript , Text ,它可以节省40%左右的流量。更为重要的是,它可以对动态生成的,包括CGI、PHP , JSP , ASP , Servlet,SHTML等输出的网页也能进行压缩,
- SpringMVC and Struts2
dashuaifu
struts2springMVC
SpringMVC VS Struts2
1:
spring3开发效率高于struts
2:
spring3 mvc可以认为已经100%零配置
3:
struts2是类级别的拦截, 一个类对应一个request上下文,
springmvc是方法级别的拦截,一个方法对应一个request上下文,而方法同时又跟一个url对应
所以说从架构本身上 spring3 mvc就容易实现r
- windows常用命令行命令
dcj3sjt126com
windowscmdcommand
在windows系统中,点击开始-运行,可以直接输入命令行,快速打开一些原本需要多次点击图标才能打开的界面,如常用的输入cmd打开dos命令行,输入taskmgr打开任务管理器。此处列出了网上搜集到的一些常用命令。winver 检查windows版本 wmimgmt.msc 打开windows管理体系结构(wmi) wupdmgr windows更新程序 wscrip
- 再看知名应用背后的第三方开源项目
dcj3sjt126com
ios
知名应用程序的设计和技术一直都是开发者需要学习的,同样这些应用所使用的开源框架也是不可忽视的一部分。此前《
iOS第三方开源库的吐槽和备忘》中作者ibireme列举了国内多款知名应用所使用的开源框架,并对其中一些框架进行了分析,同样国外开发者
@iOSCowboy也在博客中给我们列出了国外多款知名应用使用的开源框架。另外txx's blog中详细介绍了
Facebook Paper使用的第三
- Objective-c单例模式的正确写法
jsntghf
单例iosiPhone
一般情况下,可能我们写的单例模式是这样的:
#import <Foundation/Foundation.h>
@interface Downloader : NSObject
+ (instancetype)sharedDownloader;
@end
#import "Downloader.h"
@implementation
- jquery easyui datagrid 加载成功,选中某一行
hae
jqueryeasyuidatagrid数据加载
1.首先你需要设置datagrid的onLoadSuccess
$(
'#dg'
).datagrid({onLoadSuccess :
function
(data){
$(
'#dg'
).datagrid(
'selectRow'
,3);
}});
2.onL
- jQuery用户数字打分评价效果
ini
JavaScripthtmljqueryWebcss
效果体验:http://hovertree.com/texiao/jquery/5.htmHTML文件代码:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery用户数字打分评分代码 - HoverTree</
- mybatis的paramType
kerryg
DAOsql
MyBatis传多个参数:
1、采用#{0},#{1}获得参数:
Dao层函数方法:
public User selectUser(String name,String area);
对应的Mapper.xml
<select id="selectUser" result
- centos 7安装mysql5.5
MrLee23
centos
首先centos7 已经不支持mysql,因为收费了你懂得,所以内部集成了mariadb,而安装mysql的话会和mariadb的文件冲突,所以需要先卸载掉mariadb,以下为卸载mariadb,安装mysql的步骤。
#列出所有被安装的rpm package rpm -qa | grep mariadb
#卸载
rpm -e mariadb-libs-5.
- 利用thrift来实现消息群发
qifeifei
thrift
Thrift项目一般用来做内部项目接偶用的,还有能跨不同语言的功能,非常方便,一般前端系统和后台server线上都是3个节点,然后前端通过获取client来访问后台server,那么如果是多太server,就是有一个负载均衡的方法,然后最后访问其中一个节点。那么换个思路,能不能发送给所有节点的server呢,如果能就
- 实现一个sizeof获取Java对象大小
teasp
javaHotSpot内存对象大小sizeof
由于Java的设计者不想让程序员管理和了解内存的使用,我们想要知道一个对象在内存中的大小变得比较困难了。本文提供了可以获取对象的大小的方法,但是由于各个虚拟机在内存使用上可能存在不同,因此该方法不能在各虚拟机上都适用,而是仅在hotspot 32位虚拟机上,或者其它内存管理方式与hotspot 32位虚拟机相同的虚拟机上 适用。
- SVN错误及处理
xiangqian0505
SVN提交文件时服务器强行关闭
在SVN服务控制台打开资源库“SVN无法读取current” ---摘自网络 写道 SVN无法读取current修复方法 Can't read file : End of file found
文件:repository/db/txn_current、repository/db/current
其中current记录当前最新版本号,txn_current记录版本库中版本