lvdong5830
lvdong5830

jquery Sortable实例

转自： http://blog.csdn.net/xpsharp/article/details/6910424

       jquery Sortable实例


jquery Sortable实例_第1张图片

 

 

 

[html] view plain copy
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"  
  2.     pageEncoding="UTF-8"%>  
  3. <%@ page import="com.wap3.navigater.service.*" %>  
  4. <%@ page import="com.wap3.navigater.dao.*" %>  
  5. <%@ page import="com.wap3.navigater.pojo.*" %>  
  6. <%@ page import="com.wap3.navigater.util.*" %>  
  7. <%@ page import="java.util.*" %>  
  8. <%@ page import="java.text.*" %>  
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  10. <html>  
  11. <head>  
  12. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  13. <script type="text/javascript" src="../js/jquery.js"></script>  
  14. <script type="text/javascript" src="../js/ajax_edit.js"></script>  
  15. <script type="text/javascript" src="../js/jquery.jclock.js"></script>  
  16. <script type="text/javascript" src="../js/common.js"></script>  
  17. <script type="text/javascript" src="../js/jquery.form.js"></script>  
  18. <script type="text/javascript" src="../js/fileTypeJudge.js"></script>  
  19. <script type="text/javascript" src="../js/jquery.datepick.js"></script>  
  20. <script type="text/javascript" src="../js/jquery.datepick-zh-CN.js"></script>  
  21. <!-- 拖拽需要导入的包 -->  
  22. <script type="text/javascript" src="../js/jquery.ui.core.js"></script>  
  23. <script type="text/javascript" src="../js/jquery.ui.widget.js"></script>  
  24. <script type="text/javascript" src="../js/jquery.ui.mouse.js"></script>  
  25. <script type="text/javascript" src="../js/jquery.ui.sortable.js"></script>  
  26. <!-- 拖拽需要导入的包 -->  
  27.   
  28. <link media=all href="../css/common.css" type=text/css rel=stylesheet>  
  29. <title>Insert title here</title>  
  30. <style type="text/css">  
  31.     @import "inc/jquery.datepick.css";  
  32. </style>  
  33. <script type="text/javascript">  
  34. var $imgthis;  
  35.     $(function(){  
  36.         var oldValue;  
  37.         $(".package_list .edit").bind("dblclick",function(){  
  38.             if($(this).has("input").length>0)return false;  
  39.             oldValue = $(this).text();  
  40.             $(this).ajax_edit("editaddress.jsp",oldValue);  
  41.         });  
  42.   
  43.         $(".package_list .edit_img").bind("dblclick",function(){    //  
  44.             oldValue = $(this).find('img').attr("src") ;  
  45.             $imgthis = $(this);  
  46.             $(this).parents("tr.package_list").siblings(".package_list").find(":input.cancel").trigger("click");  
  47.             $(this).ajax_edit_img("editaddress.jsp",oldValue);  
  48.         });  
  49.           
  50.         $(".package_list .edit :input[type!=file]:visible").live("blur",function(){  
  51.             $(this).ajax_handle("editaddress.jsp?action=edit",oldValue);  
  52.         });  
  53.   
  54.         $(".afile").live("change",function(){  
  55.             $(this).fileTypeJudge("photo");  
  56.         })  
  57.           
  58.         $("#editcategoryName").live("change",function(){  
  59.             $(this).ajax_handle("editaddress.jsp?action=edit",oldValue);  
  60.         });  
  61.   
  62.           
  63.         $("#del").click( function () {  
  64.             if($(":checkbox.urlid:checked").size()>0){  
  65.                 var result = confirm("不可恢复的操作:确定要吗？"+ '\n' +"提示：如果删除大类会删除大类及下面的子类！！！");  
  66.                 if (result) {  
  67.                     var url = location.href;  
  68.                     return ;  
  69.                     $(".main_table").wrap("<form id='selectAddressForm' action='selectaddress.jsp?action=del' method='post'></form>");  
  70.                     $("#selectAddressForm").submit();  
  71.                 }  
  72.             }else{  
  73.                 alert("请选择要删除的项目！");  
  74.                 return false;  
  75.             }  
  76.         });  
  77.   
  78.         $("#sortable").sortable({  
  79.             //cursorAt: 'top bottom',   //只能上下移动，还有left,rigth参数   
  80.             cancel: "tr[class!=package_list],tr.package_list td:not(.edit_img)",     //取消两个DOM 中间用逗号隔开   
  81.             update:function(event,ui){  
  82.                 $this = $(ui.item);  
  83.                 var thisid = $this.find(".urlid").val();  
  84.                 var nextfilter = Number($this.next("tr.package_list").children("td.filter").text())+1;  
  85.                 var $loading = $("loading……");  
  86.                 $.ajax( {  
  87.                      type : "POST",  
  88.                      url : "editaddress.jsp?action=edit&target=filter",  
  89.                      data : "filter="+nextfilter+"&urlid="+thisid,  
  90.                      timeout : 50000,  
  91.                      cache : false,  
  92.                      beforeSend : function(XMLHttpRequest) {  
  93.                      },  
  94.                      success : function(data, textStatus) {  
  95.                          data = data.replace(/^\s*|\s*$/, '');  
  96.                          $this.children(".filter").text(data);  
  97.                      },  
  98.                      complete : function(XMLHttpRequest, textStatus) {  
  99.                      },  
  100.                      error : function() {  
  101.                          $("#sortable").sortable('cancel');  
  102.                      }  
  103.                     });  
  104.                 //alert($("#sortable tr").index($(ui.item)));  
  105.             }  
  106.         });  
  107.         $( "#sortable" ).disableSelection();  
  108.     });  
  109.     function callback(msg)  
  110.     {      
  111.         $imgthis.html("<img class='logo' src='"+msg+"' title='"+msg+"' />");  
  112.     }   
  113. </script>  
  114. </head>  
  115. <body>  
  116.   
  117.     <%     
  118.         String action = ParameterUtil.getStringParameter(request,"action","");  
  119.         FriendurlDao friendurlDao = new IbatisFriendurlDao();  
  120.         if("del".equals(action)){  
  121.             int[] urlids = ParameterUtil.getIntArrayParams(request,"urlid");  
  122.             for(int urlid : urlids){  
  123.                 friendurlDao.deleteFriendurlByP(urlid);  
  124.             }  
  125.         }  
  126.         String navigaterPage = request.getRequestURL().toString();  
  127.         if(request.getQueryString()!= null){  
  128.             navigaterPage += "?"+request.getQueryString();  
  129.         }  
  130.         int pageSize = ParameterUtil.getIntParameter(request,"pageSize",10);  
  131.         int pageNo = ParameterUtil.getIntParameter(request,"pageNo",1);  
  132.         String orderBy = ParameterUtil.getStringParameter(request,"orderBy","filter");  
  133.         int ascOrDesc = ParameterUtil.getIntParameter(request,"ascOrDesc",2);  
  134.           
  135.         Friendurl friendurl = new Friendurl();  
  136.         friendurl.addOrderBy(orderBy,ascOrDesc);  
  137.         List<Friendurl> friendurlList = friendurlDao.selectFriendurlByE(friendurl);  
  138.           
  139.             //分页  
  140.         int totallpage = (int) Math.ceil(((double) friendurlList .size() * 1.0D)/ (double) pageSize);  
  141.         pageNo =pageNo <= 0 ? 1 : pageNo;  
  142.         pageNo =pageNo > totallpage ? totallpage : pageNo;  
  143.         DataPageUtil datePage = new DataPageUtil(friendurlList ,friendurlList .size(),pageSize, pageNo);  
  144.         boolean hasPrerPage = datePage.hasPrevPage();  
  145.         boolean hasNextPage=  datePage.hasNextPage();  
  146.         int curpageNo =  datePage.getPageNo();  
  147.         int pageCount = datePage.getPageCount();  
  148.         friendurlList = DataPageUtil.subList(friendurlList, pageSize, pageNo);  
  149.           
  150.           
  151.         if(friendurlList == null && friendurlList.size()<=0) {  
  152.             out.println("没有您需要的数据");  
  153.         }else{  
  154.      %>  
  155.      <%@include file="inc/header.jsp"  %>  
  156.     <div id = "mainbox">  
  157.         <div class = "c1">  
  158.             <table class="main_table" width="100%" border="1" cellspacing="0" cellpadding="0">  
  159.              <tbody id="sortable">  
  160.                 <tr>  
  161.                     <th align="center" height="20" colspan="13" align="center" bgcolor="#006699">条目列表</th>  
  162.                 </tr>  
  163.                 <tr>  
  164.                     <td width="10%" height="20" align="center" bgcolor="#009999">  
  165.                         <input id="AllORNoall" type="checkbox"><label for="AllORNoall">全选</label>  
  166.                         <input type="button" id="reserse" value="反选" />  
  167.                     </td>  
  168.                       
  169.                     <td width="7%" height="20" align="center" bgcolor="#009999">站点名称</td>  
  170.                     <td width="7%" height="20" align="center" bgcolor="#009999">站点别名</td>  
  171.                     <td width="7%" height="20" align="center" bgcolor="#009999">归类</td>  
  172.                     <td width="7%" height="20" align="center" bgcolor="#009999">公司地址</td>  
  173.                     <td width="7%" height="20" align="center" bgcolor="#009999">文字链接</td>  
  174.                     <td width="7%" height="20" align="center" bgcolor="#009999">图片链接</td>  
  175.                     <td width="7%" height="20" align="center" bgcolor="#009999">描述</td>  
  176.                     <td width="7%" height="20" align="center" bgcolor="#009999">有效开始时间</td>  
  177.                     <td width="7%" height="20" align="center" bgcolor="#009999">有效结束时间</td>  
  178.                     <td width="7%" height="20" align="center" bgcolor="#009999">电话</td>  
  179.                     <td width="7%" height="20" align="center" bgcolor="#009999">位置排序</td>  
  180.                     <td width="7%" height="20" align="center" bgcolor="#009999">推荐序号</td>  
  181.                       
  182.                 </tr>  
  183.                 <%  
  184.                     for(Friendurl friendurlTemp:friendurlList) {  
  185.                         int urlId = friendurlTemp.getUrlid();  
  186.                         String siteName = friendurlTemp.getSitename();  
  187.                         int categoryId = friendurlTemp.getCategoryId();  
  188.                         CategoryDao categoryDao = new IbatisCategoryDao();  
  189.                         Category category = categoryDao.selectCategoryByP(categoryId);  
  190.                         String categoryName = category.getCategoryName();  
  191.                         String alias = friendurlTemp.getAlias();  
  192.                         String address = friendurlTemp.getAddress();  
  193.                         String texturl = friendurlTemp.getTexturl();  
  194.                         String imageurl = friendurlTemp.getImageurl();  
  195.                         String description =  friendurlTemp.getDescription();  
  196.                         Date validbegintime = friendurlTemp.getValidbegintime();  
  197.                         Date validendtime = friendurlTemp.getValidendtime();  
  198.                         String mobile = friendurlTemp.getMobile();  
  199.                         int sequence = friendurlTemp.getSequence();  
  200.                         int filter = friendurlTemp.getFilter();  
  201.                           
  202.                  %>  
  203.   
  204.                 <tr class="package_list">  
  205.                     <td width="7%" height="20" align="center" class="urlid_td"><input type="checkbox" name="urlid" class="id_select urlid" value=<%= urlId%> /></td>  
  206.                     <td width="7%" height="20" align="center" class="edit sitename"><%=siteName %></td>  
  207.                     <td width="7%" height="20" align="center" class="edit alias"><%=alias %></td>  
  208.                     <td width="7%" height="20" align="center" class="edit categoryName"><%=categoryName%></td>  
  209.                     <td width="7%" height="20" align="center" class="edit address"><%=address %></td>  
  210.                     <td width="7%" height="20" align="center" class="edit texturl"><%=texturl%></td>  
  211.                     <td width="7%" height="20" align="center" class="edit_img imageurl"><%if("".equals(imageurl)|| imageurl == null){ }else{%><img src='<%=imageurl%>' class='logo' title='<%=imageurl%>'/><%} %></td>  
  212.                     <td width="7%" height="20" align="center" class="edit description"><%=description%></td>  
  213.                     <td width="7%" height="20" align="center" class="edit validbegintime"><%=validbegintime == null || "".equals(validbegintime)? "--:--" : TimeUtil.date2Str(validbegintime)%></td>  
  214.                     <td width="7%" height="20" align="center" class="edit validendtime"><%=validendtime == null || "".equals(validendtime)? "--:--" : TimeUtil.date2Str(validendtime)%></td>  
  215.                     <td width="7%" height="20" align="center" class="edit mobile"><%=mobile%></td>  
  216.                     <td width="7%" height="20" align="center" class="edit sequence"><%=sequence%></td>  
  217.                     <td width="7%" height="20" align="center" class="edit filter"><%=filter%></td>  
  218.                </tr>  
  219.   
  220.                 <%  
  221.                       
  222.                     }  
  223.                           
  224.                  %>  
  225.                 
  226.                <tr>  
  227.                     <td align="center"><input type="button" id="del" value="删除" /></td>  
  228.                     <td align="center" colspan = "12">提示：双击选框修改属性值(<font style="color:red">拖拽LOGO调整顺序</font>)</td>  
  229.                 </tr>  
  230.               </tbody>  
  231.             </table>  
  232.         </div>  
  233.         <%@ include file="inc/pagination.jsp"%>  
  234.     </div>  
  235.     <%  
  236.         }  
  237.      %>  
  238.  <iframe name='hidden_frame' id="hidden_frame" style='display:none'></iframe>  
  239. </body>  
  240. </html>  

你可能感兴趣的:(jquery)

  • C# 开发教程-入门基础 天马3798 教程系列整理c#开发语言
    1.C#简介、环境，程序结构2.C#基本语法，变量，控制局域，数据类型，类型转换3.C#数组、循环，Linq4.C#类，封装，方法5.C#枚举、字符串6.C#面相对象，继承，封装，多态7.C#特性、属性、反射、索引器8.C#委托，事件，集合，泛型9.C#匿名方法10.C#多线程更多：JQuery开发教程入门基础Vue开发基础入门教程Vue开发高级学习教程
  • html 删除事件,html 事件的添加和删除 列蒂齐亚 html删除事件
    jQuery在jQuery1.7版本中bind()unbind(),live()die(),on()off(),delegate()下面我们给li元素添加事件bind()旧版写法:事件不能适用脚本创建的新元素live()旧版写法:适用脚本创建的新元素写法，但性能极不好on()新版写法，事件不能适用脚本创建的新元素(接收多个函数绑定)这三种方法都是基于要给添加事件的元素本身。$("ulli").bi
  • 动态生成的html元素绑定click事件 .NET跨平台 Jquery及其组件htmljquery
    第一篇博客，开启技术博客的生涯，欢迎大家批评指教（坚信妹子也可以做好程序猿）今天想说帮公司做项目的时候遇到的一个小问题，动态添加html元素以后再去事件监听出问题。在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况。就是上面的一张表格要动态实现添加行，然后序列号还要随着增加，当删除的时候序列号依旧是按顺序排列。刚开始使用jQuery的on方法来解决，但是发现一个问题会出现事件绑定很多次
  • 前端页面实现table可拖动改变列宽 牧 码 人 jsjQueryjs表格拖动csscolResizable
    此处实现页面的table表格可以自由拖动列宽，拖动时表格内文字不换行，超出部分以...代替，实现步骤如下：1.首先引入jQuery和colResizable的js文件，colResizable支持表格拖动改变列宽，但基于jQuery，（1）colResizable可以去：http://www.bacubacu.com/colresizable/#rangeSlider下载（2）引入文件：2.编写j
  • 关于jquery的on(“click”,function(){}),事件绑定无效 微特尔普拉斯 javascriptjquery
    之前在做jquery时,遇到一个问题,就是我在append一个给啊标签绑定click点击事件时不起作用,jquery的版本时3.4.1,也找不到起的错误.就是没触发:$(self).find(".comment-action.cancel").off("click");//console.log("点击了取消回复的按钮!");$(self).find(".comment-action.cancel
  • （hilo）摇钱树项目梳理 大胡子111
    摇钱树项目用到了：1.jquery（js库）2.hilo.js(游戏框架)3.tida.js（淘宝相关api--要在淘宝中实现摇一摇功能）4.原生陀螺仪（因为要在微信中实现摇一摇功能）5.静态文件资源预加载项目组成部分：1.摇钱树2.摇一摇按钮3.树下礼包4.游戏标题5.树上的红包和金币6.音乐7.获奖记录7.活动规则（活动说明/玩法介绍）8.红包雨下落9.地上红包10.获奖/失败层11.玩法介绍
  • jQuery Easyui 源码分析之combo组件 90后北京程序员 前端-easyuieasyui之combobox
    /***jQueryEasyUI1.3.1*该源码完全由压缩码翻译而来，并非网络上放出的源码，请勿索要。*/(function($){functionsetSize(target,width){varopts=$.data(target,"combo").options;varcombo=$.data(target,"combo").combo;varpanel=$.data(target,"co
  • jquery打包到webpack项目 不cong明的亚子 前端webpackjqueryjavascript
    入口文件—index.jswindow.$=require('jquery')webpack.config.jsconstwebpack=require('webpack')module.exports={...plugins:[...newwebpack.ProvidePlugin({$:'jquery',jQuery:'jquery'})...]...}
  • 通过前端实现导出生成pdf文件并下载 银河小铁皮 vue原生JS前端javascriptvue.js
    通过前端实现导出生成pdf文件并下载使用jspdf.js+html2canvas插件，实现前端生成pdf并下载的功能步骤如下1、先通过npm安装插件npminstalljspdf.jsnpminstallhtml2canvas2、单独在utils文件夹下，新建文件，存放处理代码/*eslint-disable*///不使用JQuery版的importhtml2canvasfrom'html2can
  • java计算机毕业设计Vue潍坊学院宿舍管理系统设计与实现MyBatis+系统+LW文档+源码+调试部署 一梵sheji288 javamybatisvue.js
    java计算机毕业设计Vue潍坊学院宿舍管理系统设计与实现MyBatis+系统+LW文档+源码+调试部署java计算机毕业设计Vue潍坊学院宿舍管理系统设计与实现MyBatis+系统+LW文档+源码+调试部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、
  • TypeScript---类型批注 Anglie
    TS通过类型批注提供静态类型，方便在编译时启动类型检查，这不是必须的，甚至可以被忽略，去使用js常规的动态类型。基本类型的批注是number,bool,string,弱类型或动态类型的结构可以是任意类型。将类型批注导出到一个单独的文件，方便使用类型已经被编译成为js的ts脚本的类型信息可用。批注可以为一个现有的js库声明。就像已经为node.js和jquery.js所做的那样。当没有给出类型时，T
  • 基于Java毕业设计新锐台球厅管理系统源码+系统+mysql+lw文档+部署软件 练练科技 java课程设计mysql
    基于Java毕业设计新锐台球厅管理系统源码+系统+mysql+lw文档+部署软件基于Java毕业设计新锐台球厅管理系统源码+系统+mysql+lw文档+部署软件本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码
  • java计算机毕业设计高校学生资助管理信息系统源码+mysql数据库+系统+lw文档+部署 鸿源网络 数据库mysqljava
    java计算机毕业设计高校学生资助管理信息系统源码+mysql数据库+系统+lw文档+部署java计算机毕业设计高校学生资助管理信息系统源码+mysql数据库+系统+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQ
  • 基于JAVA高校毕业就业管理系统计算机毕业设计源码+数据库+lw文档+系统+部署 源新网络 java开发语言
    基于JAVA高校毕业就业管理系统计算机毕业设计源码+数据库+lw文档+系统+部署基于JAVA高校毕业就业管理系统计算机毕业设计源码+数据库+lw文档+系统+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码
  • jQuery选择器 VaporGas 前端jquery前端javascript学习
    jQuery选择器jQuery选择器类似于CSS选择器，用来选取网页中的元素$("h3").css("background","#09F");代码分析：获取并设置网页中所有元素的背景“h3”为选择器语法，必须放在$()中$(“h3”)返回jQuery对象.css()是为jQuery对象设置样式的方法jQuery选择器分类jQuery选择器功能强大，种类也很多，分类如下：类CSS选择器基本选择器层次
  • Java架构师学习路线 网络全息测量 心得体会
    (1)第一步：研究spring,hibernate。通过研究jeecms开源框架。也同时学习css,html,javascript,jquery.以前都学习过，不过没有系统学习过，现在必须系统学习。同时看cms相关的论文。然后，改造jeecms能够改为自己的一个开源框架，以后开发cms系统都用我自己开发的框架，作为第一阶段的成果。(2)第二步：学习开源工作流引擎Activiti5，jbpm4.4以
  • AJAX实时表单验证系统 三年九班蓝同学
    本文还有配套的精品资源，点击获取简介：在网页开发中，"ajax验证表单"是一项关键任务，确保数据符合格式和规则，提升数据质量和用户体验。本应用通过使用JavaScript和XMLHttpRequest对象实现后台验证，无需页面刷新。它包括前端验证、事件处理、Ajax调用、服务器端处理、响应处理、用户体验和安全性等关键步骤，以jQuery库简化开发流程，创建高效、安全的表单验证系统。1.表单验证的重
  • 利用jQuery框架的ajax请求获取json格式的数据 听海边涛声 jqueryajaxjson
    Document$('#btn').click(()=>{$.get('http://localhost:8080/jsajaxproject/jquery_json','username=tom&age=20',(data)=>{//alert(data)alert(data.name+'\t'+data.age+'\t'+data.gender)},'json')})点击按钮：
  • jquery加载页面的方法(页面加载完成就执行) JaosnY JQueryjquery自动加载
    转自http://www.jb51.net/article/27444.htmjquery加载页面的方法(页面加载完成就执行),建议大家看下windows.onload与$(document).ready之间的区别。1、$(function(){$("#a").click(function(){//addingyourcodehere});});2、$(document).ready(functi
  • jquery事件 上心心上
    jquery事件事件函数列表：blur()元素失去焦点focus()元素获得焦点change()表单元素的值发生变化click()鼠标单击dblclick()鼠标双击mouseover()鼠标进入（进入子元素也触发）mouseout()鼠标离开（离开子元素也触发）mouseenter()鼠标进入（进入子元素不触发）mouseleave()鼠标离开（离开子元素不触发）hover()同时为mousee
  • node模块 weiweiweb888 前端javascriptbootstrap
    模块系统模块化介绍传统开发的问题随着项目的扩大，然后代码就越来越庞大，如果没有很好的规划，后期维护非常复杂（甚至就维护不了）。比如：前端html中有很多特效会依赖js文件。比如：index.html:bootstrap以上就是一个依赖关系，bootstrap依赖于jquery。先引入jquery后引入bootstrap。而且随着项目的扩大，我们的html页面也就随之增加，并且每一个html页面都会
  • jQuery中的ajax通信技术的讲解 盛夏绽放 jqueryajaxokhttp
    jQuery提供了多种方法来处理AJAX请求，这些方法简化了异步请求的创建和处理。以下是一些常用的jQueryAJAX方法及其演示：1.$.ajax()（1）解释这个方法是最基础也是最强大的AJAX方法，它可以接受一个配置对象来构建并发送HTTP请求。（2）示例：这是一个GET请求模版$.ajax({url:'https://api.example.com/data',//请求的URL地址type
  • 记录-小程序720°VR（跳转H5页面实现） 久违的小技巧 小程序小程序vrjavascript
    全景浏览提前准备1拍照支架/照片合成软件（KolorAutopanoGiga4.0）或者全景相机2pannellum（pannellum是一个轻量级、免费和开源的Web全景查看器。它使用HTML5、CSS3、JavaScript和WebGL构建，没有插件。）3H5页面引入pannellum.js/css文件，swiper/jquery文件（因为需要在全景图底部显示可切换图片，与dom操作/ajax
  • HTML表格 一壶浊酒.. 前端开发html前端
    table,tr,td{border:lpxsolidsilver;}表格标题表头单元格HTMLCSSJavaScriptJQuery标准单元格合并行：rowspan在HTML中，我们可以使用rowspan属性来合并行。所谓的合并行，指的是将“纵向的N个单元格”合并。rowspan属性table,tr,td{border:1pxsolidsilver;}姓名:小明喜欢水果:苹果香蕉合并列：cols
  • 前端篇—ajax wolf67 Djangodjangojsajax
    文章目录前言一、基于JS的ajax实现1.1基础1.2完整代码示例1.3应用二、JSON和JSONP2.1什么是JSON2.2JSON语法2.3应用2.4json与django交互2.5json与xml比较三、基于jQuery的ajax实现3.1基础方法3.2快捷方法用法示例四、跨域请求4.1同源机制4.2jsonp的js实现（未完成）4.3jsonp的jQuery实现4.4jsonp的ajax实
  • 菜谱推荐系统(前台android原生,后台java,SSH,mysql) weixingliang_123 菜谱食谱android数据库java编程语言mysql
    Android菜谱推荐系统(前台android原生,后台java,SSH,mysql)(程序代码,MySQL数据库)【运行环境】MyEclipse(后台)Eclipse(前台)JDK1.7tomcat7【技术栈】JAVA,JSP,mvc,SSH,MYSQL,HTML,CSS,JAVASCRIPT,JQUERY,android原生【项目包含内容】【下载全套源码】【项目功能介绍】
  • 【jQuery】前端八股文面试题 菜鸟una 前端八股文面试题前端jqueryjavascript
    jQuery这个问的没有那么多，暂时我被问到的就这几个。大家可以直接订阅专栏。文章目录jQuery1.jQuery常见的方法有哪几个？2.在jQuery中，常见使用委托的事件有哪些？1）点击事件（click）2）鼠标悬停事件（mouseenter和mouseleave）3）表单提交事件（submit）4）输入框变化事件（change）3.在jQuery中，常见的鼠标事件方法有哪些？1）click（
  • jQuery第八章 原生ajax 小涛涛啊！ jqueryjquery
    第八章原生ajax1：ajax的概念AJAX=AsynchronousJavaScriptandXML（异步的JavaScript和XML）。AJAX不是新的编程语言，而是一种使用现有标准的新方法。*AJAX异步请求数据。什么是AJAX？AJAX=异步JavaScript和XML。AJAX是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。这意味着
  • java计算机毕业设计生产管理系统源代码+数据库+系统+lw文档 影伴设计 java开发语言前端
    java计算机毕业设计生产管理系统源代码+数据库+系统+lw文档java计算机毕业设计生产管理系统源代码+数据库+系统+lw文档本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址：https://pan.b
  • 第三章：发送AJAX请求的几种方式 Muko_0x7d2 AJAXajax
    1.jquery发送Ajax请求1.1引进jQuery资源进入bootcdn.cn网站搜索jQuery复制script标签放到目标html文件head标签中添加跨源的属性的设置crossorigin="anonymous"1.2jQuery发送请求的四个参数：url参数（可以没有）函数响应体类型（一般为json）1.3GET请求请求类型为get参数在名称里面//1.发送GET请求$('button
  • Maven Array_06 eclipsejdkmaven
    Maven Maven是基于项目对象模型(POM)， 信息来管理项目的构建，报告和文档的软件项目管理工具。 Maven 除了以程序构建能力为特色之外，还提供高级项目管理工具。由于 Maven 的缺省构建规则有较高的可重用性，所以常常用两三行 Maven 构建脚本就可以构建简单的项目。由于 Maven 的面向项目的方法，许多 Apache Jakarta 项目发文时使用 Maven，而且公司
  • ibatis的queyrForList和queryForMap区别 bijian1013 javaibatis
    一.说明         iBatis的返回值参数类型也有种：resultMap与resultClass，这两种类型的选择可以用两句话说明之：         1.当结果集列名和类的属性名完全相对应的时候，则可直接用resultClass直接指定查询结果类
  • LeetCode[位运算] - #191 计算汉明权重 Cwind java位运算LeetCodeAlgorithm题解
    原题链接：#191 Number of 1 Bits 要求： 写一个函数，以一个无符号整数为参数，返回其汉明权重。例如，‘11’的二进制表示为'00000000000000000000000000001011', 故函数应当返回3。 汉明权重：指一个字符串中非零字符的个数；对于二进制串，即其中‘1’的个数。 难度：简单 分析： 将十进制参数转换为二进制，然后计算其中1的个数即可。 “
  • 浅谈java类与对象 15700786134 java
          java是一门面向对象的编程语言，类与对象是其最基本的概念。所谓对象，就是一个个具体的物体，一个人，一台电脑，都是对象。而类，就是对象的一种抽象，是多个对象具有的共性的一种集合，其中包含了属性与方法，就是属于该类的对象所具有的共性。当一个类创建了对象，这个对象就拥有了该类全部的属性，方法。相比于结构化的编程思路，面向对象更适用于人的思维
  • linux下双网卡同一个IP 被触发 linux
    转自： http://q2482696735.blog.163.com/blog/static/250606077201569029441/ 由于需要一台机器有两个网卡，开始时设置在同一个网段的IP，发现数据总是从一个网卡发出，而另一个网卡上没有数据流动。网上找了下，发现相同的问题不少： 一、 关于双网卡设置同一网段IP然后连接交换机的时候出现的奇怪现象。当时没有怎么思考、以为是生成树
  • 安卓按主页键隐藏程序之后无法再次打开 肆无忌惮_ 安卓
    遇到一个奇怪的问题，当SplashActivity跳转到MainActivity之后，按主页键，再去打开程序，程序没法再打开（闪一下），结束任务再开也是这样，只能卸载了再重装。而且每次在Log里都打印了这句话"进入主程序"。后来发现是必须跳转之后再finish掉SplashActivity   本来代码：   // 销毁这个Activity fin
  • 通过cookie保存并读取用户登录信息实例 知了ing JavaScripthtml
    通过cookie的getCookies()方法可获取所有cookie对象的集合；通过getName()方法可以获取指定的名称的cookie；通过getValue()方法获取到cookie对象的值。另外，将一个cookie对象发送到客户端，使用response对象的addCookie()方法。 下面通过cookie保存并读取用户登录信息的例子加深一下理解。 （1）创建index.jsp文件。在改
  • JAVA 对象池 矮蛋蛋 javaObjectPool
    原文地址： http://www.blogjava.net/baoyaer/articles/218460.html Jakarta对象池       ☆为什么使用对象池   恰当地使用对象池化技术，可以有效地减少对象生成和初始化时的消耗，提高系统的运行效率。Jakarta Commons Pool组件提供了一整套用于实现对象池化
  • ArrayList根据条件+for循环批量删除的方法 alleni123 java
    场景如下： ArrayList<Obj> list Obj-> createTime, sid. 现在要根据obj的createTime来进行定期清理。（释放内存） ------------------------- 首先想到的方法就是 for(Obj o:list){ if(o.createTime-currentT>xxx){
  • 阿里巴巴“耕地宝”大战各种宝 百合不是茶 平台战略
    “耕地保”平台是阿里巴巴和安徽农民共同推出的一个 “首个互联网定制私人农场”，“耕地宝”由阿里巴巴投入一亿 ，主要是用来进行农业方面，将农民手中的散地集中起来 不仅加大农民集体在土地上面的话语权，还增加了土地的流通与 利用率，提高了土地的产量，有利于大规模的产业化的高科技农业的 发展，阿里在农业上的探索将会引起新一轮的产业调整，但是集体化之后农民的个体的话语权 将更少，国家应出台相应的法律法规保护
  • Spring注入有继承关系的类（1） bijian1013 javaspring
    一个类一个类的注入 1.AClass类 package com.bijian.spring.test2; public class AClass { String a; String b; public String getA() { return a; } public void setA(Strin
  • 30岁转型期你能否成为成功人士 bijian1013 成功
            很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
  • [Velocity三]基于Servlet+Velocity的web应用 bit1129 velocity
    什么是VelocityViewServlet 使用org.apache.velocity.tools.view.VelocityViewServlet可以将Velocity集成到基于Servlet的web应用中，以Servlet+Velocity的方式实现web应用   Servlet + Velocity的一般步骤 1.自定义Servlet，实现VelocityViewServl
  • 【Kafka十二】关于Kafka是一个Commit Log Service bit1129 service
    Kafka is a distributed, partitioned, replicated commit log service.这里的commit log如何理解？   A message is considered "committed" when all in sync replicas for that partition have applied i
  • NGINX + LUA实现复杂的控制 ronin47 lua nginx 控制
    安装lua_nginx_module 模块 lua_nginx_module 可以一步步的安装，也可以直接用淘宝的OpenResty Centos和debian的安装就简单了。。 这里说下freebsd的安装： fetch http://www.lua.org/ftp/lua-5.1.4.tar.gz tar zxvf lua-5.1.4.tar.gz cd lua-5.1.4 ma
  • java-14.输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字 bylijinnan java
    public class TwoElementEqualSum { /** * 第 14 题： 题目：输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字。 要求时间复杂度是 O(n) 。如果有多对数字的和等于输入的数字，输出任意一对即可。 例如输入数组 1 、 2 、 4 、 7 、 11 、 15 和数字 15 。由于
  • Netty源码学习-HttpChunkAggregator-HttpRequestEncoder-HttpResponseDecoder bylijinnan javanetty
    今天看Netty如何实现一个Http Server org.jboss.netty.example.http.file.HttpStaticFileServerPipelineFactory： pipeline.addLast("decoder", new HttpRequestDecoder()); pipeline.addLast(&quo
  • java敏感词过虑-基于多叉树原理 cngolon 违禁词过虑替换违禁词敏感词过虑多叉树
    基于多叉树的敏感词、关键词过滤的工具包，用于java中的敏感词过滤 1、工具包自带敏感词词库，第一次调用时读入词库，故第一次调用时间可能较长，在类加载后普通pc机上html过滤5000字在80毫秒左右，纯文本35毫秒左右。   2、如需自定义词库，将jar包考入WEB-INF工程的lib目录，在WEB-INF/classes目录下建一个 utf-8的words.dict文本文件，
  • 多线程知识 cuishikuan 多线程
    T1，T2，T3三个线程工作顺序，按照T1，T2，T3依次进行 public class T1 implements Runnable{           @Override      
  • spring整合activemq dalan_123 java spring jms
    整合spring和activemq需要搞清楚如下的东东1、ConnectionFactory分：     a、spring管理连接到activemq服务器的管理ConnectionFactory也即是所谓产生到jms服务器的链接      b、真正产生到JMS服务器链接的ConnectionFactory还得
  • MySQL时间字段究竟使用INT还是DateTime？ dcj3sjt126com mysql
      环境：Windows XPPHP Version 5.2.9MySQL Server 5.1 第一步、创建一个表date_test（非定长、int时间） CREATE TABLE `test`.`date_test` (`id` INT NOT NULL AUTO_INCREMENT ,`start_time` INT NOT NULL ,`some_content`
  • Parcel: unable to marshal value dcj3sjt126com marshal
    在两个activity直接传递List<xxInfo>时，出现Parcel: unable to marshal value异常。   在MainActivity页面（MainActivity页面向NextActivity页面传递一个List<xxInfo>）：   Intent intent = new Intent(this, Next
  • linux进程的查看上（ps） eksliang linux pslinux ps -llinux ps aux
    ps:将某个时间点的进程运行情况选取下来 转载请出自出处：http://eksliang.iteye.com/admin/blogs/2119469 http://eksliang.iteye.com         ps 这个命令的man page 不是很好查阅，因为很多不同的Unix都使用这儿ps来查阅进程的状态，为了要符合不同版本的需求，所以这个
  • 为什么第三方应用能早于System的app启动 gqdy365 System
    Android应用的启动顺序网上有一大堆资料可以查阅了，这里就不细述了，这里不阐述ROM启动还有bootloader，软件启动的大致流程应该是启动kernel -> 运行servicemanager 把一些native的服务用命令启动起来（包括wifi, power, rild, surfaceflinger, mediaserver等等）-> 启动Dalivk中的第一个进程Zygot
  • App Framework发送JSONP请求(3) hw1287789687 jsonp跨域请求发送jsonpajax请求越狱请求
    App Framework 中如何发送JSONP请求呢? 使用jsonp,详情请参考:http://json-p.org/ 如何发送Ajax请求呢? (1)登录 /*** * 会员登录 * @param username * @param password */ var user_login=function(username,password){ // aler
  • 发福利，整理了一份关于“资源汇总”的汇总 justjavac 资源
    觉得有用的话，可以去github关注：https://github.com/justjavac/awesome-awesomeness-zh_CN 通用 free-programming-books-zh_CN 免费的计算机编程类中文书籍 精彩博客集合 hacke2/hacke2.github.io#2 ResumeSample 程序员简历
  • 用 Java 技术创建 RESTful Web 服务 macroli java编程WebREST
    转载：http://www.ibm.com/developerworks/cn/web/wa-jaxrs/   JAX-RS (JSR-311) 【 Java API for RESTful Web Services 】是一种 Java™ API，可使 Java Restful 服务的开发变得迅速而轻松。这个 API 提供了一种基于注释的模型来描述分布式资源。注释被用来提供资源的位
  • CentOS6.5-x86_64位下oracle11g的安装详细步骤及注意事项 超声波 oraclelinux
    前言： 这两天项目要上线了，由我负责往服务器部署整个项目，因此首先要往服务器安装oracle，服务器本身是CentOS6.5的64位系统，安装的数据库版本是11g，在整个的安装过程中碰到很多的坑，不过最后还是通过各种途径解决并成功装上了。转别写篇博客来记录完整的安装过程以及在整个过程中的注意事项。希望对以后那些刚刚接触的菜鸟们能起到一定的帮助作用。   安装过程中可能遇到的问题（注
  • HttpClient 4.3 设置keeplive 和 timeout 的方法 supben httpclient
    ConnectionKeepAliveStrategy kaStrategy = new DefaultConnectionKeepAliveStrategy() { @Override public long getKeepAliveDuration(HttpResponse response, HttpContext context) { long keepAlive
  • Spring 4.2新特性-@Import注解的升级 wiselyman spring 4
    3.1 @Import @Import注解在4.2之前只支持导入配置类 在4.2,@Import注解支持导入普通的java类,并将其声明成一个bean 3.2 示例 演示java类 package com.wisely.spring4_2.imp; public class DemoService { public void doSomethin
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他