- 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
- 数据采集高并发的架构应用
3golden
.net
问题的出发点:
最近公司为了发展需要,要扩大对用户的信息采集,每个用户的采集量估计约2W。如果用户量增加的话,将会大量照成采集量成3W倍的增长,但是又要满足日常业务需要,特别是指令要及时得到响应的频率次数远大于预期。
&n
- 不停止 MySQL 服务增加从库的两种方式
brotherlamp
linuxlinux视频linux资料linux教程linux自学
现在生产环境MySQL数据库是一主一从,由于业务量访问不断增大,故再增加一台从库。前提是不能影响线上业务使用,也就是说不能重启MySQL服务,为了避免出现其他情况,选择在网站访问量低峰期时间段操作。
一般在线增加从库有两种方式,一种是通过mysqldump备份主库,恢复到从库,mysqldump是逻辑备份,数据量大时,备份速度会很慢,锁表的时间也会很长。另一种是通过xtrabacku
- Quartz——SimpleTrigger触发器
eksliang
SimpleTriggerTriggerUtilsquartz
转载请出自出处:http://eksliang.iteye.com/blog/2208166 一.概述
SimpleTrigger触发器,当且仅需触发一次或者以固定时间间隔周期触发执行;
二.SimpleTrigger的构造函数
SimpleTrigger(String name, String group):通过该构造函数指定Trigger所属组和名称;
Simpl
- Informatica应用(1)
18289753290
sqlworkflowlookup组件Informatica
1.如果要在workflow中调用shell脚本有一个command组件,在里面设置shell的路径;调度wf可以右键出现schedule,现在用的是HP的tidal调度wf的执行。
2.designer里面的router类似于SSIS中的broadcast(多播组件);Reset_Workflow_Var:参数重置 (比如说我这个参数初始是1在workflow跑得过程中变成了3我要在结束时还要
- python 获取图片验证码中文字
酷的飞上天空
python
根据现成的开源项目 http://code.google.com/p/pytesser/改写
在window上用easy_install安装不上 看了下源码发现代码很少 于是就想自己改写一下
添加支持网络图片的直接解析
#coding:utf-8
#import sys
#reload(sys)
#sys.s
- AJAX
永夜-极光
Ajax
1.AJAX功能:动态更新页面,减少流量消耗,减轻服务器负担
2.代码结构:
<html>
<head>
<script type="text/javascript">
function loadXMLDoc()
{
.... AJAX script goes here ...
- 创业OR读研
随便小屋
创业
现在研一,有种想创业的想法,不知道该不该去实施。因为对于的我情况这两者是矛盾的,可能就是鱼与熊掌不能兼得。
研一的生活刚刚过去两个月,我们学校主要的是
- 需求做得好与坏直接关系着程序员生活质量
aijuans
IT 生活
这个故事还得从去年换工作的事情说起,由于自己不太喜欢第一家公司的环境我选择了换一份工作。去年九月份我入职现在的这家公司,专门从事金融业内软件的开发。十一月份我们整个项目组前往北京做现场开发,从此苦逼的日子开始了。
系统背景:五月份就有同事前往甲方了解需求一直到6月份,后续几个月也完
- 如何定义和区分高级软件开发工程师
aoyouzi
在软件开发领域,高级开发工程师通常是指那些编写代码超过 3 年的人。这些人可能会被放到领导的位置,但经常会产生非常糟糕的结果。Matt Briggs 是一名高级开发工程师兼 Scrum 管理员。他认为,单纯使用年限来划分开发人员存在问题,两个同样具有 10 年开发经验的开发人员可能大不相同。近日,他发表了一篇博文,根据开发者所能发挥的作用划分软件开发工程师的成长阶段。
初
- Servlet的请求与响应
百合不是茶
servletget提交java处理post提交
Servlet是tomcat中的一个重要组成,也是负责客户端和服务端的中介
1,Http的请求方式(get ,post);
客户端的请求一般都会都是Servlet来接受的,在接收之前怎么来确定是那种方式提交的,以及如何反馈,Servlet中有相应的方法, http的get方式 servlet就是都doGet(
- web.xml配置详解之listener
bijian1013
javaweb.xmllistener
一.定义
<listener>
<listen-class>com.myapp.MyListener</listen-class>
</listener>
二.作用 该元素用来注册一个监听器类。可以收到事件什么时候发生以及用什么作为响
- Web页面性能优化(yahoo技术)
Bill_chen
JavaScriptAjaxWebcssYahoo
1.尽可能的减少HTTP请求数 content
2.使用CDN server
3.添加Expires头(或者 Cache-control) server
4.Gzip 组件 server
5.把CSS样式放在页面的上方。 css
6.将脚本放在底部(包括内联的) javascript
7.避免在CSS中使用Expressions css
8.将javascript和css独立成外部文
- 【MongoDB学习笔记八】MongoDB游标、分页查询、查询结果排序
bit1129
mongodb
游标
游标,简单的说就是一个查询结果的指针。游标作为数据库的一个对象,使用它是包括
声明
打开
循环抓去一定数目的文档直到结果集中的所有文档已经抓取完
关闭游标
游标的基本用法,类似于JDBC的ResultSet(hasNext判断是否抓去完,next移动游标到下一条文档),在获取一个文档集时,可以提供一个类似JDBC的FetchSize
- ORA-12514 TNS 监听程序当前无法识别连接描述符中请求服务 的解决方法
白糖_
ORA-12514
今天通过Oracle SQL*Plus连接远端服务器的时候提示“监听程序当前无法识别连接描述符中请求服务”,遂在网上找到了解决方案:
①打开Oracle服务器安装目录\NETWORK\ADMIN\listener.ora文件,你会看到如下信息:
# listener.ora Network Configuration File: D:\database\Oracle\net
- Eclipse 问题 A resource exists with a different case
bozch
eclipse
在使用Eclipse进行开发的时候,出现了如下的问题:
Description Resource Path Location TypeThe project was not built due to "A resource exists with a different case: '/SeenTaoImp_zhV2/bin/seentao'.&
- 编程之美-小飞的电梯调度算法
bylijinnan
编程之美
public class AptElevator {
/**
* 编程之美 小飞 电梯调度算法
* 在繁忙的时间,每次电梯从一层往上走时,我们只允许电梯停在其中的某一层。
* 所有乘客都从一楼上电梯,到达某层楼后,电梯听下来,所有乘客再从这里爬楼梯到自己的目的层。
* 在一楼时,每个乘客选择自己的目的层,电梯则自动计算出应停的楼层。
* 问:电梯停在哪
- SQL注入相关概念
chenbowen00
sqlWeb安全
SQL Injection:就是通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串,最终达到欺骗服务器执行恶意的SQL命令。
具体来说,它是利用现有应用程序,将(恶意)的SQL命令注入到后台数据库引擎执行的能力,它可以通过在Web表单中输入(恶意)SQL语句得到一个存在安全漏洞的网站上的数据库,而不是按照设计者意图去执行SQL语句。
首先让我们了解什么时候可能发生SQ
- [光与电]光子信号战防御原理
comsci
原理
无论是在战场上,还是在后方,敌人都有可能用光子信号对人体进行控制和攻击,那么采取什么样的防御方法,最简单,最有效呢?
我们这里有几个山寨的办法,可能有些作用,大家如果有兴趣可以去实验一下
根据光
- oracle 11g新特性:Pending Statistics
daizj
oracledbms_stats
oracle 11g新特性:Pending Statistics 转
从11g开始,表与索引的统计信息收集完毕后,可以选择收集的统信息立即发布,也可以选择使新收集的统计信息处于pending状态,待确定处于pending状态的统计信息是安全的,再使处于pending状态的统计信息发布,这样就会避免一些因为收集统计信息立即发布而导致SQL执行计划走错的灾难。
在 11g 之前的版本中,D
- 快速理解RequireJs
dengkane
jqueryrequirejs
RequireJs已经流行很久了,我们在项目中也打算使用它。它提供了以下功能:
声明不同js文件之间的依赖
可以按需、并行、延时载入js库
可以让我们的代码以模块化的方式组织
初看起来并不复杂。 在html中引入requirejs
在HTML中,添加这样的 <script> 标签:
<script src="/path/to
- C语言学习四流程控制if条件选择、for循环和强制类型转换
dcj3sjt126com
c
# include <stdio.h>
int main(void)
{
int i, j;
scanf("%d %d", &i, &j);
if (i > j)
printf("i大于j\n");
else
printf("i小于j\n");
retu
- dictionary的使用要注意
dcj3sjt126com
IO
NSDictionary *dict = [NSDictionary dictionaryWithObjectsAndKeys:
user.user_id , @"id",
user.username , @"username",
- Android 中的资源访问(Resource)
finally_m
xmlandroidStringdrawablecolor
简单的说,Android中的资源是指非代码部分。例如,在我们的Android程序中要使用一些图片来设置界面,要使用一些音频文件来设置铃声,要使用一些动画来显示特效,要使用一些字符串来显示提示信息。那么,这些图片、音频、动画和字符串等叫做Android中的资源文件。
在Eclipse创建的工程中,我们可以看到res和assets两个文件夹,是用来保存资源文件的,在assets中保存的一般是原生
- Spring使用Cache、整合Ehcache
234390216
springcacheehcache@Cacheable
Spring使用Cache
从3.1开始,Spring引入了对Cache的支持。其使用方法和原理都类似于Spring对事务管理的支持。Spring Cache是作用在方法上的,其核心思想是这样的:当我们在调用一个缓存方法时会把该方法参数和返回结果作为一个键值对存放在缓存中,等到下次利用同样的
- 当druid遇上oracle blob(clob)
jackyrong
oracle
http://blog.csdn.net/renfufei/article/details/44887371
众所周知,Oracle有很多坑, 所以才有了去IOE。
在使用Druid做数据库连接池后,其实偶尔也会碰到小坑,这就是使用开源项目所必须去填平的。【如果使用不开源的产品,那就不是坑,而是陷阱了,你都不知道怎么去填坑】
用Druid连接池,通过JDBC往Oracle数据库的
- easyui datagrid pagination获得分页页码、总页数等信息
ldzyz007
var grid = $('#datagrid');
var options = grid.datagrid('getPager').data("pagination").options;
var curr = options.pageNumber;
var total = options.total;
var max =
- 浅析awk里的数组
nigelzeng
二维数组array数组awk
awk绝对是文本处理中的神器,它本身也是一门编程语言,还有许多功能本人没有使用到。这篇文章就单单针对awk里的数组来进行讨论,如何利用数组来帮助完成文本分析。
有这么一组数据:
abcd,91#31#2012-12-31 11:24:00
case_a,136#19#2012-12-31 11:24:00
case_a,136#23#2012-12-31 1
- 搭建 CentOS 6 服务器(6) - TigerVNC
rensanning
centos
安装GNOME桌面环境
# yum groupinstall "X Window System" "Desktop"
安装TigerVNC
# yum -y install tigervnc-server tigervnc
启动VNC服务
# /etc/init.d/vncserver restart
# vncser
- Spring 数据库连接整理
tomcat_oracle
springbeanjdbc
1、数据库连接jdbc.properties配置详解 jdbc.url=jdbc:hsqldb:hsql://localhost/xdb jdbc.username=sa jdbc.password= jdbc.driver=不同的数据库厂商驱动,此处不一一列举 接下来,详细配置代码如下:
Spring连接池  
- Dom4J解析使用xpath java.lang.NoClassDefFoundError: org/jaxen/JaxenException异常
xp9802
用Dom4J解析xml,以前没注意,今天使用dom4j包解析xml时在xpath使用处报错
异常栈:java.lang.NoClassDefFoundError: org/jaxen/JaxenException异常
导入包 jaxen-1.1-beta-6.jar 解决;
&nb