烟火_
烟火_

dragsort html拖拽排序

一、Jquery List DragSort
　　对于有些页面，如首页的定制，需要进行动态的拖拽排序。由于自己实现比较困难，我们一般会使用一些js插件来实现。dragsort 就是帮助我们完成这一需求。通过dragsort我们可以很方便地对html页面上的素动态地推拽，进行排序。dragsort是一个jquery插件，我们使用起来非常方便。dragsort网站为：dragsort下载地址为：http://dragsort.codeplex.com/ 。
下载dragsort之后，解压如下图所示，

　　dragsort html拖拽排序_第1张图片

　　我们使用到的只有里面的jquery.dragsort-0.5.2.js这个文件，也可以使用压缩版的min.js。
二、实例
　　1、使用
　　将jquery.dragsort-0.5.2.js，与jquery-2.1.3.min.js拷贝到同一个文件夹，新建html页面。引入这两个js文件。注意jquery在dragsort上面引入。相关代码如下：

 

  1 <!DOCTYPE html>
  2 <html>
  3 <head>
  4     <title>拖拽示例</title>
  5     <meta charset="utf-8" />
  6     <style type="text/css">
  7         body { font-family:Arial; font-size:12pt; padding:20px; width:820px; margin:20px auto; border:solid 1px black; }
  8         h1 { font-size:16pt; }
  9         h2 { font-size:13pt; }
 10         ul { margin:0px; padding:0px; margin-left:20px; }
 11         #list1, #list2 { width:350px; list-style-type:none; margin:0px; }
 12         #list1 li, #list2 li { float:left; padding:5px; width:100px; height:100px; }
 13         #list1 div, #list2 div { width:90px; height:50px; border:solid 1px black; background-color:#E0E0E0; text-align:center; padding-top:40px; }
 14         #list2 { float:right; }
 15         .placeHolder div { background-color:white !important; border:dashed 1px gray !important; }
 16     </style>
 17     <script type="text/javascript" src="jquery-2.1.3.min.js"></script>
 18     <script type="text/javascript" src="jquery.dragsort-0.5.2.min.js"></script>
 19 </head>
 20 <body>
 21     
 22     <h1>示例</h1>     
 23     <script type="text/javascript">
 24         $("ul:first").dragsort();
 25     </script>
 26     
 27     <h2>可以在两个分组直接进行拖拽</h2>
 28     
 29     <ul id="list2" class="draglist"  data-groupid="gid-2">
 30         <li data-id="10" data-groupid="gid-2"><div>10</div></li>
 31         <li data-id="11" data-groupid="gid-2"><div>11</div></li>
 32         <li data-id="12" data-groupid="gid-2"><div>12</div></li>
 33         <li data-id="13" data-groupid="gid-2"><div>13</div></li>
 34         <li data-id="14" data-groupid="gid-2"><div>14</div></li>
 35         <li data-id="15" data-groupid="gid-2"><div>15</div></li>
 36         <li data-id="16" data-groupid="gid-2"><div>16</div></li>
 37         <li data-id="17" data-groupid="gid-2"><div>17</div></li>
 38         <li data-id="18" data-groupid="gid-2"><div>18</div></li>
 39     </ul>
 40     <input name="sortorder" id ="gid-2" type="hidden" value="10,11,12,13,14,15,16,17,18" />
 41     
 42     <ul id="list1" class="draglist" data-groupid="gid-1">
 43         <li data-id="1" data-groupid="gid-1"><div>1</div></li>
 44         <li data-id="2" data-groupid="gid-1"><div>2</div></li>
 45         <li data-id="3" data-groupid="gid-1"><div>3</div></li>
 46         <li data-id="4" data-groupid="gid-1"><div>4</div></li>
 47         <li data-id="5" data-groupid="gid-1"><div>5</div></li>
 48         <li data-id="6" data-groupid="gid-1"><div>6</div></li>
 49         <li data-id="7" data-groupid="gid-1"><div>7</div></li>
 50         <li data-id="8" data-groupid="gid-1"><div>8</div></li>
 51         <li data-id="9" data-groupid="gid-1"><div>9</div></li>
 52     </ul>
 53     <input name="sortorder" id ="gid-1" type="hidden" value="1,2,3,4,5,6,7,8,9"/>
 54     <div style="clear:both;"></div>
 55 <script type="text/javascript">
 56     $(".draglist").dragsort({
 57     dragSelector: "li",
 58     dragBetween: true,
 59     dragEnd: saveOrder, //拖拽完成后回调函数
 60     placeHolderTemplate: "<li class='placeHolder'><div></div></li>" //拖动是阴影
 61 });
 62 
 63 function saveOrder() {
 64     var $this = $(this);
 65     var data = $this.parent().children().map(function() {
 66         return $this.attr("data-id");
 67     }).get();
 68 
 69     var currentid = $this.attr("data-id"); //组件id
 70     var oldgroupid = $this.attr("data-groupid"); //所属组id
 71     var groupid = $this.parent().attr("data-groupid"); //目标组id
 72 
 73     //跨组移动、移除旧组信息
 74     if (oldgroupid != groupid) {
 75         var oldgroup = $("#" + oldgroupid);
 76         var groupval = oldgroup.val().replace(currentid, "");
 77         oldgroup.val(groupval);
 78     }
 79 
 80     $("#" + groupid).val(data.join(",")); //添加所属组记录
 81     $this.attr("data-groupid", groupid); //改变所属组id  
 82 };
 83 
 84 /**
 85  * 保存位置
 86  */
 87 function savePosition() {
 88     var inputs = $("input[name='sortorder']");
 89     var arr = new Array();
 90     //构造数据
 91     inputs.each(function() {
 92         var $this = $(this);
 93         arr.push($this.attr("id") + "-" + $this.val());
 94     });
 95     
 96     $.ajax({
 97         url: "${ctx}/test/position.json",
 98         type: "POST",
 99         data: { "tiles": arr },
100         dataType: "json",
101         success: function(data) {
102             if (data.flag)  
103                 alert("保存成功");
104             else
105                 alert("保存失败");
106         }
107     });
108 } 
109 </script> 
110 </body>
111 </html>

　　其中两个input的值为li的id（以","连接），id值的顺序标识当前分组li的排列顺序。跨组拖动的时候两个input中的值会随之改变。从而达到跨组移动的效果。需要保存的时候，直接使用ajax将两个input的值进行提交，后台解析数据保存到数据库即可。

　　2、效果如下。

dragsort html拖拽排序_第2张图片

　　示例下载：下载 。

你可能感兴趣的:(dragsort html拖拽排序)

  • html预览 webshell,RTLO技术与HTML文件是否可以变为WEBSHELL
    一、浅谈RTLO技术我在FreeBuf上到了[APT攻击]趋势科技捕获一次APT攻击活动这篇文章，然后就自己去探探究竟，文章地址在下面RLO控制符是Unicode控制符的一种，使得字符显示从右至左的顺序，攻击者可以利用RTLO技术来达到欺骗目标，从而使得可执行文件的运行。首先Windows系统在解析文件名时，当遇到unicode控制符时，会改变文件名的显示方式，利用这一特性，可以将exe、scr、
  • 【基础算法】贪心 (二) ：推公式 让我们一起加油好吗 #贪心基础算法篇（一）算法数据结构贪心算法洛谷数学
    文章目录什么是推公式1.拼数⭐⭐(1)解题思路(2)代码实现2.ProtectingtheFlowersS⭐⭐⭐(1)解题思路(2)代码实现3.奶牛玩杂技⭐⭐⭐(1)解题思路(2)代码实现什么是推公式如果细说的话，本篇标题应该叫推公式+排序。推公式就是寻找排序规则，排序就是在该排序规则下对整个对象排序。在解决某些问题的时，当我们发现最终结果需要调整每个对象的先后顺序，也就是对整个对象排序时，那么我
  • Python 解析 AI 在企业智能数据分析中的落地案例 动态链接者Bw 人工智能python数据分析
    ```htmlPython解析AI在企业智能数据分析中的落地案例Python解析AI在企业智能数据分析中的落地案例随着人工智能（AI）技术的飞速发展，越来越多的企业开始将AI应用于数据分析领域，以提升决策效率和业务洞察力。Python作为一门功能强大的编程语言，因其丰富的库支持和易用性，在AI驱动的数据分析中扮演着重要角色。本文将通过几个实际案例，探讨Python如何帮助企业实现智能数据分析。案例
  • Python 解析 AI 在金融风控中的应用案例 浮世清欢ai python人工智能开发语言
    ```htmlPython解析AI在金融风控中的应用案例Python解析AI在金融风控中的应用案例在当今快速发展的金融科技领域，人工智能（AI）的应用正在改变传统的金融风险管理方式。通过使用Python编程语言和各种机器学习库，金融机构能够更准确地识别潜在风险，提高决策效率。本文将探讨几个具体的AI在金融风控中的应用案例，并展示如何利用Python实现这些功能。案例一：信用评分模型信用评分是金融风
  • mysql索引的底层原理是什么？如何回答？ 周勇政 mysql数据库java
    MySQL索引的底层原理是数据库面试中的高频问题，以下是通俗易懂的回答框架：1.索引的本质（用类比解释）类比：数据库索引就像书的目录，它不会改变书的内容，但可以让你快速定位到具体章节，而不需要逐页翻书。关键点：索引是一种数据结构（如B+树），存储了表中某些列的值和对应的行地址索引本身会占用存储空间，但能显著提升查询速度类比书架分类法：按书名首字母排序比乱序查找更快2.B+树结构（重点解释）类比：多
  • JavaWeb开发1 偷萧逸苦茶 java
    JavaWeb什么是web?全球广域网，能够通过浏览器访问的网站Web网站工作流程Web前端开发网页有哪些部分组成？文字，图片，音频，视频，超链接...我们看到的网页本质是程序员写的前端代码前端代码如何转换成用户眼中的网页？通过浏览器解析和渲染浏览器中对代码解析渲染的部分称为浏览器内核Web标准HTML：负责网页结构（页面元素和内容）CSS：负责网页的表现（页面元素外观，位置等页面样式，如颜色、大
  • JavaWeb开发3 偷萧逸苦茶 前端javascript开发语言
    JavaScript一门跨平台、面向对象的脚本语言，用来控制网页行为，能使网页可交互js引入方式内部脚本：将JS代码定义在HTML页面中JavaScript代码必须位于在HTML文档中，可以在任意地方，放置任意数量的一般会把脚本置于元素的底部，可以改善显示速度外部脚本：将JS代码定义在外部JS文件中，然后引入到HTML页面中外部JS文件中，只包含JS代码，不包含标签标签不能自闭和    焦点访谈-
  • vue3 el-table回显选中的数据 凉xiao薄 vue.jselementuijavascript
    html部分：{{scope.$index+1}}添加删除js部分：letmatchLists=ref([{source_id:1,title:'比赛1'},{source_id:2,title:'比赛2'},{source_id:3,title:'比赛3'},{source_id:4,title:'比赛4'},{source_id:5,title:'比赛5'},])letsource_ids=r
  • 数据结构与算法中外部排序的详细剖析 数据结构与算法学习 网络ai
    数据结构与算法中外部排序的详细剖析关键词：外部排序、归并排序、多路归并、置换选择排序、败者树、磁盘I/O优化、大数据处理摘要：本文将深入探讨外部排序技术，这是处理大规模数据时不可或缺的算法。我们将从基本概念出发，逐步解析多路归并、置换选择排序等核心技术，并通过实际代码示例展示如何实现高效的外部排序。文章还将分析外部排序在现代大数据处理中的应用场景和优化策略。背景介绍目的和范围本文旨在全面介绍外部排
  • WPS JS宏示例——工作表排序 学点笔记 WPSJS宏入门进阶javascriptwps
    “我那么喜欢你，你却要我当见不得光的情人+提款机”对工作表进行排序是很常见的需求了，这里直接写个通用的宏给不熟悉的朋友使用：/***@param{object|string}Workbook工作薄名称*@returns{array}obj.visible显示的工作表名称*@returns{array}obj.hidden隐藏的工作表名称*@example*letfoo=get_names_of_s
  • 面试中有哪些常见的手撕代码题？ Try，多训练 面试算法面试java算法
    目前共有下面这些问题详细的解答写三种单例模式的实现方式编号为1-n的循环报1-3，报道3的出列，求最后一人的编号写两个线程打印1-n，一个线程打印奇数，一个线程打印偶数LRU缓存实现用Java实现栈加权轮询算法的实现死锁快速排序生产者和消费者
  • JavaScript 中 HTML 转纯文本的最高效方法
    JavaScript中HTML转纯文本的最高效方法在JavaScript中，将HTML转换为纯文本有多种实现方式，你提供的div.textContent方法是最常见的，但在处理大量HTML或复杂场景时，可能需要更高效的方案。以下是几种方法的对比和推荐：一、原生方法对比1.使用textContent（最简洁，兼容性好）javascriptfunctionhtmlToText(html){constd
  • ＜u＞　；​；＜/u＞ HTML5全角空格,自动换行,半角用 ；​； 专注VB编程开发20年 html5前端html
    　​为什么用:　​代替空格?在HTML中，　​这种写法的组合使用是为了创建一个可换行的全角空格下划线，主要解决普通空格在HTML中无法强制换行的问题。以下是详细解析：一、代码拆分解释1.　（全角空格）Unicode编码：U+3000作用：表示一个全角空格（宽度等于一个中文字符）问题：单独使用时，连续的全角空
  • 在html中主要支持的音频格式,html5中audio支持音频格式
    HTML5Audio标签能够支持wav,mp3,ogg,acc,webm等格式，但有个很重要的音乐文件格式midi(扩展名mid)却在各大浏览器中都没有内置的支持。不是所有的浏览器都支持MP3OGG之类的，每个浏览器因为版权的问题支持的格式都是不一样的。浏览器和音频兼容性浏览器制造商并非都同意使用某种音频文件格式。对于图像，PNG、JPEG或GIF格式的文件在任何浏览器上都能加载到您的网页里。遗憾
  • HTML5里video标签支持哪些格式的视频文件 Lucky_chengzi
    video标签支持的视频格式：Ogg、MPEG4、WebMMP4=MPEG4文件使用H264视频编解码器和AAC音频编解码器WebM=WebM文件使用VP8视频编解码器和Vorbis音频编解码器Ogg=Ogg文件使用Theora视频编解码器和Vorbis音频编解码器
  • 认识.net mvc 框架 NPCZ mvc
    ASP.NETMVC是微软推出的一个基于.NET框架的Web应用程序开发模式，它遵循**Model-View-Controller（模型-视图-控制器）**架构模式，将应用程序分为三个核心组件：1.Model（模型）负责处理数据逻辑和业务规则，通常对应数据库表或业务对象。2.View（视图）负责展示用户界面，通常是Razor视图文件（.cshtml）。3.Controller（控制器）负责处理请求
  • 分享我自己的导航网站bituplink导航 (附GitHub开源代码项目OneHtmlNav) bituplink 分享导航GitHub开源bituplink分享
    话不多说,先上资源biuplink导航:http://www.bituplink.com/goodwebOneHtmlNav项目:https://github.com/bituplink/OneHtmlNavOneHtmlNav下载:本地下载或者github直接打包下载小呆导航源项目:https://github.com/xiaodai945/WEBJIKE然后上图再然后说说这个项目的初衷最近新建
  • 仿 Twitter 点赞爱心动画效果 其中用到 animation hackchen html前端css
    大概的原理，准备一张雪碧图，通过hover改变雪碧图的X坐标，达到动画的效果HTML：CSS：.heart{width:100px;height:100px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url("data:image/png;base64,iVBORw0KGgoAAAANS
  • python-函数模块包 2501_92004703 Pythonpython开发语言
    python-函数模块包前言一、函数1.函数的定义2.函数的参数2.1形参分类（定义）2.2实参分类（调用）3.函数参数传递4.变量作用域5.匿名函数6.高阶函数1.map2.filter3.sorted二、模块1.定义模块2.导入模块3.导入指定函数4.模块的执行机制三、包1.包的结构2.导入包总结练习1.编写函数实现提取身份证号码中的年月日信息2.打印商品信息3.sorted排序前言函数模块包
  • paddleOCR模型的安装和使用 九日卯贝 paddleocr
    paddleOCR仓库：https://github.com/PaddlePaddle/PaddleOCR?tab=readme-ov-file文档：https://paddlepaddle.github.io/PaddleOCR/main/quick_start.html#2-paddleocr环境安装python-mpipinstallpaddlepaddle-gpu==3.0.0b1-iht
  • LeetCode 0035.搜索插入位置【Go】 熠熠晨曦_ Algorithmleetcode
    搜索插入位置leetcode35.搜索插入位置题目描述给定一个排序数组和一个目标值，在数组中找到目标值，并返回其索引。如果目标值不存在于数组中，返回它将会被按顺序插入的位置。请必须使用时间复杂度为O(logn)的算法。示例1:输入:nums=[1,3,5,6],target=5输出:2示例2：输入:nums=[1,3,5,6],target=2输出:1示例3：输入:nums=[1,3,5,6],t
  • 34. 在排序数组中查找元素的第一个和最后一个位置 zmuy LeetCodehot100算法数据结构leetcode
    题目：给你一个按照非递减顺序排列的整数数组nums，和一个目标值target。请你找出给定目标值在数组中的开始位置和结束位置。如果数组中不存在目标值target，返回[-1,-1]。你必须设计并实现时间复杂度为O(logn)的算法解决此问题。示例：输入：nums=[5,7,7,8,8,10],target=8输出：[3,4]解题思路：如何查找元素在数组中的开始位置？只需要在while中，即使num
  • 数组排序求最小交换次数 Unlimitedz 图论算法数据结构
    F-松鼠排序_2023河南萌新联赛第（一）场：河南农业大学(nowcoder.com)题意：给定长度为n的数组，每次可以任意交换两个元素，求将数组变为升序的最小交换次数。一道很经典的题目了，本质上是个图论问题。我们可以遍历数组，对于每个元素，我们将该元素和它正确的位置建边，最后一定是1∼n个环（自环也算）。对于有k个元素的环，最少交换次数为k−1。假设共有p个环，对于第i个环，有ki个元素，则它的
  • PTA | 与零交换 三流搬砖艺术家 PTA算法数据结构c++图论深度优先
    目录题目：输入格式：输出格式：输入样例：输出样例：代码：无注释版：有注释版：题目：将{0,1,2,...,n−1}的任意一个排列进行排序并不困难，这里加一点难度，要求你只能通过一系列的Swap(0,*)——即将一个数字与0交换——的操作，将初始序列增序排列。例如对于初始序列{4,0,2,1,3}，我们可以通过下列操作完成排序：Swap(0,1)⟹{4,1,2,0,3}Swap(0,3)⟹{4,1,
  • 0基础学前端------DAY2 学代码的小前端 0基础学前端前端html
    0基础学前端------DAY1（续）视频参考：B站Pink老师HTML学习目标：1.能够说出标签的书写注意规范。2.能够写出HTML骨架标签。3.能够写出超链接标签。4.能够写出图片标签并说出alt和title的区别。5.能够说出相对路径的三种形式。1HTML基础1.1HTML语法规范1.HTML标签是由尖括号包围的关键词，例如。2.HTML标签通常是成对出现的，例如，我们成为双标签。标签中第一
  • Python 自动化日志采集与分析方法
    ```htmlPython自动化日志采集与分析方法Python自动化日志采集与分析方法在现代软件开发和运维过程中，日志是排查问题、监控系统运行状态的重要工具。然而，随着系统的复杂度增加，手动处理日志变得越来越困难。本文将介绍如何使用Python实现自动化日志采集与分析的方法。一、日志采集的必要性日志记录了系统运行中的各种事件和错误信息，对于开发者和运维人员来说，它们是诊断问题、优化性能的关键数据源
  • React JSX属性传递规则（事件处理函数名必须用驼峰式；内联样式必须是JavaScript对象，键名用驼峰命名；className、htmlFor；自定义属性要以data-开头、动态属性绑定） Dontla reactjavascriptreact.js前端
    文章目录**1.驼峰式命名法（CamelCase）****2.属性值的类型**-**字符串属性**：直接使用双引号包裹的字符串。-**表达式属性**：使用`{}`包裹JavaScript表达式，动态计算属性值。-**布尔属性**：如果属性值为`true`，可以直接省略值；如果为`false`，则不传递该属性。**3.事件处理**-**规则**：事件处理函数的命名必须使用驼峰式（如`onClick`
  • Electron 快速上手 AAA小土豆 electronarcgisjavascript
    技术栈Web技术包括HTML、CSS、JavaScript和WebAssembly。它们是现代互联网的基石。这些技术已成为构建用户界面的最佳选择——无论是对于消费者应用程序还是关键业务型应用程序。这不仅适用于需要在浏览器中运行的应用程序，也适用于那些无法通过浏览器访问的桌面应用程序。我们在此大胆断言，这不仅适用于需要在多个操作系统上运行的跨平台应用程序，而且适用于所有类型的应用程序。Electro
  • Python 爬虫实战：微博话题讨论数趋势爬取与分析全流程 西攻城狮北 python爬虫开发语言
    1.项目背景与目标微博话题（#话题#）是社交媒体舆情监测、品牌营销、热点追踪的重要数据源。本实战要完成以下目标：爬取指定话题在7天内的讨论数、阅读量、热搜排名等关键指标。将数据存入MySQL，并每日增量更新。用Pandas+Matplotlib绘制趋势图，直观呈现热度变化。基于SnowNLP做情感倾向分析，输出正面/负面占比。生成一份可分享的HTML可视化报告。2.环境搭建与依赖2.1安装核心库p
  • 【Java面试】10GB，1GB内存，如何排序？ 用心分享技术 Java面试题java面试
    一、外部排序步骤1️⃣分块排序（分割阶段）步骤：将10GB文件分割为多个内存可容纳的小块（如每个块900MB，共约11块），避免内存溢出。逐块读取到内存，使用高效排序算法（如Collections.sort()或Arrays.sort()）排序。将排序后的块写入临时文件，生成11个有序子文件。关键代码：ListsplitAndSort(Fileinput)throwsIOException{Lis
  • tomcat基础与部署发布 暗黑小菠萝 Tomcat java web
    从51cto搬家了，以后会更新在这里方便自己查看。 做项目一直用tomcat，都是配置到eclipse中使用，这几天有时间整理一下使用心得，有一些自己配置遇到的细节问题。 Tomcat：一个Servlets和JSP页面的容器，以提供网站服务。 一、Tomcat安装     安装方式：①运行.exe安装包      &n
  • 网站架构发展的过程 ayaoxinchao 数据库应用服务器网站架构
    1.初始阶段网站架构：应用程序、数据库、文件等资源在同一个服务器上 2.应用服务和数据服务分离：应用服务器、数据库服务器、文件服务器 3.使用缓存改善网站性能：为应用服务器提供本地缓存，但受限于应用服务器的内存容量，可以使用专门的缓存服务器，提供分布式缓存服务器架构 4.使用应用服务器集群改善网站的并发处理能力：使用负载均衡调度服务器，将来自客户端浏览器的访问请求分发到应用服务器集群中的任何
  • [信息与安全]数据库的备份问题 comsci 数据库
          如果你们建设的信息系统是采用中心-分支的模式,那么这里有一个问题   如果你的数据来自中心数据库,那么中心数据库如果出现故障,你的分支机构的数据如何保证安全呢?    是否应该在这种信息系统结构的基础上进行改造,容许分支机构的信息系统也备份一个中心数据库的文件呢?  &n
  • 使用maven tomcat plugin插件debug关联源代码 商人shang mavendebug查看源码tomcat-plugin
    *首先需要配置好'''maven-tomcat7-plugin'''，参见[[Maven开发Web项目]]的'''Tomcat'''部分。 *配置好后，在[[Eclipse]]中打开'''Debug Configurations'''界面，在'''Maven Build'''项下新建当前工程的调试。在'''Main'''选项卡中点击'''Browse Workspace...'''选择需要开发的
  • 大访问量高并发 oloz 大访问量高并发
    大访问量高并发的网站主要压力还是在于数据库的操作上，尽量避免频繁的请求数据库。下面简 要列出几点解决方案： 01、优化你的代码和查询语句，合理使用索引 02、使用缓存技术例如memcache、ecache将不经常变化的数据放入缓存之中 03、采用服务器集群、负载均衡分担大访问量高并发压力 04、数据读写分离 05、合理选用框架，合理架构(推荐分布式架构)。
  • cache 服务器 小猪猪08 cache
    Cache   即高速缓存.那么cache是怎么样提高系统性能与运行速度呢？是不是在任何情况下用cache都能提高性能？是不是cache用的越多就越好呢？我在近期开发的项目中有所体会，写下来当作总结也希望能跟大家一起探讨探讨，有错误的地方希望大家批评指正。 　　1.Cache   是怎么样工作的? 　　Cache   是分配在服务器上
  • mysql存储过程 香水浓 mysql
    Description:插入大量测试数据 use xmpl; drop procedure if exists mockup_test_data_sp; create procedure mockup_test_data_sp( in number_of_records int ) begin declare cnt int; declare name varch
  • CSS的class、id、css文件名的常用命名规则 agevs JavaScriptUI框架Ajaxcss
      CSS的class、id、css文件名的常用命名规则     (一)常用的CSS命名规则 　　头：header 　　内容：content/container 　　尾：footer 　　导航：nav 　　侧栏：sidebar 　　栏目：column 　　页面外围控制整体布局宽度：wrapper 　　左右中：left right
  • 全局数据源 AILIKES javatomcatmysqljdbcJNDI
    实验目的：为了研究两个项目同时访问一个全局数据源的时候是创建了一个数据源对象，还是创建了两个数据源对象。 1：将diuid和mysql驱动包（druid-1.0.2.jar和mysql-connector-java-5.1.15.jar）copy至%TOMCAT_HOME%/lib下；2：配置数据源，将JNDI在%TOMCAT_HOME%/conf/context.xml中配置好,格式如下：&l
  • MYSQL的随机查询的实现方法 baalwolf mysql
    MYSQL的随机抽取实现方法。举个例子，要从tablename表中随机提取一条记录，大家一般的写法就是：SELECT * FROM tablename ORDER BY RAND() LIMIT 1。但是，后来我查了一下MYSQL的官方手册，里面针对RAND()的提示大概意思就是，在ORDER BY从句里面不能使用RAND()函数，因为这样会导致数据列被多次扫描。但是在MYSQL 3.23版本中，
  • JAVA的getBytes()方法 bijian1013 javaeclipseunixOS
        在Java中，String的getBytes()方法是得到一个操作系统默认的编码格式的字节数组。这个表示在不同OS下，返回的东西不一样！      String.getBytes(String decode)方法会根据指定的decode编码返回某字符串在该编码下的byte数组表示，如： byte[] b_gbk = "
  • AngularJS中操作Cookies bijian1013 JavaScriptAngularJSCookies
            如果你的应用足够大、足够复杂，那么你很快就会遇到这样一咱种情况：你需要在客户端存储一些状态信息，这些状态信息是跨session(会话)的。你可能还记得利用document.cookie接口直接操作纯文本cookie的痛苦经历。         幸运的是，这种方式已经一去不复返了，在所有现代浏览器中几乎
  • [Maven学习笔记五]Maven聚合和继承特性 bit1129 maven
    Maven聚合   在实际的项目中，一个项目通常会划分为多个模块，为了说明问题，以用户登陆这个小web应用为例。通常一个web应用分为三个模块： 1. 模型和数据持久化层user-core, 2. 业务逻辑层user-service以 3. web展现层user-web， user-service依赖于user-core user-web依赖于user-core和use
  • 【JVM七】JVM知识点总结 bit1129 jvm
      1. JVM运行模式 1.1 JVM运行时分为-server和-client两种模式，在32位机器上只有client模式的JVM。通常，64位的JVM默认都是使用server模式，因为server模式的JVM虽然启动慢点，但是，在运行过程，JVM会尽可能的进行优化 1.2 JVM分为三种字节码解释执行方式：mixed mode, interpret mode以及compiler
  • linux下查看nginx、apache、mysql、php的编译参数 ronin47
    在linux平台下的应用，最流行的莫过于nginx、apache、mysql、php几个。而这几个常用的应用，在手工编译完以后，在其他一些情况下（如：新增模块），往往想要查看当初都使用了那些参数进行的编译。这时候就可以利用以下方法查看。 1、nginx [root@361way ~]# /App/nginx/sbin/nginx -V nginx: nginx version: nginx/
  • unity中运用Resources.Load的方法？ brotherlamp unity视频unity资料unity自学unityunity教程
    问：unity中运用Resources.Load的方法？ 答：Resources.Load是unity本地动态加载资本所用的方法,也即是你想动态加载的时分才用到它,比方枪弹,特效,某些实时替换的图像什么的,主张此文件夹不要放太多东西,在打包的时分,它会独自把里边的一切东西都会集打包到一同,不论里边有没有你用的东西,所以大多数资本应该是自个建文件放置 1、unity实时替换的物体即是依据环境条件
  • 线段树-入门 bylijinnan java算法线段树
    /** * 线段树入门 * 问题：已知线段[2,5] [4,6] [0,7]；求点2,4,7分别出现了多少次 * 以下代码建立的线段树用链表来保存，且树的叶子结点类似[i,i] * * 参考链接：http://hi.baidu.com/semluhiigubbqvq/item/be736a33a8864789f4e4ad18 * @author lijinna
  • 全选与反选 chicony 全选
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>全选与反选</title>
  • vim一些简单记录 chenchao051 vim
    mac在/usr/share/vim/vimrc linux在/etc/vimrc   1、问：后退键不能删除数据，不能往后退怎么办？       答：在vimrc中加入set backspace=2   2、问：如何控制tab键的缩进？       答：在vimrc中加入set tabstop=4 (任何
  • Sublime Text 快捷键 daizj 快捷键sublime
    [size=large][/size]Sublime Text快捷键：Ctrl+Shift+P：打开命令面板Ctrl+P：搜索项目中的文件Ctrl+G：跳转到第几行Ctrl+W：关闭当前打开文件Ctrl+Shift+W：关闭所有打开文件Ctrl+Shift+V：粘贴并格式化Ctrl+D：选择单词，重复可增加选择下一个相同的单词Ctrl+L：选择行，重复可依次增加选择下一行Ctrl+Shift+L：
  • php 引用(&)详解 dcj3sjt126com PHP
    在PHP 中引用的意思是：不同的名字访问同一个变量内容. 与Ｃ语言中的指针是有差别的．Ｃ语言中的指针里面存储的是变量的内容在内存中存放的地址 变量的引用 PHP 的引用允许你用两个变量来指向同一个内容  复制代码代码如下: <?  $a="ABC";  $b =&$a;  echo
  • SVN中trunk,branches,tags用法详解 dcj3sjt126com SVN
    Subversion有一个很标准的目录结构，是这样的。比如项目是proj，svn地址为svn://proj/，那么标准的svn布局是svn://proj/|+-trunk+-branches+-tags这是一个标准的布局，trunk为主开发目录，branches为分支开发目录，tags为tag存档目录（不允许修改）。但是具体这几个目录应该如何使用，svn并没有明确的规范，更多的还是用户自己的习惯。
  • 对软件设计的思考 e200702084 设计模式数据结构算法ssh活动
    软件设计的宏观与微观    软件开发是一种高智商的开发活动。一个优秀的软件设计人员不仅要从宏观上把握软件之间的开发，也要从微观上把握软件之间的开发。宏观上，可以应用面向对象设计，采用流行的SSH架构，采用web层，业务逻辑层，持久层分层架构。采用设计模式提供系统的健壮性和可维护性。微观上，对于一个类，甚至方法的调用，从计算机的角度模拟程序的运行情况。了解内存分配，参数传
  • 同步、异步、阻塞、非阻塞 geeksun 非阻塞
    同步、异步、阻塞、非阻塞这几个概念有时有点混淆，在此文试图解释一下。   同步：发出方法调用后，当没有返回结果，当前线程会一直在等待（阻塞）状态。 场景：打电话，营业厅窗口办业务、B/S架构的http请求-响应模式。   异步：方法调用后不立即返回结果，调用结果通过状态、通知或回调通知方法调用者或接收者。异步方法调用后，当前线程不会阻塞，会继续执行其他任务。 实现：
  • Reverse SSH Tunnel 反向打洞實錄 hongtoushizi ssh
    實際的操作步驟： # 首先，在客戶那理的機器下指令連回我們自己的 Server，並設定自己 Server 上的 12345 port 會對應到幾器上的 SSH port ssh -NfR 12345:localhost:22 [email protected] # 然後在 myhost 的機器上連自己的 12345 port，就可以連回在客戶那的機器 ssh localhost -p 1
  • Hibernate中的缓存 Josh_Persistence 一级缓存Hiberante缓存查询缓存二级缓存
    Hibernate中的缓存   一、Hiberante中常见的三大缓存：一级缓存，二级缓存和查询缓存。 Hibernate中提供了两级Cache，第一级别的缓存是Session级别的缓存，它是属于事务范围的缓存。这一级别的缓存是由hibernate管理的，一般情况下无需进行干预；第二级别的缓存是SessionFactory级别的缓存，它是属于进程范围或群集范围的缓存。这一级别的缓存
  • 对象关系行为模式之延迟加载 home198979 PHP架构延迟加载
    形象化设计模式实战     HELLO!架构   一、概念 Lazy Load：一个对象，它虽然不包含所需要的所有数据，但是知道怎么获取这些数据。 延迟加载貌似很简单，就是在数据需要时再从数据库获取，减少数据库的消耗。但这其中还是有不少技巧的。     二、实现延迟加载 实现Lazy Load主要有四种方法：延迟初始化、虚
  • xml 验证 pengfeicao521 xmlxml解析
    有些字符，xml不能识别，用jdom或者dom4j解析的时候就报错 public static void testPattern() { // 含有非法字符的串 String str =       "Jamey&#52828;&#01;&#02;&#209;&#1282
  • div设置半透明效果 spjich css半透明
    为div设置如下样式：   div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}        说明： 1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认2、-moz-opaci
  • 你真的了解单例模式么？ w574240966 java单例设计模式jvm
        单例模式，很多初学者认为单例模式很简单，并且认为自己已经掌握了这种设计模式。但事实上，你真的了解单例模式了么。   一，单例模式的5中写法。（回字的四种写法，哈哈。）     1，懒汉式           （1）线程不安全的懒汉式 public cla
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他