Ajax制作Web进度条

1.index.jsp

  1 <%@ page language="java" pageEncoding="UTF-8"%>

  2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

  3 <html>

  4   <head>

  5     <script type="text/javascript" language="javaScript">

  6       var bgcolor = '#7FFF00'; //全局变量，用于设置进度条的背景色

  7       var number; //全局变量，用于记录当前span序号

  8       var clear = "&nbsp;&nbsp;&nbsp;"; //全局变量，记录清空时的内容

  9       var xmlHttp = false; //全局变量，用于记录XMLHttpRequest对象

 10       function createXMLHttpRequest() { //创建XMLHttpRequest对象的方法

 11         if(window.ActiveXObject) { //Inetrnet Explorer时，创建XMLHttpRequest对象的方法

 12           try {

 13             xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");

 14           } catch(e) {

 15             try {

 16               xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

 17                //旧版本的Inetrnet Explorer，创建XMLHttpRequest对象

 18             } catch(e) {

 19               window.alert("创建XMLHttpRequest对象错误"+e);

 20             } 

 21           }

 22         } else if(window.XMLHttpRequest) { //mozilla时，创建XMLHttpRequest对象的方法

 23           xmlHttp = new XMLHttpRequest();

 24         } 

 25         if(!(xmlHttp)) { //未成功创建XMLHttpRequest对象

 26             window.alert("创建XMLHttpRequest对象异常！");

 27         }  

 28       }

 29 

 30       //启动进度条的方法

 31       function startRun() {

 32         createXMLHttpRequest(); //创建XMLHttpRequest对象

 33         clearBar(); //执行请求前先清除进度条

 34         xmlHttp.onreadystatechange = callBack;

 35         //指定onreadystatechange属性值，用于指定状态正常时的处理函数

 36         xmlHttp.open("GET", "/ProgressTest/servlet/ProcessServlet?flag=start", true);

 37         xmlHttp.send(null);

 38       }

 39       

 40       //开始进行进度条显示的处理函数

 41       function callBack() {

 42           //window.alert("callBack()");

 43         if(xmlHttp.readyState == 4) {

 44            if(xmlHttp.status == 200) { //status状态正常时

 45              setTimeout("aginRun()",1000);

 46             //每隔1000毫秒（1秒）执行一次“aginRun()”函数

 47            }

 48         }

 49       }

 50 

 51       //清除用于显示进度条的span的内容

 52       function clearBar() {

 53         for (var i=0;i<10;i++) { //根据span元素的id，分别清楚其显示内容

 54           var sp = document.getElementById("sp" + i);

 55           sp.innerHTML = clear; //首先清空span元素的内容

 56           sp.style.backgroundColor = "white"; //设置span元素的背景色

 57         }

 58       }

 59       //设置用于显示进度条的span元素的显示内容

 60       function aginRun() {

 61         createXMLHttpRequest(); //创建XMLHttpRequest对象

 62         xmlHttp.onreadystatechange = aginCallBack;

 63         //指定状态正常时的处理函数为“aginCallBack”

 64         document.getElementById("run").disabled=true; //设置按钮不可用

 65         xmlHttp.open("GET", "/ProgressTest/servlet/ProcessServlet?flag=run", true);

 66         //window.alert(" " + number);

 67         xmlHttp.send(null);

 68       }

 69 

 70       //进度条执行时的函数

 71       function aginCallBack() {

 72         if(xmlHttp.readyState==4) {

 73           if(xmlHttp.status==200) {

 74             var percent = 

 75             xmlHttp.responseXML.getElementsByTagName("percent")[0].firstChild.data;

 76            //记录当前完成比例

 77             var index = parseResult(percent); //解析结果集

 78             var nextCell = 1;

 79             for (var i=0; i<index; i++) { //遍历span元素集合，设置其内容（颜色与文字）

 80               var sp = document.getElementById("sp"+i);

 81             //根据每个span元素的id获取span对象

 82               sp.innerHTML= clear; //清空span元素内容

 83               sp.style.backgroundColor = bgcolor; //设置span元素的内容

 84               nextCell = i+1;

 85               if(nextCell>=index && nextCell<10) { //显示当前处理进度的百分比

 86                 document.getElementById("sp"+nextCell).innerHTML=percent+"%";

 87               }

 88             }

 89             if(index<10) { //索引小于10，设置setTimeout方法

 90                setTimeout("aginRun()",1000);

 91             } else { //索引大于10，设置进度条成功完成的页面效果

 92                document.getElementById("result").innerHTML = "OK!";

 93                document.getElementById("run").disabled = false;

 94             }

 95           }

 96         }

 97       }

 98 

 99       //解析结果集

100       function parseResult(result) {

101         if(result.length<1) {

102           return 1;

103         } else if(result.length==2) {

104           return result.substring(0,1);

105         } else {

106           return 10;

107         }

108       }

109     </script>

110     <title>Ajax进度条</title>

111   </head>

112   <body>

113    <table align="center">

114             <tr>

115               <td>Ajax进度条示例&nbsp;&nbsp;&nbsp;<input type="button" value="开始" id="run" onclick="startRun();"/></td>

116             </tr>

117             <tr>

118               <td>

119               <div id="processBar" style="padding:1px;border:solid black 1px;">

120                <span id="sp0">&nbsp;&nbsp;&nbsp;</span>

121                <span id="sp1">&nbsp;&nbsp;&nbsp;</span>

122                <span id="sp2">&nbsp;&nbsp;&nbsp;</span>

123                <span id="sp3">&nbsp;&nbsp;&nbsp;</span>

124                <span id="sp4">&nbsp;&nbsp;&nbsp;</span>

125                <span id="sp5">&nbsp;&nbsp;&nbsp;</span>

126                <span id="sp6">&nbsp;&nbsp;&nbsp;</span>

127                <span id="sp7">&nbsp;&nbsp;&nbsp;</span>

128                <span id="sp8">&nbsp;&nbsp;&nbsp;</span>

129                <span id="sp9">&nbsp;&nbsp;&nbsp;</span>

130               </div>

131               </td>

132             </tr>

133             <tr><td align="center" id="result"></td> </tr>

134     </table>

135   </body>

136 </html>

2.ProcessServlet.java

 1 public class ProcessServlet extends HttpServlet {

 2     

 3     private static final String CONTENT_TYPE = "text/xml; charset=UTF-8";

 4 //设置返回响应的ContentType

 5     private int count = 1;// 全局变量计数器

 6     /**

 7      *当前Servlet对象构造方法

 8      */

 9     public ProcessServlet() {

10         super();

11     }

12     /**

13      *当前Servlet销毁时的操作。<br>

14      */

15     public void destroy() {

16         super.destroy();

17     }

18     /**

19      *当前Servlet的doGet方法。<br>

20      *

21      *当客户端表单的“method”类型为“get”时，调用此方法

22      * 

23      * @param request客户端请求对象

24      * @param response 服务器响应对象

25      * @throws ServletException 发生ServeltException时抛出

26      * @throws IOException发生IOException时抛出

27      */

28     public void doGet(HttpServletRequest request, HttpServletResponse response)

29             throws ServletException, IOException {

30         System.out.println("*********************doGet()**********");

31         response.setContentType(CONTENT_TYPE); //设置服务器响应类型

32         response.setHeader("Cache-Control","no-cache"); //页面不记录缓存

33         String flag = request.getParameter("flag"); //操作类型

34         StringBuffer xml= 

35 //            new StringBuffer("<?xml version=\"1.0\" encoding=\"UTF-8\"?><items>");

36             new StringBuffer("<items>");

37         //记录返回的xml串

38         if("start".equals(flag)) { //第一次创建

39 //            xml.append("<count>1</count>");

40             count = 1;

41         } else {

42             String proportion = "";

43             switch(count) { //根据计数器的值，设置显示当前进度的百分比

44               case 1:proportion="10"; break;

45               case 2:proportion="20"; break;

46               case 3:proportion="30"; break;

47               case 4:proportion="40"; break;

48               case 5:proportion="50"; break;

49               case 6:proportion="60"; break;

50               case 7:proportion="70"; break;

51               case 8:proportion="80"; break;

52               case 9:proportion="90"; break;

53               case 10:proportion="100"; break;

54             }

55             count++;

56             xml.append("<percent>").append(proportion).append("</percent>");

57         }

58         xml.append("</items>");

59         PrintWriter out = response.getWriter();

60         out.println(xml.toString()); //返回生成的XML串

61         out.flush(); //输出流刷新

62         out.close(); //关闭输出流

63         System.out.println("*********** " + xml.toString());

64     }

65 

66     /**

67      * 初始化servlet. <br>

68      * @throws ServletException 发生ServletExcpetio异常时抛出

69      */

70     public void init() throws ServletException {

71     }

72 }

3.web.xml

 1 <?xml version="1.0" encoding="UTF-8"?>

 2 <web-app version="2.5" 

 3     xmlns="http://java.sun.com/xml/ns/javaee" 

 4     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 

 5     xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 

 6     http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">

 7     <servlet>

 8     <servlet-name>ProcessServlet</servlet-name>

 9     <servlet-class>wen.ProcessServlet</servlet-class>

10   </servlet>

11   <servlet-mapping>

12     <servlet-name>ProcessServlet</servlet-name>

13     <url-pattern>/servlet/ProcessServlet</url-pattern>

14   </servlet-mapping>

15     

16   <welcome-file-list>

17     <welcome-file>index.jsp</welcome-file>

18   </welcome-file-list>

19 </web-app>

 

 

你可能感兴趣的:(Ajax)

  • $.ajax()方法详解 小二爱编程· ajaxjavascriptjquery
    jquery中的ajax方法参数总是记不住，这里记录一下。目录1.url2.type3.timeout4.async5.cache6.data7.dataType8.beforeSend9.complete10.success11.error12.contentType13.dataFilter14.dataFilter15.global16.ifModified17.jsonp18.userna
  • 01.AJAX 概念和 axios 使用 Lv547 #AJAXajax前端javascript
    01.AJAX概念和axios使用1.什么是AJAX?使用浏览器的XMLHttpRequest对象与服务器通信浏览器网页中，使用AJAX技术（XHR对象）发起获取省份列表数据的请求，服务器代码响应准备好的省份列表数据给前端，前端拿到数据数组以后，展示到网页2.什么是服务器？可以暂时理解为提供数据的一台电脑3.为何学AJAX?以前我们的数据都是写在代码里固定的,无法随时变化现在我们的数据可以从服务器
  • 深入理解Ajax原理 lfsf802 前端技术ajaxxmlhttprequestjavascript服务器asynchronous
    1.概念ajax的全称是AsynchronousJavaScriptandXML，其中，Asynchronous是异步的意思，它有别于传统web开发中采用的同步的方式。2.理解同步异步异步传输是面向字符的传输，它的单位是字符；而同步传输是面向比特的传输，它的单位是桢，它传输的时候要求接受方和发送方的时钟是保持一致的。举个例子来说同步和异步，同步就好像我们买楼一次性支付，而异步就是买楼分期付款。所以
  • JQ实现异步请求的几种方法 CsharpDev-奶豆哥 开发语言javascript
    在jQuery中，实现异步请求（AJAX）有多种方法。以下是几种常见的实现方式及其示例代码。1.$.ajax()方法$.ajax()是jQuery中最通用的AJAX方法，支持高度定制化。示例$.ajax({url:'你的请求地址',//请求URLmethod:'GET',//请求方法dataType:'json',//预期返回的数据类型success:function(response){cons
  • Promise 原理与实战：从基础到高级的完整教程 D.eL 前端工程化从无-通前端javascript
    一、前言：为什么会出现Promise?Promise的重要性我认为没有必要多说，概括起来就是五个字：必！须！得！掌！握！。而且还要掌握透彻，在实际的使用中，有非常多的应用场景我们不能立即知道应该如何继续往下执行。最常见的一个场景就是ajax请求，通俗来说，由于网速的不同，可能你得到返回值的时间也是不同的，这个时候我们就需要等待，结果出来了之后才知道怎么样继续下去。letxhr=newXMLHttp
  • deepseek 对于 Web 前端过去，现在，未来的看法！称未来可能不叫前端工程师... CoderBin_ 与deepseek的对话前端
    一、你对于过去的web前端有什么看法？对早期的Web前端开发（大致在2000年代至2010年代初），可以总结出以下几个关键看法：1.技术原始，但充满探索精神基础技术简单：主要依赖HTML、CSS和原生JavaScript，缺乏现代框架和工具链的支持。兼容性噩梦：不同浏览器（尤其是IE6/7）的渲染差异极大，开发者需要大量Hack代码（如条件注释、CSS滤镜）来适配。创新萌芽：AJAX（2005年）
  • Axios和ajax的异同点详解以及在express后端使用redirect重定向对ajax无效的原因！ char56789 javascriptnode.jsreactjs
    问题描述：在express中使用redirect进行重定向时，页面显示是301状态码，页面不跳转！（说明在express中不能使用redirect进行重定向）究其原因：使用ajax后，后端无法直接让前端进行页面跳转。需要前端进行状态码和后端返回的数据的判断，然后前端自己进行跳转页面。因为ajax（axios只是对ajax进行了封装，ajax在此处的特性对axios也适用）是一个完整的请求和回掉的过
  • 前端面试：ajax 和 xhr 是什么关系？ returnShitBoy 前端面试ajax
    在前端开发中，AJAX（AsynchronousJavaScriptandXML）和XHR（XMLHttpRequest）是两个密切相关但有些不同的概念。以下是对这两者的详细解释及其关系：1.AJAX定义：AJAX是一个用于创建异步web应用程序的技术。它允许网页在不完全重新加载整页的情况下，与服务器交换数据并更新部分网页内容。主要特征：异步操作：AJAX使得页面可以在后台与服务器进行数据交换，用
  • Ajax原理笔记 小鱼ccd 前端
    1.后端如何把数据传给前端？后端通常通过HTTP接口（API）把数据传给前端，一般流程如下：（1）后端提供API接口后端使用SpringBoot开发API，通常返回JSON数据。例如，在Controller层定义一个接口，返回商品列表：@RestController@RequestMapping("/api/products")publicclassProductController{@GetMa
  • 深入探索Ajax技术与应用实践 Javen Fang
    本文还有配套的精品资源，点击获取简介：Ajax技术允许在不刷新整个页面的情况下进行网页内容的局部更新，大大提升了用户体验。文章详细解析了Ajax的核心组件和工作流程，并强调了其在Web开发中的重要性。此外，还探讨了Ajax的优点、应用场景以及在实际开发中需要注意的问题。通过学习Ajax，开发者可以设计出更加动态和高效的网页应用。1.Ajax技术概述和定义Ajax技术概述Ajax技术的核心在于其异步
  • AJAX PHP：深入理解与实际应用 wjs2024 开发语言
    AJAXPHP：深入理解与实际应用引言随着互联网技术的不断发展，前端与后端交互变得更加频繁。AJAX（AsynchronousJavaScriptandXML）和PHP（HypertextPreprocessor）作为两种流行的技术，在实现动态网页和应用程序方面扮演着重要角色。本文将深入探讨AJAXPHP的工作原理、应用场景以及实际开发中的注意事项。AJAXPHP概述AJAXAJAX是一种基于Ja
  • selenium 等待ajax,如何等待Selenium IDE中的所有ajax请求完成？ 华西怀 selenium等待ajax
    我有一阵子没用过IDE。这是我用于WebDriver的。但算法翻译;JavaScript是JavaScript。这就是说，这取决于你的框架。对于角度，我用这个：publicbooleanwaitForAngularToLoad(WebDriverdriver,intwaitTimeInSeconds){WebDriverWaitwait=newWebDriverWait(driver,waitTi
  • JavaEE系统架构师学习路线(基础篇) 淘小五
    大纲：第1阶段(Java程序员)-Java语言基础第2阶段(Java初级软件工程师)-JSP、Servlet、HTML、CSS、JS、Bootstrap、XML、AJAX、MySQL、SQLServer、Oracle第3阶段(Java中级软件工程师)-Struts2、Spring、Hibernate、SpringMVC、Mybatis、Shiro、JVM第4阶段(Java高级软件工程师)-WebS
  • XMLHttpRequest、Fetch、Axios和AJAX的关系 冰镇屎壳郎 前端#JavaScriptajax前端javascript
    一、基于http协议用于前后端通信的工具1、XMLHttpRequest（原生JS对象）XMLHttpRequest（XHR）是原生JavaScript对象。通过XMLHttpRequest可以在不刷新页面的情况下请求特定URL，获取数据。特性：浏览器广泛支持功能丰富：可以跟踪请求的状态、支持进度事件、文件上传、同步请求等可同步可异步不支持PromiseAPI2、Fetch（浏览器原生API）（1
  • 前台实时获取数据 爱吃虾的五花肉 前端ajaxwebsocketjavascript前端
    实现网站实时通信·四种方式，第二三四种方式需要服务器端做操作的写计时器进行Ajax轮询//每秒调用一次http请求setInterval(function(){varxhr=newXMLHttpRequest();xhr.open('POST','url',true);xhr.setRequestHeader('Content-Type','application/json');xhr.send(
  • 前端请求全面解析：AJAX、Axios 与 Fetch 的使用详解与代码示例 软件工匠师 前端ajaxjavascript
    前端请求全面解析：AJAX、Axios与Fetch的使用详解与代码示例前端请求全面解析：AJAX、Axios与Fetch的使用详解与代码示例1.AJAX——传统的异步请求1.1基本用法示例1.2AJAX特点2.FetchAPI——现代化请求方案2.1基本用法示例2.2Fetch特点3.Axios——第三方HTTP请求库3.1安装Axios3.2基本用法示例3.3Axios特点4.总结前端请求全面解
  • 前端请求全面解析：AJAX、Axios 与 Fetch 的使用详解与代码示例 二进制忍者 前端ajaxjavascript
    前端请求全面解析：AJAX、Axios与Fetch的使用详解与代码示例前端请求全面解析：AJAX、Axios与Fetch的使用详解与代码示例1.AJAX——传统的异步请求1.1基本用法示例1.2AJAX特点2.FetchAPI——现代化请求方案2.1基本用法示例2.2Fetch特点3.Axios——第三方HTTP请求库3.1安装Axios3.2基本用法示例3.3Axios特点4.总结前端请求全面解
  • 使用 AJAX 前后端传递数据 学c真好玩 ajaxspring
    使用异步操作(ajax)前后端传递数据1、传递对象1.1、jsp文件--%>//创建userinfo对象，具备两个属性username,passwordfunctionuserinfo(username,password){this.username=username;this.password=password;}functionsendAjax1(){//创建对象实例，初始化数据varuser
  • 封装AJAX(带详细注释) Rverdoser okhttp
    封装AJAX请求是前端开发中常见的需求，可以帮助我们简化代码，提高可重用性。下面我将通过JavaScript（使用XMLHttpRequest对象）和现代JavaScript（使用FetchAPI）两种方式来展示如何封装AJAX请求。1.使用XMLHttpRequest封装AJAXfunctionajax(method,url,data,callback){//创建XMLHttpRequest对象
  • 基于springboot的旅游出行指南 超级无敌暴龙战士塔塔开 Java课设与毕设资源springboot旅游后端
    文章目录项目介绍主要功能截图：部分代码展示设计总结项目获取方式作者主页：超级无敌暴龙战士塔塔开简介：Java领域优质创作者、简历模板、学习资料、面试题库【关注我，都给你】文末获取源码联系项目介绍基于springboot的旅游出行指南,java项目。eclipse和idea都能打开运行。推荐环境配置：eclipse/ideajdk1.8mavenmysql前端技术：vue，Ajax，Json后端技术
  • Struts 2.0核心架构详解与实战应用 赵阿萌
    本文还有配套的精品资源，点击获取简介：Struts2.0是一个广泛使用的JavaWeb框架，基于MVC设计模式，简化了Web应用开发流程。它包含多个关键组件，如Action类、配置文件、拦截器、OGNL表达式语言等，支持国际化、异常处理和Ajax集成。开发者可以通过继承ActionSupport类实现业务逻辑，并利用配置文件定义Action映射和拦截器链。Struts2.0还支持注解配置，提高了开
  • Java过滤器 淋风沐雨 javajava开发语言
    BWH_Steven的碎碎念javaweb体系只剩ajax和json加maven的讲解了，这段时间我会开始推送算法与数据结构结构的文章，从他们的入门知识到一些很实用的算法了解，亦或我们在java学习中留下的坑，我整理了两张A4纸，日后也打算推送一些大家需要的工具或者资源，暂时学校的事情还是比较多，每晚我都写到很晚，不过我尽最大可能给大家更新，如果你有什么想了解的也可以私信，或者发送邮件和我交流，至
  • Django解析跨域问题 信阳农夫 djangopython后端
    跨域问题解决CORS（跨域资源共享，Cross-OriginResourceSharing）是一种跨域访问的机制，可让Ajax实现跨域访问。其实，在服务器的responseheader中，加入“Access-Control-Allow-Origin:*”便可支持CORS，很是的简单，apache/nginx等怎么配置，见参考文档。在Django中，有人开发了CORS-header的middlewa
  • AJAX请求（axios篇） 码农白衣 html前端知识JSajax前端javascript
    目录一、axios介绍1.概念2.功能3.好处二、axios用法1.安装方法2.GET方法3.POST方法4.执行多个并发请求5.axiosAPI6.请求方法的别名7.async/await异步请求三、axios实例四、总结一、axios介绍1.概念AJAX是“AsynchronousJavaScriptandXML”的缩写，它是一种用于创建交互式网页应用程序的技术。AJAX允许在不重新加载整个网
  • js 封装ajax方法吗,原生JS封装ajax方法 里小咸 js封装ajax方法吗
    jquery框架的ajax方法固然好用，但是假如某天我们的项目不能引入jquery或项目需求很简单，没有很多交互功能，只需要ajax，这时引入jquery库会造成资源浪费，也会显得页面臃肿。这时我们就需要用原生JS写一个ajax函数了。/*封装ajax函数*@param{string}opt.typehttp连接的方式，包括POST和GET两种方式*@param{string}opt.url发送请
  • ASP.NET站点配置以及VS2008下C#、JavaScript联合调试(Ajax) ----以最短路径Dijstra最短路问题为例 刘一哥GIS 《VS/C/C++/C#》ASP.NETIIS最短路径ajax
    实验任务描述：用VS2008构造ASP.NET站点开发环境；用ASP.NET完成JavaScript开发调试；用Ext3.0.0完成一个简单的树显示站;WebService程序设计，Dijstra最短路Web服务；JavaScript通过Ajax技术调用WebService;一、Windows下WEB共享设置打开你的WINDOWS，鼠标点开“我的电脑”，寻找下你机器的WINDOWS版本信息，如果你
  • Ajax 封装Ajax函数（含注释） 夏沐_lk jqueryAjax封装函数
    封装好的Ajax函数/***发送一个AJAX请求*@param{String}method请求方法*@param{String}url请求地址*@param{Object}params请求参数*@param{Function}done请求完成过后需要做的事情（委托/回调）*/functionajax(method,url,params,done){//统一转换为大写便于后续判断method=met
  • 前端（AJAX）学习笔记（CLASS 4）：进阶 肥肠可耐的西西公主 前端学习笔记
    1、同步代码和异步代码同步代码：浏览器按照书写代码的顺序一行一行去执行代码，逐行执行，需要原地等待结果后，才继续向下执行异步代码：调用后耗时，不阻塞代码继续执行，在将来完成后触发一个回调函数2、回调函数地狱和Promise链式调用概念：在回调函数中嵌套回调函数，从而形成回调函数地狱缺点：可读性差，异常无法捕获，耦合性严重，牵一发动全身promise-链式调用概念：依靠then()方法会返回一个新生
  • sap关账+策略模式（避免大量if elseif） 宜昌李国勇 代码优化java开发语言
    旧代码@Transactional(rollbackFor=Exception.class)publicAjaxResultpurchaseOrderReceiptOutSourceAfterSapCloseAccountingPeriod(Longid){SysPurorderPostingLogsysPurorderPostingLog=sysPurorderPostingLogMapper.
  • JavaEE 项目常见错误解决方案 一弦一柱 JavaEE常见错误中文乱码JSP404
    JavaEE项目常见错误解决方案数据库连接JavaBean获取不到数据库字段值或出现意料之外的值业务中出现null或""404NOTFOUNDGET请求中文乱码form表单提交中文乱码最近的实训中，练了一个比较基础的项目，JSP+Servlet+JavaBean，完成两张表的CRUD操作，前端使用Bootstrap和JQuery，交互使用AJAX，IDE选用Eclipse,在时间比较仓促的情况下完
  • mysql主从数据同步 林鹤霄 mysql主从数据同步
    配置mysql5.5主从服务器(转) 教程开始：一、安装MySQL 说明：在两台MySQL服务器192.168.21.169和192.168.21.168上分别进行如下操作，安装MySQL 5.5.22  二、配置MySQL主服务器（192.168.21.169）mysql  -uroot  -p   &nb
  • oracle学习笔记 caoyong oracle
    1、ORACLE的安装    a>、ORACLE的版本    8i,9i :   i是internet    10g,11g : grid (网格)    12c : cloud (云计算)       b>、10g不支持win7 &
  • 数据库，SQL零基础入门 天子之骄 sql数据库入门基本术语
    数据库，SQL零基础入门        做网站肯定离不开数据库，本人之前没怎么具体接触SQL，这几天起早贪黑得各种入门，恶补脑洞。一些具体的知识点，可以让小白不再迷茫的术语，拿来与大家分享。          数据库，永久数据的一个或多个大型结构化集合，通常与更新和查询数据的软件相关
  • pom.xml 一炮送你回车库 pom.xml
    1、一级元素dependencies是可以被子项目继承的 2、一级元素dependencyManagement是定义该项目群里jar包版本号的，通常和一级元素properties一起使用，既然有继承，也肯定有一级元素modules来定义子元素 3、父项目里的一级元素<modules> <module>lcas-admin-war</module> <
  • sql查地区省市县 3213213333332132 sqlmysql
    -- db_yhm_city SELECT * FROM db_yhm_city WHERE class_parent_id = 1 -- 海南 class_id = 9 港、奥、台 class_id = 33、34、35 SELECT * FROM db_yhm_city WHERE class_parent_id =169 SELECT d1.cla
  • 关于监听器那些让人头疼的事 宝剑锋梅花香 画图板监听器鼠标监听器
           本人初学JAVA，对于界面开发我只能说有点蛋疼，用JAVA来做界面的话确实需要一定的耐心（不使用插件，就算使用插件的话也没好多少）既然Java提供了界面开发，老师又要求做，只能硬着头皮上啦。但是监听器还真是个难懂的地方，我是上了几次课才略微搞懂了些。       
  • JAVA的遍历MAP darkranger map
    Java Map遍历方式的选择 1. 阐述 　　对于Java中Map的遍历方式，很多文章都推荐使用entrySet，认为其比keySet的效率高很多。理由是：entrySet方法一次拿到所有key和value的集合；而keySet拿到的只是key的集合，针对每个key，都要去Map中额外查找一次value，从而降低了总体效率。那么实际情况如何呢？ 　　为了解遍历性能的真实差距，包括在遍历ke
  • POJ 2312 Battle City 优先多列+bfs aijuans 搜索
    来源：http://poj.org/problem?id=2312 题意：题目背景就是小时候玩的坦克大战，求从起点到终点最少需要多少步。已知S和R是不能走得，E是空的，可以走，B是砖，只有打掉后才可以通过。 思路：很容易看出来这是一道广搜的题目，但是因为走E和走B所需要的时间不一样，因此不能用普通的队列存点。因为对于走B来说，要先打掉砖才能通过，所以我们可以理解为走B需要两步，而走E是指需要1
  • Hibernate与Jpa的关系，终于弄懂 avords javaHibernate数据库jpa
    我知道Jpa是一种规范，而Hibernate是它的一种实现。除了Hibernate，还有EclipseLink(曾经的toplink)，OpenJPA等可供选择，所以使用Jpa的一个好处是，可以更换实现而不必改动太多代码。 在play中定义Model时，使用的是jpa的annotations，比如javax.persistence.Entity, Table, Column, OneToMany
  • 酸爽的console.log bee1314 console
    在前端的开发中，console.log那是开发必备啊，简直直观。通过写小函数，组合大功能。更容易测试。但是在打版本时，就要删除console.log，打完版本进入开发状态又要添加，真不够爽。重复劳动太多。所以可以做些简单地封装，方便开发和上线。 /** * log.js hufeng * The safe wrapper for `console.xxx` functions *
  • 哈佛教授：穷人和过于忙碌的人有一个共同思维特质 bijian1013 时间管理励志人生穷人过于忙碌
            一个跨学科团队今年完成了一项对资源稀缺状况下人的思维方式的研究，结论是：穷人和过于忙碌的人有一个共同思维特质，即注意力被稀缺资源过分占据，引起认知和判断力的全面下降。这项研究是心理学、行为经济学和政策研究学者协作的典范。 　　这个研究源于穆来纳森对自己拖延症的憎恨。他7岁从印度移民美国，很快就如鱼得水，哈佛毕业
  • other operate 征客丶 OSosx
    一、Mac Finder 设置排序方式，预览栏 在显示－》查看显示选项中 二、有时预览显示时，卡死在那，有可能是一些临时文件夹被删除了，如：/private/tmp[有待验证] -------------------------------------------------------------------- 若有其他凝问或文中有错误，请及时向我指出， 我好及时改正，同时也让我们一
  • 【Scala五】分析Spark源代码总结的Scala语法三 bit1129 scala
    1. If语句作为表达式 val properties = if (jobIdToActiveJob.contains(jobId)) { jobIdToActiveJob(stage.jobId).properties } else { // this stage will be assigned to "default" po
  • ZooKeeper 入门 BlueSkator 中间件zk
    ZooKeeper是一个高可用的分布式数据管理与系统协调框架。基于对Paxos算法的实现，使该框架保证了分布式环境中数据的强一致性，也正是基于这样的特性，使得ZooKeeper解决很多分布式问题。网上对ZK的应用场景也有不少介绍，本文将结合作者身边的项目例子，系统地对ZK的应用场景进行一个分门归类的介绍。 值得注意的是，ZK并非天生就是为这些应用场景设计的，都是后来众多开发者根据其框架的特性，利
  • MySQL取得当前时间的函数是什么 格式化日期的函数是什么 BreakingBad mysqlDate
    取得当前时间用 now() 就行。 在数据库中格式化时间 用DATE_FORMA T(date, format) . 根据格式串format 格式化日期或日期和时间值date，返回结果串。 可用DATE_FORMAT( ) 来格式化DATE 或DATETIME 值，以便得到所希望的格式。根据format字符串格式化date值: %S, %s 两位数字形式的秒（ 00,01,
  • 读《研磨设计模式》-代码笔记-组合模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; abstract class Component { public abstract void printStruct(Str
  • 4_JAVA+Oracle面试题(有答案) chenke oracle
    基础测试题 卷面上不能出现任何的涂写文字，所有的答案要求写在答题纸上，考卷不得带走。 选择题 1、 What will happen when you attempt to compile and run the following code? （3） public class Static { static { int x = 5; // 在static内有效 } st
  • 新一代工作流系统设计目标 comsci 工作算法脚本
      用户只需要给工作流系统制定若干个需求，流程系统根据需求，并结合事先输入的组织机构和权限结构，调用若干算法，在流程展示版面上面显示出系统自动生成的流程图，然后由用户根据实际情况对该流程图进行微调，直到满意为止，流程在运行过程中，系统和用户可以根据情况对流程进行实时的调整，包括拓扑结构的调整，权限的调整，内置脚本的调整。。。。。 在这个设计中，最难的地方是系统根据什么来生成流
  • oracle 行链接与行迁移 daizj oracle行迁移
    表里的一行对于一个数据块太大的情况有二种(一行在一个数据块里放不下) 第一种情况: INSERT的时候，INSERT时候行的大小就超一个块的大小。Oracle把这行的数据存储在一连串的数据块里(Oracle Stores the data for the row in a chain of data blocks)，这种情况称为行链接(Row Chain)，一般不可避免(除非使用更大的数据
  • [JShop]开源电子商务系统jshop的系统缓存实现 dinguangx jshop电子商务
    前言 jeeshop中通过SystemManager管理了大量的缓存数据，来提升系统的性能，但这些缓存数据全部都是存放于内存中的，无法满足特定场景的数据更新（如集群环境）。JShop对jeeshop的缓存机制进行了扩展，提供CacheProvider来辅助SystemManager管理这些缓存数据，通过CacheProvider,可以把缓存存放在内存,ehcache,redis，memcache
  • 初三全学年难记忆单词 dcj3sjt126com englishword
    several 儿子；若干 shelf 架子 knowledge 知识；学问 librarian 图书管理员 abroad 到国外，在国外 surf 冲浪 wave 浪；波浪 twice 两次；两倍 describe 描写；叙述 especially 特别；尤其 attract 吸引 prize 奖品；奖赏 competition 比赛；竞争 event 大事；事件 O
  • sphinx实践 dcj3sjt126com sphinx
      安装参考地址:http://briansnelson.com/How_to_install_Sphinx_on_Centos_Server   yum install sphinx 如果失败的话使用下面的方式安装 wget http://sphinxsearch.com/files/sphinx-2.2.9-1.rhel6.x86_64.rpm yum loca
  • JPA之JPQL（三） frank1234 ormjpaJPQL
    1 什么是JPQL JPQL是Java Persistence Query Language的简称，可以看成是JPA中的HQL， JPQL支持各种复杂查询。 2 检索单个对象 @Test public  void querySingleObject1() {     Query query = em.createQuery("sele
  • Remove Duplicates from Sorted Array II hcx2013 remove
    Follow up for "Remove Duplicates":What if duplicates are allowed at most twice? For example,Given sorted array nums = [1,1,1,2,2,3], Your function should return length
  • Spring4新特性——Groovy Bean定义DSL jinnianshilongnian spring 4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • CentOS安装Mysql5.5 liuxingguome centos
    CentOS下以RPM方式安装MySQL5.5 首先卸载系统自带Mysql： yum remove mysql mysql-server mysql-libs compat-mysql51 rm -rf /var/lib/mysql rm /etc/my.cnf 查看是否还有mysql软件： rpm -qa|grep mysql 去http://dev.mysql.c
  • 第14章 工具函数（下） onestopweb 函数
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • POJ 1050 SaraWon 二维数组子矩阵最大和
    POJ ACM第1050题的详细描述，请参照 http://acm.pku.edu.cn/JudgeOnline/problem?id=1050 题目意思： 给定包含有正负整型的二维数组，找出所有子矩阵的和的最大值。 如二维数组 0 -2 -7 0 9 2 -6 2 -4 1 -4 1 -1 8 0 -2 中和最大的子矩阵是 9 2 -4 1 -1 8 且最大和是15
  • [5]设计模式——单例模式 tsface java单例设计模式虚拟机
    单例模式：保证一个类仅有一个实例，并提供一个访问它的全局访问点   安全的单例模式：     /* * @(#)Singleton.java 2014-8-1 * * Copyright 2014 XXXX, Inc. All rights reserved. */ package com.fiberhome.singleton;
  • Java8全新打造，英语学习supertool yangshangchuan javasuperword闭包java8函数式编程
    superword是一个Java实现的英文单词分析软件，主要研究英语单词音近形似转化规律、前缀后缀规律、词之间的相似性规律等等。Clean code、Fluent style、Java8 feature: Lambdas, Streams and Functional-style Programming。   升学考试、工作求职、充电提高，都少不了英语的身影，英语对我们来说实在太重要
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他