wrapper

　　vue +element ，el-table实现行和列拖拽排序 　　element ui 表格没有自带的拖拽排序的功能，只能借助第三方插件Sortablejs来实现。 　实现步骤： 安装Sortable.js npm install sortablejs --save 在页面中引入： import Sortable from ‘sortablejs’ 　　注意：需要注意的是element table务必指定row-key，row-key必须是唯一的，如ID，不然会出现排序不对的情况。 但是不可用index，因为拖拽后index会变，会有问题。 <template> <div > <el-table :data="tableData" row-key="id"> <el-table-column v- for ="(item, index) in col" :key="`col_${index}`" :prop="dropCol[index].prop" :label="item.label"> </el-table-column> </el-table> </div> </template> <script> import Sortable from 'sortablejs' ; export default { data () { return { col:[{label:

StandardContext Context实例表示一个具体的Web应用程序，其中包含一个或者多个Wrapper实例，每个Wrapper表示一个具体的Servlet定义，Context还需要其他组件的支持，典型的如加载器 和 Session管理器，下面就对org.apache.catlainia.core.StandardContext类的工作机制进行详细记录，该类是Context的标准实现，先来简单回顾一下StandardContext类的实例化 和 配置，然后 在了解下与StandardContext类相关的StandardContextMapper类（存在Tomcat4中），和ContextConfig类，然后呢学习一下对于每一个引入的HTTP请求的方法的方法的调用序列，然后在了解下StandardContext类的几个重要属性 StandardContext的配置 在创建了StandardContext实例之后，必须调用其start()方法来为引入的每个http请求提供服务，但是可能会因为某种原因，StandardContext对象可能会启动失败,这时StandardContext类的available属性会被设置为false，available属性表明属性StandardContext对象是否可用，展示一下其生命变量 以及其设置 与获取的方法 /** * 该 {

执行对象是SQL的执行者，SQL是“安排好的任务”，执行对象就是“实际工作的人”。 执行对象有三种： Statement、PreparedStatement和CallableStatement，他们都是接口 下图为类继承体系图 Statement继承自Wrapper PreparedStatement继承自Statement CallableStatement继承自PreparedStatement 区别与联系 Statement接口提供了执行语句和获取结果的基本方法； PreparedStatement接口添加了处理输入参数的方法； CallableStatement接口添加了调用存储过程核函数以及处理输出参数的方法。 Statement 场景：普通的不带参的查询SQL PreparedStatement 场景：支持可变参数的SQL CallableStatement 场景：支持调用存储过程,提供了对输出和输入/输出参数(INOUT)的支持; SQL的执行需要编译和解析 Statement每次的执行都需要编译SQL PreparedStatement会预编译，会被缓冲，在缓存区中可以发现预编译的命令，虽然会被再次解析，但不会被再次编译，能够有效提高系统性能 使用PreparedStatement能够预防SQL注入攻击 假如登录SQL为select * from user

【推荐阅读】微服务还能火多久？>>> 一.初识 1.引入 现在有这样两个函数 def func1 ( ) : print ( "这是func1" ) def func2 ( ) : print ( "这是func2" ) 我想让他俩每次执行之前先打印一下时间,就是这样 import time def func1 ( ) : print ( "这是func1" ) def func2 ( ) : print ( "这是func2" ) print ( time . time ( ) ) func1 ( ) print ( time . time ( ) ) func1 ( ) 但是,如果我有很多函数之前都要打印时间,一个一个写太麻烦,所以我们把打印时间这段代码封装成函数 import time def timer ( ) : print ( time . time ) def func1 ( ) : timer ( ) print ( "这是func1" ) def func2 ( ) : timer ( ) print ( "这是func2" ) 问题又来了,我不想动我原来的代码,而且我也不想改变我调用函数的方式,我就是想给他加这个打印时间的功能。我们考虑可以用闭包搞一下 import time def timer ( func ) : def inner ( ) : print

【推荐阅读】微服务还能火多久？>>> 1.使用keytool生成证书 https://www.cnblogs.com/baby123/p/12698757.html 2.spring boot 复制证书放在rescurces下 spring boot修改配置添加 server.port=8443 server.ssl.key -store= classpath:test.p12 server.ssl.key -store-password=123456 server.ssl.key -alias= test server.ssl.key -password= xyz123 server.ssl.keyStoreType =PKCS12 3.测试 添加控制器HelloController.java @RequestMapping("/hello" ) public String hello() { return "Hello World!" ; } GET https://localhost:8443/hello 返回 Hello World! 注： 　　使用postman测试如果出现 The server couldn't send a response: Ensure that the backend is working properly Self-signed SSL

【推荐阅读】微服务还能火多久？>>> 1、交换机配置备份 命令主要有两个： cfgsave - 备份现有运行配置到交换机本地（保证交换机重启后，配置跟重启前一样） configupload - 备份交换机本地配置文件到ftp服务器。 2、交换机关机步骤 不建议直接关交换机电源。Brocade交换机提供自带关机命令：sysshutdown。在某些平台上面，这个命令会直接把交换机电源power-off，有些则需要在这条命令执行完之后，再手动把交换机电源关掉。 总体关机流程建议如下： 1.备份交换机配置到本地和FTP服务器 2.停止连接交换机的主机和存储数据传输作业（防止关机造成数据丢失） 3.使用sysshutdown命令关机 4.如有必要，再手动关闭交换机电源。 另外整体系统开关机顺序，也可以参考这个帖子： https://community.emc.com/message/635412#635412 转载自： https://www.dell.com/community/forums/forumtopicprintpage/board-id/storage-ch/message-id/700/print-single-message/false/page/1 来源： oschina 链接： https://my.oschina.net/u/4346514/blog/3235740

【推荐阅读】微服务还能火多久？>>> React添加事件,和DOM上添加事件类似,但又有细微的不同. React添加事件,需要注意: 1.React的事件命名采用小驼峰(camelCase)的命名方式,DOM采用的是纯小写的方式; 2.使用JSX语法时,需要传入一个函数作为事件的处理函数,DOM传入的是一个字符串(虽然DOM中传入的事件名称也可以是函数名称,但数据类型还是一个字符串) DOM元素添加事件 <a href="#" onclick="testClick();">点击我</a> React中添加事件 <button onClick={this.testClick}>点击我</button> React中不能通过返回false来阻止元素的默认行为,只能通过显示的设置preventDefault()来阻止默认的行为,而DOM中阻止元素默认行为的方式有两种:一种是内联脚本直接返回false,另外一种是事件处理函数中显示调用preventDefault方法. DOM中阻止默认行为的方式: <a href="http://www.baidu.com" onclick="return false;">点击我</a> 这种内联到HTML中的方式,可以通过直接返回false的方式阻止a元素默认行为跳转,也可以通过在响应事件中显示调用preventDefault方法.如: <!--

【推荐阅读】微服务还能火多久？>>> 程序篇 1. 程序构建 2. 程序调试 3. 性能优化 来源： oschina 链接： https://my.oschina.net/u/4305437/blog/3235428

【推荐阅读】微服务还能火多久？>>> 漫游数据库简介 EndNote 在 Word 中插入文献都是保存为 域代码 的形式。 域代码中包含文献的大多数据信息 ， 也包含漫游数据库中引用的文献 。 当利用 EndNote 第一次格式化引文时，EndNote 会查找本地数据库的相应的文献。如果再次格式化文献， 同样 EndNote 也会在本地数据库中查找相应的文献，但是如果本地数据库不可用或者打不开，EndNote 会使用漫游数据库中的信息。 漫游数据库一般包含文献除了注释，摘要和图表之外所有信息，因此可以利用漫游数据库和同事分享文章，这样同事就不需要打开相应的数据库就可以查看文件。换句话说，如果没有漫游数据库，在其他电脑上打开文章，可能会出现错误，EndNote 找不引文和参考文献。 漫游数据库只是针对格式化的引文才起作用，如果是未格式化引文，需要本地数据库的支持才能格式化文章。 导出漫游数据库 有时候我们需要导出漫游数据库，导出漫游数据库的方法如下。 1. 打开 Word 文件 2. 在 Word 的 EndNote 工具栏，依次打开 Export to Endnote >> Export Traveling Library； 或者在 EndNote 中依次打开 Tools >> Cite While You Write >> Import Traveling Library

【推荐阅读】微服务还能火多久？>>> 目录： margin负值实现 祖父和亲爹的里应外合 换个思路 - li生了儿子帮大忙。 借助absolute方位值，实现自适应的网格布局 cloumn多栏布局 grid display： table； css3选择器nth-child（） 除非特别说明，以下几种方式的 通用html结构 如下： <div class="box"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> </ul> </div> 除特别说明，布局中用到的 css reset代码 如下： /* 基础 */ .box{ background: #e4f7fd61; border: 2px solid #0786ada1; border-radius: 8px; } ul{ padding: 0; } .box li{ list-style: none; text-align: center; line-height: 200px; background: rgba(146, 203, 230, 0.65); border-radius: 8px; } 方法一、margin负值实现 原理 原理：margin负边距 关键点