BlogJava-网络中漫步-文章分类-javahttp://www.blogjava.net/Yadira/category/44416.htmlzh-cnMon, 07 Jun 2010 21:44:48 GMTMon, 07 Jun 2010 21:44:48 GMT60让ajax更加友好，实时显示后台处理进度。http://www.blogjava.net/Yadira/articles/322986.html网络中漫步网络中漫步Mon, 07 Jun 2010 09:51:00 GMThttp://www.blogjava.net/Yadira/articles/322986.htmlhttp://www.blogjava.net/Yadira/comments/322986.htmlhttp://www.blogjava.net/Yadira/articles/322986.html#Feedback0http://www.blogjava.net/Yadira/comments/commentRss/322986.htmlhttp://www.blogjava.net/Yadira/services/trackbacks/322986.html 

 

存在的问题：    

   要解决实现上面的功能，需要解决下面几个问题：

   1. 服务器如何在处理一部分数据后传递部分response到浏览器。

   2、浏览器如何能处理服务器传递过来部分数据，并保持http连接直到处理完全完毕。

 

   要解决第1个问题，使用flush让response分块进行呈现就可以了，具体请参考我另一遍随笔"flush让页面分块,逐步呈现";

   第2个问题，则需要用到XMLHttpRequest的readyState状态，w3c对 readyState 定义如下几个值：

  UNSENT = 0; // 没有发送请求

  OPENED = 1;    // 已经打开http连接

  HEADERS_RECEIVED = 2; // 接收到response header

  LOADING = 3;          // 真正接收response body   

  DONE = 4;             // 请求接收完毕

   相信状态4大家是天天在用，而我们这里需要用到就是状态3。

 

 

实例：  

     废话少说，代码实例比什么文字解释都管用。我们这里假设服务器的1个处理需要6秒种，每秒种处理1条记录，总共处理6条记录，我们需要服务器每处理完1条数据，客户端则显示处理进度(包括文字和进度条)。

 

   服务器端代码(下面JSP代码)：

    <%
    // 下面设置Content-Type:application/x-javascript 是为了适应Webkit的浏览器(chrome,safari)
      response.setHeader("Content-Type","application/x-javascript");
      int count = 6;    //    处理6条数据
      for(int i=0;i<count;i++){
          // 处理完毕一条，输出结果到客户端
          out.println(i+1);
          out.flush();
          // 这里假设每条数据处理时间为1秒
          Thread.currentThread().sleep(1000);
      }
   %>

 

    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/1999/xhtml">
<head>
    <style>
        #divProgress{width:300px;height:24px;position:relative;}
        #divProgress div{position:absolute;left:0;top:0;height:24px;}
        #progressBg{background-color:#B9F8F9;z-index:10;}
        #progressText{z-index:15;text-align:center;width:100%;}
    </style>    
</head>
<body>
     <div id="divProgress">
          <div id="progressBg"></div>
         <div id="progressText"></div>
     </div>
     <br />
     <button onclick="send()">提交数据</button>
     <script>
         var t = document.getElementById("progressText");
         var bg = document.getElementById("progressBg");
        function send(){
            t.innerHTML = "loading";
            bg.style.width = "0px";
            
            var xhr = new window.XMLHttpRequest();
            if(!window.XMLHttpRequest){
                    try {
                        xhr = new window.ActiveXObject("Microsoft.XMLHTTP");
                    } catch(e) {}
            }
            xhr.open("post","http://localhost:801/ChunkTest/chunk.jsp?count=6");
            var oldSize=0;
            xhr.onreadystatechange = function(){
                if(xhr.readyState > 2){                 
                  var tmpText = xhr.responseText.substring(oldSize); 
                  oldSize = xhr.responseText.length;
                  if(tmpText.length > 0 ){
                      // 设置文本
                      t.innerHTML = tmpText + "/6";
                      // 设置进度条
                      var width = parseInt(tmpText)/6*300;
                      bg.style.width = width+"px";
                    }
                }
                if(xhr.readyState == 4){ 
                    // 请求执行完毕
                    t.innerHTML = "执行完毕";
                    bg.style.width = "300px";
                }
            }
            xhr.send(null);
      }
    </script>
</body>
</html>

 

    运行效果图: 

    

 

缺点：

     看到这里或许你已经蠢蠢欲动，想自己动手试试了。但是注意上面的方法虽好，但也有个缺点，就是浏览器的支持问题。目前IE所有版本的浏览器都不支持 xhr.readyState == 3状态，IE浏览器不支持在response响应完毕前读取responseText属性。  具体可查看MSDN :  XMLHttpRequest Object 

     基于Webkit的浏览器支持的不是很好，需要设置Content-Type：application/x-javascript才行(经测试发现Content-Type:text/html在有些情况下正常，有些情况下又不正常，而用application/x-javascript都正常)。

     看到了缺点后是否又打击了你的积极性了，其实针对IE，我们不需要做太多处理，IE不支持，就不会显示进度，就变成跟传统的ajax请求一样，一直显示1个loading直到请求完毕。我们只需要加1个简单的判断，判断如果是ie则不执行xhr.readyState > 2中的代码，如果不加判断，IE下会报JS错误.

 

DEMO:

   demo服务器不太好，而且在国外，随时可能会点击不了,而且有时候运行效果不是很好，大家知晓下，最好是把代码copy到本地进行测试。

   请使用firefox或chrome查看demo,ie查看的效果跟一般的ajax没什么不一样。

   http://213.186.44.204:8080/ChunkTest/index.html 



网络中漫步 2010-06-07 17:51 发表评论
]]>【Java】Anthttp://www.blogjava.net/Yadira/articles/319102.html网络中漫步网络中漫步Thu, 22 Apr 2010 06:18:00 GMThttp://www.blogjava.net/Yadira/articles/319102.htmlhttp://www.blogjava.net/Yadira/comments/319102.htmlhttp://www.blogjava.net/Yadira/articles/319102.html#Feedback0http://www.blogjava.net/Yadira/comments/commentRss/319102.htmlhttp://www.blogjava.net/Yadira/services/trackbacks/319102.html 首先到 http://ant.apache.org/bindownload.cgi这里去下载ant的压缩包,上面有linux和windows专用的,我这里下的是windows系统下用的.把下在的压缩包解压放在任意目录下然后配置环境变量:1.配置ANT_HOME: (D:\apache-ant-1.7.1)这是我的目录
                       2.pathD:\apache-ant-1.7.1\bin)
然后进入dos界面输入ant命令显示如下信息 则证明安装成功
Buildfile: build.xml does not exist!
Build failed
我们用ant脚本语言把一个项目整合或移动到某个目录下.而这些命令都下在一个build.xml的文件中,一般把这个build.xml文件放在项目的src目录下(项目不是太大),或者某个模块的src目录下(项目由多个模块构成,比较大)我在这里只是做了个小小的例子所以把 build.xml放在项目的src目录下.使用eclipse+myeclipse 新建一个web项目就不说了,接着在src目录下建一个build.xml文件,内容如下
Java代码

   1. <?xml version="1.0" encoding="UTF-8"?> 
   2. <project name="ant-project" default="run" basedir="../"> 
   3.     <!-- 这里的basedir是 工程的目录为根目录 
   4.         一般basedir="."表示的是build.xml文件所在的相对目录为根目录即src  
   5.     --> 
   6.     <property name="src" value="src"/> 
   7.     <property name="dest" value="/${basedir}/WebRoot/WEB-INF/classes"/> 
   8.     <!-- 定义发布目录 把工程copy到tomcat的工作目录下--> 
   9.     <property name="webApp" value="E:\apache-tomcat-5.5.26\webapps\ant-project"/> 
  10.     <echo message="init ..." /> 
  11.     <!-- =================================  
  12.           target: init               
  13.          ================================= --> 
  14.     <target name="init">     
  15.         <mkdir dir="${dest}"/>  
  16.         <delete dir="${src}/classes"></delete> 
  17.     </target>  
  18.     <!-- =================================  
  19.               target: run               
  20.              ================================= --> 
  21.     <!-- 编译class文件--> 
  22.     <target name="compile" depends="init"> 
  23.     <!-- <javac srcdir="${src}" destdir="/${basedir}/WebRoot/WEB-INF/classes"></javac> --> 
  24.     </target>  
  25.      
  26.     <target name="run" depends="compile" description="description"> 
  27.         <!--除了class文件外，其他文件拷贝到tomcat目录下--> 
  28.         <copy todir="${webApp}" overwrite="true"> 
  29.             <fileset dir="${basedir}/WebRoot" excludes="**/*.class"/> 
  30.         </copy> 
  31.         <!--将class文件打包，放到/WEB-INF/lib目录下--> 
  32.         <jar destfile="${webApp}/WEB-INF/lib/test.jar"> 
  33.             <fileset dir="/${basedir}/WebRoot/WEB-INF/classes"> 
  34.                 <include name="**/*.class" /> 
  35.             </fileset> 
  36.         </jar> 
  37.          
  38.     </target> 
  39.  
  40.  
  41. </project> 

<?xml version="1.0" encoding="UTF-8"?>
<project name="ant-project" default="run" basedir="../">
<!-- 这里的basedir是 工程的目录为根目录
一般basedir="."表示的是build.xml文件所在的相对目录为根目录即src
-->
<property name="src" value="src"/>
<property name="dest" value="/${basedir}/WebRoot/WEB-INF/classes"/>
<!-- 定义发布目录 把工程copy到tomcat的工作目录下-->
<property name="webApp" value="E:\apache-tomcat-5.5.26\webapps\ant-project"/>
<echo message="init ..." />
<!-- =================================
          target: init             
         ================================= -->
    <target name="init">   
        <mkdir dir="${dest}"/>
    <delete dir="${src}/classes"></delete>
    </target>
<!-- =================================
          target: run             
         ================================= -->
<!-- 编译class文件-->
<target name="compile" depends="init">
<!-- <javac srcdir="${src}" destdir="/${basedir}/WebRoot/WEB-INF/classes"></javac> -->
</target>

    <target name="run" depends="compile" description="description">
    <!--除了class文件外，其他文件拷贝到tomcat目录下-->
        <copy todir="${webApp}" overwrite="true">
            <fileset dir="${basedir}/WebRoot" excludes="**/*.class"/>
        </copy>
    <!--将class文件打包，放到/WEB-INF/lib目录下-->
        <jar destfile="${webApp}/WEB-INF/lib/test.jar">
            <fileset dir="/${basedir}/WebRoot/WEB-INF/classes">
                <include name="**/*.class" />
            </fileset>
        </jar>

    </target> 
    <target name="native2ascii" description="native to ascii">
          <native2ascii encoding="gbk" dest="${basedir}" src="${basedir}/${build}" includes="*.properties"    excludes="date.js"/>
        <copy file="${etc.resources_js}/date.js" tofile="${webroot}/scripts/date.js" />
     </target>

</project>

下面简单的解释下这个文件
1.每个build文件都包含一个project标签.name属性指项目的名称,可以随你自己取.default指默认要执行的target.basedir顾名思义是工作的根目录.
2.<property>可以理解为我们写程序时的变量.name是变量的名称 value是变量的值,在下面的脚本要用到这个变量时需要使用${name}方式调用
3</target>标签是build.xml文件的核心标签.里面主要是写一些你要做的操作然后依次按照你写好的依赖关系逐步执行target. name属性是target的名称,depends属性是指,当前这个target执行时必须先把depends对应的target执行(如果depends对应的target没有执行)如果depends对应的target已执行了,则直接执行当前的target
4.<javac>就是java中的编译命令.srcdir是指需要编译的java文件的目录.destdir是指编译后的class文件存放的目录
5<copy>这里的两个属性应该很好理解,todir是copy的目标目录 ,overwrite表示是否覆盖.<fileset>文件集合.dir属性表示被copy的源文件目录.excludes表示除开什么文件类型之外的文件
6<jar>打成jar包 可以象上面那样写也可以象这样写<jar jarfile="${${webApp}/WEB-INF/lib/test.jar}" basedir="${dest}"/>.jarfile表示生成的jar的文件,basedir表示class文件所在的目录.
7在native2ascii元素中，src和dest这两个属性表示着路径。如果反编译后，src目录下，有多个不同的文件夹，这时使用ant来转换编码，请先想好要对哪些文件进行反编码；如果按上面的写法，将会把src目录下的所有文件夹中的所有文件进行反编码。假设，现在有com和org两个文件夹（其实是两个包），我只需要对com中的文件进行反编码，那么可以这样改写：src="${basedir}/com" dest="${basedir}/${build}/com"

当然ant脚本并没有这么简单.要写出一个好的ant脚本,部署一个庞大的项目,需要写出复杂的ant脚本,那是需要我们自己去在项目中运用才能有那种能力的

网络中漫步 2010-04-22 14:18 发表评论
]]>serialVersionUID 用来表明类的不同版本间的兼容性http://www.blogjava.net/Yadira/articles/316630.html网络中漫步网络中漫步Fri, 26 Mar 2010 03:46:00 GMThttp://www.blogjava.net/Yadira/articles/316630.htmlhttp://www.blogjava.net/Yadira/comments/316630.htmlhttp://www.blogjava.net/Yadira/articles/316630.html#Feedback0http://www.blogjava.net/Yadira/comments/commentRss/316630.htmlhttp://www.blogjava.net/Yadira/services/trackbacks/316630.html
简单来说，Java的序列化机制是通过在运行时判断类的serialVersionUID来验证版本一致性的。在进行反序列化时，JVM会把传来的字节流中的serialVersionUID与本地相应实体（类）的serialVersionUID进行比较，如果相同就认为是一致的，可以进行反序列化，否则就会出现序列化版本不一致的异常。

当实现java.io.Serializable接口的实体（类）没有显式地定义一个名为serialVersionUID，类型为long的变量时，Java序列化机制会根据编译的class自动生成一个serialVersionUID作序列化版本比较用，这种情况下，只有同一次编译生成的class才会生成相同的serialVersionUID 。

如果我们不希望通过编译来强制划分软件版本，即实现序列化接口的实体能够兼容先前版本，未作更改的类，就需要显式地定义一个名为serialVersionUID，类型为long的变量，不修改这个变量值的序列化实体都可以相互进行串行化和反串行化。

网络中漫步 2010-03-26 11:46 发表评论
]]>