- vue+element 使用弹框this.$confirm 区分关闭和取消按钮
乐容
vue.jsjavascript前端
需求描述:点击按钮,弹出弹窗,要做两个选择按钮,要区分开选择和关闭的功能代码实现:this.$confirm("是否确定删除选中的数据?","提示",{confirmButtonText:"确定(A按钮)",cancelButtonText:"取消(B按钮)",type:"warning",distinguishCancelAndClose:true,//重要,设置为true才会把右上角X和取消区
- vue+element 左侧菜单栏+Tab页访问本地页面
夏_克
javascriptvue前端
exportdefault{data(){return{pageList:[],linkList:[],activePage:'',reloadFlag:true}},provide(){return{closeCurrent:this.closeCurrent}},created(){//if(this.$route.path!=indexKey){//this.addIndexToFirst(
- vue+Element实现文字列表轮番滚动效果
菜鸟茜
ElementVUEjsvueElement
预警信息{{item.info}}{{item.info}}{{nei}}紧急联系人:周峰联系人电话:15515554312exportdefault{data(){return{chuxian:true,chuxians:false,nei:"",messages:[{type:"报警",deviceId:12,info:"温度传感器西特SetraSTC温度读数异常"},{type:"报警",d
- 【详细流程】vue+Element UI项目中使用echarts绘制圆环图 折线图 饼图 柱状图
G佳伟
vue.jsuiecharts
vue+ElementUI项目中数据分析功能需要用到圆环图折线图饼图柱状图等,可视化图形分析安装流程及示例1.安装依赖npminstallecharts--save2.在main.js中引入并挂载echartsimportechartsfrom'echarts'Vue.prototype.$echarts=echarts3.在需要使用echarts的页面引入echartsimport*asecha
- vue+element(项目中的使用)
友人!
VUEvue.js
Table1,带选择的table,选择时选择对应的id进行操作letarr=[];//选择id存放的数组for(leti=0;i{{item.name}}单元格项有不同的操作按钮使用slot-scope="scope"在el-table-column中加入一个随机的key值,这样界面切换的时候检测到不同的key值就会重新去加载:key="Math.random()"2,自定义表头label3,筛选
- JS连接打印机
友人!
代码案例
1,vue+element打印el-dialog弹框内容在main.js引入print.js文件importPrintfrom‘./assets/print’//下载到本地地址Vue.use(Print)//打印类属性、方法定义/*eslint-disable*/constPrint=function(dom,options){if(!(thisinstanceofPrint))returnnew
- el-table复选框显示异常
85d8c4f3886f
用vue+element写项目的时候遇到了一个问题,el-table的复选框按钮显示异常,具体表现为:只选择了一条数据时,上面控制全选的复选框也会呈“全选中”状态,而不是“半选中”状态的只显示一条横线,这样会对用户使用造成干扰。错误示例正确示例查看渲染出来的html,发现element是用class来控制“全选”和“半选中”的,如果是全选,对应的class为“is-checked”,如果是半选中,
- vue+Element实现tree树形数据展示
森森deHOME
简单粗暴是我的原则,方便复制粘贴是我的梦想!!!效果如下微信截图_20200710114604.pngimport{root}from'../../api/api';exportdefault{data(){return{setTree:[],defaultProps:{children:'children',label:'name'},}},methods:{getListData(){letd
- (已解决)vue+element-ui实现个人中心,仿照原神
BrianGriffin
vue.js前端javascript
差一个个人中心页面,看到了这个博主的个人中心,真的很不错地址:vue+element仿原神实现好看的个人中心最终效果:
- vue+element el-tree树形控件的底层菜单横向排列
@~~涛
Vue
完整代码:exportdefault{data(){return{routeList:[{title:"授权管理后台",list:[{id:1,label:"京店宝",children:[{id:2,label:"用户分析",children:[{id:4,label:"查询次数",children:[{id:7,label:"页面查看权限"},{id:8,label:"编辑"}]},{id:5,
- vue+element 换肤功能
~张小八~
vue.js前端javascript
1.首先建深色和浅色两个主题样式变量样式表,样式表名和按钮中传入的值一样,本例中起名为default.scss和dark.scss2.在data中定义主题变量名zTheme:‘defalut’,默认引用defalut.scss,在点击按钮时切换引用的样式表,达到换肤效果3.dom中写入主题切换按钮/****更换主题按钮*****/深色主题 ||浅色主题2.setTheme方法
- vue+element级联选择仅显示最后一级
wangxiurong
:show-all-levels="false"定义了是否显示完整的路径,将其赋值为false则仅显示最后一级职业:绑定值的时候我之前一直不明白为啥后端给的是字符串,而我返回的是一个数组,后来才知道,我刚开始的问题是:后端返我一个String,occupationCode:'009800',但是我修改之后返回给后端的是一个Array,[null,null,'990698'],这也就导致前端一直报错
- vue+element ui表单校验问题
邮一支软猫
问题:点击表单出现一个树状显示弹出层,点击选择内容回显至表单,但表单有回显后校验规则仍在,点击保存后提示校验必填trigger的值blur和change如何区分使用(1)blur:主要用于一些input表单输入,一些类似弹框的回显例如:rules:{budgetGroupOrgName:[{required:true,message:'必填项不能为空',trigger:'blur'}]},//点击
- vue+element项目全局注册el-pagination分页组件和el-upload上传组件并使用
jcat_李小黑
ElementUIVuevueelement
目录前言正文一、分页组件1.1封装方法1.2调用方法二、上传组件2.1封装方法2.2调用方法三、vue中全局注册组件3.1全局导入3.2在main.js中引入文件3.3在其他.vue单页面直接引入组件,不用再引用结语前言为什么我要写这个博客?因为记录一下平时怎么偷懒写代码~~不然怕忘了;其实主要为了记录全局注册组件的方法,在项目中就不用单页面调用了,需要的地方直接用,但是太单调了,就多整理了一下v
- vue+element ui+el-upload+oss
Manta__
vuevue阿里云
1.安装ali-oss2.main.jsconstOSS=require('ali-oss');Vue.prototype.client=newOSS({accessKeyId:'',//查看你自己的阿里云KEYaccessKeySecret:'',//查看自己的阿里云KEYSECRETbucket:'',//你的OSSbucket名称region:'oss-cn-beijing',//bucke
- vue+element ui实现表格的合计功能
拖拉机上的爱
vue.js前端javascript
效果:在vue中想实现合计功能,需要在标签中增加:summary-method="getSummaries"然后在methods中增加方法:(改变column.label即可)getSummaries(param){const{columns,data}=param;constsums=[];columns.forEach((column,index)=>{if(index===0){sums[i
- vue+element表格使用(单元格内编辑、表格后新增一行、删除表格行)
肆夕沐木
Vue+element表格内编辑表格后新增删除表格行
element组件生成表格前端使用element组件实现表格创建,开发文档中有一个单元格点击事件cell-dblclick——当某个单元格双击时触发该事件。通过使用该事件实现单元格可编辑。表格后新增一行的逻辑很简单,直接添加一行表格数据就行。删除表格行的逻辑也很简单,通过获取选中行和表格数据进行比较,如果相等(即被选中)则从tableData中删除该条数据。具体实现逻辑如下:新增删除{{scope
- vue+element 在table中用jsx语法,列合并、列循环渲染
Yaince
vue.jsjavascript前端
需求:1.某些特定列需要合并2.某几个列循环渲染3.表格需要可点击行编辑单元格,4.单元格需要行数据两值的对比来动态展示样式因此用jsx能更好更快的解决代码:{{scope.row[planCountArr[index]]==-1?'':scope.row[planCountArr[index]]}}{{renderToInput(scope.row,index)}}{{scope.row[rea
- table表格列合计 vue+element table表格列合计
ratel️
vue.jselementuijavascript
//列求和getSummaries(param){const{columns,data}=param;//这里可以看出,自定义函数会传入每一列,以及数据constsums=[];columns.forEach((column,index)=>{if(index===0){sums[index]='总计';return;}elseif(index>=1){//index>=1后的列进行求和//页面分
- vue+element中table列表最后一行添加合计
~张小八~
vue.jsjavascript前端
1.在table中添加show-summary属性,并设置值为true,使用summary-method并传入一个方法,返回一个数组,这个数组中的各项就会显示在合计行的各列中,如下代码2.getSummaries方法逻辑getSummaries(param,callback){const{columns,data}=param;constsums=[];columns.forEach((colum
- Vue+Element(el-upload+el-form的使用)+springboot
娃哈哈哈哈呀
ElementSpringBootvue.jsspringbootelementui
目录1、编写模板2、发请求调接口3、后端返回数据1.编写实体类2.Controller类3、interface接口(Service层接口)4.Service(接口实现)5、interface接口(Mapper层接口)6、xml4、upload相关参数说明(该案例是一个el-form和el-upload结合的,逻辑是:需要先保存输入框的内容才能上传图片,分别调用了4(查询,删除、插入,上传图片)个接
- vue 点击某一行的按钮,获取当前行的数据
萌奈加油努力
vue学习vuejavascript
vue+element框架假如我想从表格中删除第二行,即身份证号为5的数据,那么就需要在点击删除按钮时拿到那一行的信息。具体代码如下删除JS代码:dele(e){alert(JSON.stringify(e))alert(e.id)this.$confirm('此操作将永久删除该用户信息,是否继续?','提示',{confirmButtonText:'确定',cancleButtonText:'取
- vue+element 页面scroll监听
mitusisi
通常用的window.addEventListener在VUE的页面中不太友好可以灵活指定标签1、监听事件,放在mounted中,其中handleScroll为操作事件,mounted(){document.querySelector(".main_zone").addEventListener("scroll",this.handleScroll);//监听页面scroll事件},2、处理文件放
- vue+element实现树状表格的增删改查;使用el-table树形数据与懒加载实现树状表格增删改查
m0_67402823
前端htmlvue.jsjavascript前端
以下代码可以直接复制使用一、情景:列表是一个树状表格,可以无限添加下级,以及对列表的某一行进行增删改查(目前查没有写)。原博链接二、本篇是在原博主的代码基础上添加了部分功能。功能1:给树状表格添加虚线部分,可以更清楚树节点层级关系功能2:某行数据可以直接输入框编辑,也可以点击编辑按钮打开弹框编辑功能3:我这里树状节点一共有三种:–①顶级根节点first:只会有最外层一个默认就有的可以添加下级【夹】
- vue+element 表格复选框默认勾选第一行,只能选择一条
从南慕白
getLists(){getList().then(res=>{this.tableData=res.data//复选框默认勾选第一行this.checkList=this.tableData[0]this.$nextTick(()=>{this.$refs.tableRef.toggleRowSelection(this.checkList)})})},changeFun(selection,r
- 使用VUE+element ui 实现输入框 占位符自动补全功能
Ormosiahosiei
效果输入${@即可弹出内容2、选中即可填充代码:1、templet{handleSelect(item)})">2、tsautoInputs:any[]=["",""]lastAutoInputs:any[]=["",""]oldAutoInput:string|undefined=''//返回输入建议的方法,也就是说输入框一获取焦点。就会自动调用该方法拿到数据,这些数据就是输入建议的数据。que
- Vue+Element Ui实现el-table自定义表头下拉选择表头筛选
Yongqiang Chen
vue.jsjavascript前端elementuivue
用vue+elementui开发管理系统时,使用el-table做表格,当表格列过多的时候,想要做成可选表头的,实现表格列的筛选显示,效果如下:代码文件结构:废话不多说,直接上代码:第一步:新建名为TableHeaderRender.vue的文件-->-->筛选重置-->-->exportdefault{name:"tableHeaderRender",data(){return{//input绑
- form 验证 validate validateField
撑船的摆渡人
使用vue+element项目中使用validateField对部分表单字段进行校验的方法Function(prop:string,callback:Function(errorMessage:string))万元预览大写金额//最多到千亿,小数点最多保留两位letcheckNumber=(rule,value,callback)=>{constreg=/^(0|[1-9][\d]*)\.{0,1
- vue+element弹窗内---下拉框定位问题解决(方法之两种)
xu_duo_i
vue.js前端javascript
问题:加了:popper-append-to-body="false"这个属性也不好用时可以试试这个解决方法1️⃣:第一步:找到el-select标签添加(popper-class="popperClass")属性-----如下图第二步:在css中添加如下代码即可::v-deep.popperClass{top:auto!important;}其实这个方法有弊端:下拉框有滚动条时,滚动后定位还是会
- vue+element ui实现图片上传并拖拽进行图片排序
令狐张豪
vuevue.js前端elementui
用到的技术栈:vue2elementUivue-dragging如何使用:第一步:安装npminstallawe-dnd--save第二步:引入main.js文件//引入组件importVueDNDfrom'awe-dnd'//添加至全局Vue.use(VueDND)具体项目代码上传图片注:最多可上传9张图片,单张大小需限制在10M以内,拖动可进行排序exportdefault{name:'add
- Enum 枚举
120153216
enum枚举
原文地址:http://www.cnblogs.com/Kavlez/p/4268601.html Enumeration
于Java 1.5增加的enum type...enum type是由一组固定的常量组成的类型,比如四个季节、扑克花色。在出现enum type之前,通常用一组int常量表示枚举类型。比如这样:
public static final int APPLE_FUJI = 0
- Java8简明教程
bijian1013
javajdk1.8
Java 8已于2014年3月18日正式发布了,新版本带来了诸多改进,包括Lambda表达式、Streams、日期时间API等等。本文就带你领略Java 8的全新特性。
一.允许在接口中有默认方法实现
Java 8 允许我们使用default关键字,为接口声明添
- Oracle表维护 快速备份删除数据
cuisuqiang
oracle索引快速备份删除
我知道oracle表分区,不过那是数据库设计阶段的事情,目前是远水解不了近渴。
当前的数据库表,要求保留一个月数据,且表存在大量录入更新,不存在程序删除。
为了解决频繁查询和更新的瓶颈,我在oracle内根据需要创建了索引。但是随着数据量的增加,一个半月数据就要超千万,此时就算有索引,对高并发的查询和更新来说,让然有所拖累。
为了解决这个问题,我一般一个月会进行一次数据库维护,主要工作就是备
- java多态内存分析
麦田的设计者
java内存分析多态原理接口和抽象类
“ 时针如果可以回头,熟悉那张脸,重温嬉戏这乐园,墙壁的松脱涂鸦已经褪色才明白存在的价值归于记忆。街角小店尚存在吗?这大时代会不会牵挂,过去现在花开怎么会等待。
但有种意外不管痛不痛都有伤害,光阴远远离开,那笑声徘徊与脑海。但这一秒可笑不再可爱,当天心
- Xshell实现Windows上传文件到Linux主机
被触发
windows
经常有这样的需求,我们在Windows下载的软件包,如何上传到远程Linux主机上?还有如何从Linux主机下载软件包到Windows下;之前我的做法现在看来好笨好繁琐,不过也达到了目的,笨人有本方法嘛;
我是怎么操作的:
1、打开一台本地Linux虚拟机,使用mount 挂载Windows的共享文件夹到Linux上,然后拷贝数据到Linux虚拟机里面;(经常第一步都不顺利,无法挂载Windo
- 类的加载ClassLoader
肆无忌惮_
ClassLoader
类加载器ClassLoader是用来将java的类加载到虚拟机中,类加载器负责读取class字节文件到内存中,并将它转为Class的对象(类对象),通过此实例的 newInstance()方法就可以创建出该类的一个对象。
其中重要的方法为findClass(String name)。
如何写一个自己的类加载器呢?
首先写一个便于测试的类Student
- html5写的玫瑰花
知了ing
html5
<html>
<head>
<title>I Love You!</title>
<meta charset="utf-8" />
</head>
<body>
<canvas id="c"></canvas>
- google的ConcurrentLinkedHashmap源代码解析
矮蛋蛋
LRU
原文地址:
http://janeky.iteye.com/blog/1534352
简述
ConcurrentLinkedHashMap 是google团队提供的一个容器。它有什么用呢?其实它本身是对
ConcurrentHashMap的封装,可以用来实现一个基于LRU策略的缓存。详细介绍可以参见
http://code.google.com/p/concurrentlinke
- webservice获取访问服务的ip地址
alleni123
webservice
1. 首先注入javax.xml.ws.WebServiceContext,
@Resource
private WebServiceContext context;
2. 在方法中获取交换请求的对象。
javax.xml.ws.handler.MessageContext mc=context.getMessageContext();
com.sun.net.http
- 菜鸟的java基础提升之道——————>是否值得拥有
百合不是茶
1,c++,java是面向对象编程的语言,将万事万物都看成是对象;java做一件事情关注的是人物,java是c++继承过来的,java没有直接更改地址的权限但是可以通过引用来传值操作地址,java也没有c++中繁琐的操作,java以其优越的可移植型,平台的安全型,高效性赢得了广泛的认同,全世界越来越多的人去学习java,我也是其中的一员
java组成:
- 通过修改Linux服务自动启动指定应用程序
bijian1013
linux
Linux中修改系统服务的命令是chkconfig (check config),命令的详细解释如下: chkconfig
功能说明:检查,设置系统的各种服务。
语 法:chkconfig [ -- add][ -- del][ -- list][系统服务] 或 chkconfig [ -- level <</SPAN>
- spring拦截器的一个简单实例
bijian1013
javaspring拦截器Interceptor
Purview接口
package aop;
public interface Purview {
void checkLogin();
}
Purview接口的实现类PurviesImpl.java
package aop;
public class PurviewImpl implements Purview {
public void check
- [Velocity二]自定义Velocity指令
bit1129
velocity
什么是Velocity指令
在Velocity中,#set,#if, #foreach, #elseif, #parse等,以#开头的称之为指令,Velocity内置的这些指令可以用来做赋值,条件判断,循环控制等脚本语言必备的逻辑控制等语句,Velocity的指令是可扩展的,即用户可以根据实际的需要自定义Velocity指令
自定义指令(Directive)的一般步骤
&nbs
- 【Hive十】Programming Hive学习笔记
bit1129
programming
第二章 Getting Started
1.Hive最大的局限性是什么?一是不支持行级别的增删改(insert, delete, update)二是查询性能非常差(基于Hadoop MapReduce),不适合延迟小的交互式任务三是不支持事务2. Hive MetaStore是干什么的?Hive persists table schemas and other system metadata.
- nginx有选择性进行限制
ronin47
nginx 动静 限制
http {
limit_conn_zone $binary_remote_addr zone=addr:10m;
limit_req_zone $binary_remote_addr zone=one:10m rate=5r/s;...
server {...
location ~.*\.(gif|png|css|js|icon)$ {
- java-4.-在二元树中找出和为某一值的所有路径 .
bylijinnan
java
/*
* 0.use a TwoWayLinkedList to store the path.when the node can't be path,you should/can delete it.
* 1.curSum==exceptedSum:if the lastNode is TreeNode,printPath();delete the node otherwise
- Netty学习笔记
bylijinnan
javanetty
本文是阅读以下两篇文章时:
http://seeallhearall.blogspot.com/2012/05/netty-tutorial-part-1-introduction-to.html
http://seeallhearall.blogspot.com/2012/06/netty-tutorial-part-15-on-channel.html
我的一些笔记
===
- js获取项目路径
cngolon
js
//js获取项目根路径,如: http://localhost:8083/uimcardprj
function getRootPath(){
//获取当前网址,如: http://localhost:8083/uimcardprj/share/meun.jsp
var curWwwPath=window.document.locati
- oracle 的性能优化
cuishikuan
oracleSQL Server
在网上搜索了一些Oracle性能优化的文章,为了更加深层次的巩固[边写边记],也为了可以随时查看,所以发表这篇文章。
1.ORACLE采用自下而上的顺序解析WHERE子句,根据这个原理,表之间的连接必须写在其他WHERE条件之前,那些可以过滤掉最大数量记录的条件必须写在WHERE子句的末尾。(这点本人曾经做过实例验证过,的确如此哦!
- Shell变量和数组使用详解
daizj
linuxshell变量数组
Shell 变量
定义变量时,变量名不加美元符号($,PHP语言中变量需要),如:
your_name="w3cschool.cc"
注意,变量名和等号之间不能有空格,这可能和你熟悉的所有编程语言都不一样。同时,变量名的命名须遵循如下规则:
首个字符必须为字母(a-z,A-Z)。
中间不能有空格,可以使用下划线(_)。
不能使用标点符号。
不能使用ba
- 编程中的一些概念,KISS、DRY、MVC、OOP、REST
dcj3sjt126com
REST
KISS、DRY、MVC、OOP、REST (1)KISS是指Keep It Simple,Stupid(摘自wikipedia),指设计时要坚持简约原则,避免不必要的复杂化。 (2)DRY是指Don't Repeat Yourself(摘自wikipedia),特指在程序设计以及计算中避免重复代码,因为这样会降低灵活性、简洁性,并且可能导致代码之间的矛盾。 (3)OOP 即Object-Orie
- [Android]设置Activity为全屏显示的两种方法
dcj3sjt126com
Activity
1. 方法1:AndroidManifest.xml 里,Activity的 android:theme 指定为" @android:style/Theme.NoTitleBar.Fullscreen" 示例: <application
- solrcloud 部署方式比较
eksliang
solrCloud
solrcloud 的部署其实有两种方式可选,那么我们在实践开发中应该怎样选择呢? 第一种:当启动solr服务器时,内嵌的启动一个Zookeeper服务器,然后将这些内嵌的Zookeeper服务器组成一个集群。 第二种:将Zookeeper服务器独立的配置一个集群,然后将solr交给Zookeeper进行管理
谈谈第一种:每启动一个solr服务器就内嵌的启动一个Zoo
- Java synchronized关键字详解
gqdy365
synchronized
转载自:http://www.cnblogs.com/mengdd/archive/2013/02/16/2913806.html
多线程的同步机制对资源进行加锁,使得在同一个时间,只有一个线程可以进行操作,同步用以解决多个线程同时访问时可能出现的问题。
同步机制可以使用synchronized关键字实现。
当synchronized关键字修饰一个方法的时候,该方法叫做同步方法。
当s
- js实现登录时记住用户名
hw1287789687
记住我记住密码cookie记住用户名记住账号
在页面中如何获取cookie值呢?
如果是JSP的话,可以通过servlet的对象request 获取cookie,可以
参考:http://hw1287789687.iteye.com/blog/2050040
如果要求登录页面是html呢?html页面中如何获取cookie呢?
直接上代码了
页面:loginInput.html
代码:
<!DOCTYPE html PUB
- 开发者必备的 Chrome 扩展
justjavac
chrome
Firebug:不用多介绍了吧https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench
ChromeSnifferPlus:Chrome 探测器,可以探测正在使用的开源软件或者 js 类库https://chrome.google.com/webstore/detail/chrome-sniffer-pl
- 算法机试题
李亚飞
java算法机试题
在面试机试时,遇到一个算法题,当时没能写出来,最后是同学帮忙解决的。
这道题大致意思是:输入一个数,比如4,。这时会输出:
&n
- 正确配置Linux系统ulimit值
字符串
ulimit
在Linux下面部 署应用的时候,有时候会遇上Socket/File: Can’t open so many files的问题;这个值也会影响服务器的最大并发数,其实Linux是有文件句柄限制的,而且Linux默认不是很高,一般都是1024,生产服务器用 其实很容易就达到这个数量。下面说的是,如何通过正解配置来改正这个系统默认值。因为这个问题是我配置Nginx+php5时遇到了,所以我将这篇归纳进
- hibernate调用返回游标的存储过程
Supanccy2013
javaDAOoracleHibernatejdbc
注:原创作品,转载请注明出处。
上篇博文介绍的是hibernate调用返回单值的存储过程,本片博文说的是hibernate调用返回游标的存储过程。
此此扁博文的存储过程的功能相当于是jdbc调用select 的作用。
1,创建oracle中的包,并在该包中创建的游标类型。
---创建oracle的程
- Spring 4.2新特性-更简单的Application Event
wiselyman
application
1.1 Application Event
Spring 4.1的写法请参考10点睛Spring4.1-Application Event
请对比10点睛Spring4.1-Application Event
使用一个@EventListener取代了实现ApplicationListener接口,使耦合度降低;
1.2 示例
包依赖
<p