韶华易衰，逝者难追 http://chen4w.javaeye.com UTF-8 Copyright 2003-2008, JavaEye.com http://blogs.law.harvard.edu/tech/rss JavaEye - 做最棒的软件开发交流社区 解决js对象的深度clone导致的递归死循环 chen4w 作者: chen4w  链接：http://chen4w.javaeye.com/blog/147732  发表时间: 2007年12月12日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

  • 问题描述：
js对象clone是RIA编程中常用方法，但是对象属性之间的循环引用会导致clone的递归进入死循环。
js 代码
 
  1. var a = {pa1:'av1',pa2:'av2'};  
  2. var b = {pb1:'bv1',pb2:'bv2'};  
  3. a.pa3 = b;  
  4. //b.pb3 = a;  
  5. var c = cloneobj(a);  

如果不包含注释掉的一行，clone是可以正常进行的。
但是如果引入这一行，即出现了js对象属性的循环引用，clone将进入递归的死循环。
  • 现象
浏览器能够很好的处理这种错误，并抛出“too much recursion"错误，并定位到相应的代码行。
（小声说一句：如果写个js死循环就把浏览器搞死了，B/S应用就没法混了）

  • 办法
如何解决了，通常的办法就是限制递归的深度，例如DWR的‘DWRUtil.toDescriptiveString’
但是窃以为这个并非好的解决办法，因为了对应用造成极大的限制。
我的办法就是，在clone的过程中，记住每个已经clone的对象属性，
并且在对对象进行深度clone之前，首先检查是否已经clone过了，如果是，则返回已clone的引用即可。
因此只要放开示例代码的注释行" // return os[m];"
就OK了。

  • 说明
为了简化clone实现代码，引用并部分修改了DWR的工具类，见附件util.js
同样的解决思路对于java对象的深度clone也是适用的
本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Wed, 12 Dec 2007 10:34:22 +0800 http://chen4w.javaeye.com/blog/147732 http://chen4w.javaeye.com/blog/147732 使用json取代传统的form提交 chen4w 作者: chen4w  链接：http://chen4w.javaeye.com/blog/141124  发表时间: 2007年11月16日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

        传统的html提交在处理复杂对象的编辑时显得力不从心,结构性的数据在经过后台jsp或者asp处理，展示为前台的html表单后，成为平面型的form的input，这样，当form提交到后台，服务不得不重新将平面型的构造为结构性数据，以进行后续的处理。
         在采用O/R mapping的应用中，这样的展示方式成为开发工作的瓶颈。
        WebRPC能够实现结构化数据在B/S之间的双向序列化，主流的实现如DWR，jsonRPC都提供了java对象——js对象之间的双向序列化。
    本文以jsonRPC与Ext2.0结合，通过以下步骤验证了用结构化数据取代传统form形式的可行性。
  1. 将多个java对象序列化到Browser的js对象（json格式)
  2. 将json格式的js对象与Ext form进行绑定
  3. Ext界面组件负责交互，编辑数据
  4. 编辑结果更新到js对象
  5. js对象提交到后台，反序列化为java对象

关键代码如下：
1.java对象序列化为json格式
java 代码
 
  1. static public String format(Object o) throws Exception{  
  2.     JSONSerializer ser = new JSONSerializer();  
  3.     ser.registerDefaultSerializers();  
  4.     SerializerState state = new SerializerState();  
  5.     JSONRPCResult result = new JSONRPCResult(JSONRPCResult.CODE_SUCCESS,  
  6.                    new Integer(1), ser.marshall(state, o));  
  7.     return result.toString();  
  8. }  
2.json格式到Browser后，调用eval,形成js对象
js 代码
 
  1. var jo;  
  2.  try {  
  3.  eval('jo = <%=dt.format(dt.getDefaultObjs()) %>');  
  4.  } catch(e) {  
  5.  throw new JSONRpcClient.Exception(550, "error parsing result");  
  6.  }  
3.js对象与Ext组件绑定
js 代码
 
  1. function jsonload(fm, m){  
  2.     fm.obj = m;  
  3.     for(x in m){  
  4.         var fld = fm.find('name',x);  
  5.         if(fld.length==1)  
  6.           fld[0].setValue(m[x]);  
  7.     }     
  8. }  
4.Ext组件编辑结果更新
js 代码
 
  1. function jsonupdate(fm){  
  2.     if(!fm.obj) return;  
  3.     var m=fm.obj;  
  4.     for(x in m){  
  5.         var fld = fm.find('name',x);  
  6.         if(fld.length==1)  
  7.           m[x]=fld[0].getValue();  
  8.     }  
  9. }  

5.js对象序列化为json字符串，并提交
js 代码
 
  1. var jostr = toJSON(jo);  
  2. var el = Ext.getDom("jostr");  
  3. el.value=jostr;  
  4. var fm = Ext.getDom("fm1");  
  5. fm.submit();  
6.json字符串反序列化为java对象
java 代码
 
  1. static public Object parse(String s) throws Exception{  
  2.     JSONObject jo =  new JSONObject(s);  
  3.     JSONSerializer ser = new JSONSerializer();  
  4.     ser.registerDefaultSerializers();  
  5.     SerializerState state = new SerializerState();  
  6.     Object result= ser.unmarshall(state, null, jo.get("result"));  
  7.     return result;  
  8. }  
页面是修改Ext2.0范例 examples\form\dynamic.html形成的，只保留了其中的tab-form示例用于多个对象的编辑
涉及的jsonRPC、Ext库(2.0)请自行下载
本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Fri, 16 Nov 2007 11:32:00 +0800 http://chen4w.javaeye.com/blog/141124 http://chen4w.javaeye.com/blog/141124 拿什么拯救你，我的ie chen4w 作者: chen4w  链接：http://chen4w.javaeye.com/blog/121321  发表时间: 2007年09月07日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

我想在写这篇文章之前,已经有无数的难友被IE折磨得痛苦不堪了.
下面就将我自己用IE的问题作个小结:
1.div 无法覆盖select 表单的问题
  痛苦指数 
  解决办法：
  各路大仙真是仁者见仁，智者见智，归纳起来主要有两种
  a. 隐藏法
       计算select附近的div，如果发现div重叠，就赶紧隐藏select，典型代表 ：www.dynarch.com/projects/calendar/
  b.替换法
       干脆用div + table 重写个select得了
       Ext做得不错，提供了对select的refresh方法 www.extjs.com

2.缺少有效的脚本调试支持
    痛苦指数 
    对于B/S的 B端开发人员来说,脚本调试器简直就是小李手的小刀.
    相对于firefox下的firebugaddons.mozilla.org/firefox/addon/1843
     IE的解决办法就是安装庞大的 InterDev , 或者目前的.net  frame,就算是这样的庞然大物,
   程序无响应也是经常的事情.
   解决办法:
    偶的解决办法,就是写跨浏览器的脚本,在ff下调试完了再往IE下移。
    如果只在IE下出问题咋办？ ———alert!!!!!

3.低性能
   痛苦指数 
    如果你用过这个www.scbr.com/docs/products/dhtmlxTree/index.shtml
   如果你的书有上千个节点, 一定就会有所体会了,
   在同一个页面里将几个图片重复利用几千次?
   对不起,在IE中你不得不等待"xxxx"个图片正在下载。
  我就弄不懂，同一个页面里的对同一个img的url引用，有必要每次都去检查更新么？？
  解决办法：
   把访问策略设置为“自动”吧，第一次的慢嘛只好忍受了。
   提及低性能，有个有趣的实验一定要做——将几千行的纯文本粘贴到 IE 的textarea中试试看，
  一定会给你一个惊喜。

4.自作主张
  痛苦指数 
 如果你调用getElementById,而ie未发现此id，那么它就会去找name为此id的元素并返回给你，不报任何错误。
 解决办法：
 写程序小心再小心

5.内存泄漏
  痛苦指数 
  在页面中通过js反复创建和删去Div，ie6会出现内存泄漏，甚至重启ie仍然无济于事。
  这个真是RIA的噩梦啊！！
  RIA常用的手段就是利用div模拟窗口，因此div的创建和释放是最基本的操作。
 解决办法：
  参考Ext的destory机制
 我的办法就是div复用，建一个就不放，重复利用。就算这样，由于窗口内容的刷新同样需要动态建立和释放html元素，
 仍然存在内存泄漏。

6.兼容性差
  痛苦指数 
  这个问题是前一段在客户那里发现的，微软2003拼音输入法，与ie下textarea的刷新冲突。
 大家可以用下面这个最简单的页面看看效果
js 代码
 
  1.   
  2.   
  3.   
  5.   
  6.   
  7.   
  9.   
  11.     

     

      
  12.   
  13.   
  14.   
  15.   
  16.   

 当使用微软拼音2003的逐词提示，ie无法正确判断出刷新区域，干脆就将整个页面从背景到各层div逐个刷新的一遍。
导致屏幕狂闪。
 让人哭笑不得的是，在firefox下居然一切正常。

7.容错性差
 一个utf编码的页面通常有如下两句开头：
xml 代码
 
  1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  2. title>费力佩五世巧克力壶</title>  
这样写是没有问题的，可以如果调换这两句的顺序，ie就整个晕了，不仅分析不出title不说，
后面的分析也全乱了,由于不知道编码,报出乱七八糟的错误.
高版本的ie6解决了此问题，我的ie6.0.2900.2180存在问题.


总结到此，欢迎大家补充！
当然以上问题出现在目前应用较广的ie6上，ie7已经解决了大多数问题。
但试想如果没有那只火狐狸捣乱，我们能指望用上ie7么？
反过来也是一样，如果当年netscape一枝独秀，情况怕也好不到哪里去。
所幸世界正在向着多元化的方向发展。
 

本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Fri, 07 Sep 2007 12:43:00 +0800 http://chen4w.javaeye.com/blog/121321 http://chen4w.javaeye.com/blog/121321 采用动态缓存机制的内容发布实现（二）系统组成 chen4w 作者: chen4w  链接：http://chen4w.javaeye.com/blog/116202  发表时间: 2007年08月24日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

结构图

见附件

说明

系统可划分为以远程文件管理为中心的网站管理和以模板引擎为中心页面生成两大部分。

1.网站管理
远程文件管理实现了B/S方式的对远程文件夹的管理，包括：
    目录和文件的浏览
    目录的创建、删除、重命名、移动
    文件的上传、删除、重命名、移动
    远程文件选择(单选)
    远程目录选择（单选）
在上述基本功能的基础上，可以实现以下系统功能：
    网站文件夹管理
    文章模板文件夹管理
    频道封面及摘要模板管理
    网站频道管理
    网站频道选择
    频道摘要编辑
2.页面生成
模板引擎负责将模板与结构化数据结合（文章模板），或者为模板注入URL参数（封面模板），以此生存静态页面。
系统优先实现JSP形式的模板，但并不排斥其他的模板引擎技术。
3.URL解析
URL解析是实现动态缓存技术的关键，包括以下内容：、
    定义文章发布的的URL规则
    从静态URL请求中提取模板位置和结构化数据位置
    将静态URL请求映射为动态URL请求（包括传入参数）
URL解析为调用模板引擎生成静态页面准备了必要的信息。
常见的URL有以下形式：
    文章: site/数字资料馆/藏品/绘画/@dao.hb.Obj/12/21.html
    分页封面： site/数字资料馆/藏品/陶瓷/$list.jsp/nd/明/page/3.html
4. 文章发布管理
负责定义文章的发布信息，包括：指向结构化数据的objkey标示、模板、目标频道、发布状态。
文章发布定制实质上是URL解析的辅助部分，提供了基于文章发布定义的一种URL解析特例。
RP系统设计目标为能够适应基于外部数据源的关系型数据发布，在文章的发布管理中，支持基于数据库检索的批量数据处理。此功能为文章发布管理模块之难点。
5.数据源
RP系统通过配置引入外部数据源，为提供读取外部数据的模板工具类提供支持。
Spring对jdbc的良好封装，使RP能够以间接的代码读取外部数据源数据。
6.模板工具类
模板工具类提供常用的模板中可能调用的方法，其目标为简化模板脚本。
本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Fri, 24 Aug 2007 16:49:31 +0800 http://chen4w.javaeye.com/blog/116202 http://chen4w.javaeye.com/blog/116202 采用动态缓存机制的内容发布实现（一）工作流程 chen4w 作者: chen4w  链接：http://chen4w.javaeye.com/blog/116200  发表时间: 2007年08月24日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

流程图

见附件

说明

1、浏览器向Apache请求静态页面

2、Apache未找到该页面，通过Ajp3协议将请求转发Tomcat

3、在Tomcat中一个、名为urlParser的Servlet负责处理转发请求

4、urlParser根据URL规则匹配到相应的ActionBean

5、ActionBean根据URL获得模板及必要的结构化数据

6、模板管理模块负责根据模板及结构化数据（或者动态页面参数）生成静态页面，向浏览器回送静态页面内容，并将其按照URL路径写入文件系统。

applicationContext.xml中相关的配置片断
xml 代码
 
  1.   
  2. <bean id="UrlParser" class="cm.rp.url.UrlParser">  
  3.     <property name="beanIds">             
  4.         <list>  
  5.             <ref local="chanelAct"/>  
  6.         list>  
  7.     property>  
  8. bean>  
  9.   
  10. <bean id="chanelAct" class="cm.rp.url.chanelAct">  
  11.     <property name="baseURL">             
  12.         <list>  
  13.             <value>/shtmlvalue>  
  14.         list>  
  15.     property>  
  16. bean>  
为了方便属性注入，其中UrlParser采用了Servlet代理
在web.xml的配置
xml 代码
 
  1. <servlet>  
  2.   <servlet-name>urlparserservlet-name>  
  3.   <servlet-class>net.bat.util.ServletProxyservlet-class>  
  4.         <init-param>  
  5.             <param-name>targetBeanparam-name>  
  6.             <param-value>UrlParserparam-value>  
  7.         init-param>  
  8.  servlet>  

关于servlet代理，可以参考blog.csdn.net/indexchen/archive/2006/09/28/1301717.aspx
本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Fri, 24 Aug 2007 16:40:34 +0800 http://chen4w.javaeye.com/blog/116200 http://chen4w.javaeye.com/blog/116200 用Ext编写的远程文件管理 chen4w 作者: chen4w  链接：http://chen4w.javaeye.com/blog/112163  发表时间: 2007年08月14日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

功能描述

 
作为CMS系统的基础组件,远程文件管理实现了B/S方式的对远程文件夹的管理，包括：
  • 目录和文件的浏览
  • 目录的创建、删除、重命名、移动
  • 文件的上传、删除、重命名、移动
  •  远程文件选择(单选,待实现)
  •  远程目录选择（单选,待实现）
在上述基本功能的基础上进行扩展,可以实现以下系统功能：
  • 网站文件夹管理
  • 文章模板文件夹管理
  • 频道封面及摘要模板管理
  • 网站频道管理
  • 网站频道选择
  • 频道摘要编辑、

特点

集成了Ext的主题
支持多国语言

如何部署

附件为eclipse工程，包含ant\文件,由于附件大小的限制，我没有上传以下文件
ext :请下载ext1.1并展开重命名覆盖附件中的ext目录
commons-io-1.2.jar (commons-fileupload-1.2.jar所需要)
spring.jar ,hibernate3.jar 请自行下载并放到WebContent\WEB-INF\lib

远程路径设置

我设置了两个远程目录,位于WebContent\bat\rp\rp.js 的497，498行
js 代码
  1. RP.initFile('d:/www/','tree_file');  
  2. RP.initFile('D:/RP/WebContent/site/','tree_chanel');  
请将其改为你需要访问的目录

访问

完成上述工作后访问http://localhost:8080/rp/bat/rp/rp.html
就可以看到主界面了

祝你顺利！

声明

文件类型图标采用了www.vonloesch.de/jspbrowser.html
本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Tue, 14 Aug 2007 17:40:20 +0800 http://chen4w.javaeye.com/blog/112163 http://chen4w.javaeye.com/blog/112163 Apache2.2和Tomcat5.0的整合（二）—解决REDIRECT_URL的中文路径问题 chen4w 作者: chen4w  链接：http://chen4w.javaeye.com/blog/105363  发表时间: 2007年07月25日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

  • 现象

通过mod_jk整合Apache和Tomcat，在Servlet中可以通过request.getAttribute("REDIRECT_URL")获得Apache自定义错误处理的原始URL。
不幸的是，如果这个REDIRECT_URL包含中文路径，我们获得的将是乱码。
例如：请求不存在的页面http://localhost/rp/数字故宫/hh.html,
返回结果为:/rp/数字故宫/hh.html
  • 问题定位
问题出在哪里呢？
作以下测试：
在Apache的httpd.conf加入如下两行
JkEnvVar DPM1 %e6%95%b0%e5%ad%97%e6%95%85%e5%ae%ab
JkEnvVar DPM2 数字故宫
结果第一行返回: %e6%95%b0%e5%ad%97%e6%95%85%e5%ae%ab
第二行返回: 数字故宫
即jk本身不能正确将环境变量的中文值送到request.getAttribute

下载mod_jk源代码http://tomcat.apache.org/download-connectors.cgi
通过代码分析、日志跟踪，确定Apache送到jk的REDIRECT_URL值为utf-8编码
此变量值经过jk_b_append_string函数写入到缓冲后，通过socket8009发送给tomcat之后，
再经过tomcat接收分析之后，出现乱码。
  • 解决办法
解决办法，既然jk处理西文没有问题，何不将中文URL进行URLEnocode
从网上收到urlencode的C实现：
c# 代码
 
  1. static unsigned char hexchars[] = "0123456789ABCDEF";  
  2.   
  3. char *urlencode(char *s)  
  4. {  
  5.     register int x, y;  
  6.     unsigned char *str;  
  7.     int len=strlen(s);  
  8.   
  9.     str = (unsigned char *) malloc(3 * strlen(s) + 1);  
  10.     for (x = 0, y = 0; len--; x++, y++) {  
  11.         str[y] = (unsigned char) s[x];  
  12.         if (str[y] == ' ') {  
  13.             str[y] = '+';  
  14. #ifndef CHARSET_EBCDIC  
  15.         } else if ((str[y] < '0' && str[y] != '-' && str[y] != '.') ||  
  16.                    (str[y] < 'A' && str[y] > '9') ||  
  17.                    (str[y] > 'Z' && str[y] < 'a' && str[y] != '_') ||  
  18.                    (str[y] > 'z')) {  
  19.             str[y++] = '%';  
  20.             str[y++] = hexchars[(unsigned char) s[x] >> 4];  
  21.             str[y] = hexchars[(unsigned char) s[x] & 15];  
  22.         }  
  23. #else /*CHARSET_EBCDIC*/  
  24.         } else if (!isalnum(str[y]) && strchr("_-.", str[y]) == NULL) {  
  25.             /* Allow only alphanumeric chars and '_', '-', '.'; escape the rest */  
  26.             str[y++] = '%';  
  27.             str[y++] = hexchars[os_toascii[(unsigned char) s[x]] >> 4];  
  28.             str[y] = hexchars[os_toascii[(unsigned char) s[x]] & 0x0F];  
  29.         }  
  30. #endif /*CHARSET_EBCDIC*/  
  31.     }  
  32.   
  33.   
  34.     str[y] = '\0';  
  35.     return ((char *) str);  
  36. }  
将ajp_marshal_into_msgb函数体发送属性部分进行修改，修改后的代码为：
cpp 代码
 
  1.  if (s->num_attributes > 0) {  
  2.      for (i = 0; i < s->num_attributes; i++) {  
  3. //c4w  
  4. char * pval=s->attributes_values[i];  
  5. char * url=NULL;  
  6. if(strcmp(s->attributes_names[i],"REDIRECT_URL")==0){  
  7.     url=urlencode(s->attributes_values[i]);  
  8.     //pval=url;  
  9. }  
  10.          if (jk_b_append_byte(msg, SC_A_REQ_ATTRIBUTE) ||  
  11.              jk_b_append_string(msg, s->attributes_names[i]) ||  
  12.              jk_b_append_string(msg, pval)) {  
  13.              jk_log(l, JK_LOG_ERROR,  
  14.                     "failed appending attribute %s=%s",  
  15.                     s->attributes_names[i], pval);  
  16.              JK_TRACE_EXIT(l);  
  17.              return JK_FALSE;  
  18.          }  
  19. if(url!=NULL) free(url);  
  20.      }  
  21.  }  

最后，在jsp中对REDIRECT_URL进行解码
String url=URLDecoder.decode((String)request.getAttribute("REDIRECT_URL"),"utf-8");
  • 结论
编译，启动tomcat，重新请求不存在的页面http://localhost/rp/数字故宫/hh.html,返回结果为:/rp/数字故宫/hh.html
看到了了正确的结果：/rp/数字故宫/hh.html
本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Wed, 25 Jul 2007 12:37:18 +0800 http://chen4w.javaeye.com/blog/105363 http://chen4w.javaeye.com/blog/105363 Apache2.2.4 + Tomcat5.0整合手记 chen4w 作者: chen4w  链接：http://chen4w.javaeye.com/blog/102884  发表时间: 2007年07月19日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

基于反向代理的动态页面缓存技术（参见车东文章），
落实到穷人的解决方案之一就是Apache+tomcat的整合，整合应当达到以下几方面效果：
1.Apache负责静态文件的处理
2.涉及jsp，servlet的动态请求交给tomcat处理
3.通过自定义错误响应404，当Apache找不到静态页面时，应当重定向给tomcat处理
4.在负责处理第3种情况tomcat的servlet或者jsp中，能够获得重定向之前的URL等信息。

看了网上的文章，需要在apache2.2自带ajp或者mod_jk之间做出选择。
先试试ajp吧，大家都说配置简单。
搜了一下，以这篇文章讲得最为清楚。
按照作者指引，很快来到了第4步。在httpd-vhosts.conf中加入一行
    ErrorDocument 404 /rp/test.jsp
其中test.jsp是统一的404错误入口，将来调用模板和数据生成请求的静态页面。
测试代码如下：
<%@ page contentType="text/html;charset=gb2312" import="java.util.*"%>
<%out.println("

Hello World!jsp

");%>
<%
Object redir_url = request.getAttribute("REDIRECT_URL");
out.println(redir_url);
%>

结果404错误重定向到该页面后，确无法获得原始的URL。
在网上搜索，也有难友遇到同样的问题，即ajp没有提供类似mod_jk的JkEnvVar机制，
以将错误重定向的环境变量传递给servlet的request.getAttribute
关于apache的自定义错误处理参见www.kingmx.com/Manual/ApacheMenu/custom-error.html
没奈何只好悻悻作罢。
后来想了想，有一个曲折的解决办法就是，将ErrorDocument重定向到apache下的一个html，再由此html在browser端
利用js调用tomcat的servlet并将原始URL传递进去。
关键代码行如下：

document.location="http://localhost/batcal/test.jsp?ru="+document.URL;
这个办法的缺点是效率较低,与服务端重定向相比较,多了一次http交互.

改用mod_jk好了
根据以下链接http://blog.sina.com.cn/u/4c592ecf010009dz
指引，同样顺利来到第4步。

在httpd.conf中加入一行
JkEnvVar REDIRECT_URL NULL
再次调用test.jsp，结果通过request.getAttribute("REDIRECT_URL");获得了原始URL，搞定。

与采用ajp相比，mod_jk的配置确实麻烦。但总算实现了预期目标。
本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Thu, 19 Jul 2007 17:19:32 +0800 http://chen4w.javaeye.com/blog/102884 http://chen4w.javaeye.com/blog/102884 缓存静态页面的编码问题 chen4w 作者: chen4w  链接：http://chen4w.javaeye.com/blog/102081  发表时间: 2007年07月17日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

在CMS系统中一个基本问题是对基于模板的动态页面结果进行缓存,如果模板采用jsp,常常使用response重定向截获输出结果。
常见的代码如下：
java 代码
 
  1. WrapperResponse wp = new WrapperResponse(response);  
  2. request.getRequestDispatcher(tp).include(request, wp);  
但是如果我的jsp中指定了字符编码呢，例如：
java 代码
 
  1. <%@ page contentType="text/html;charset=utf-8"...  
如何让生成的静态页面的编码与之一致呢?
查看jsp对应的servlet代码，找到与上述指令对应的一行
java 代码
 
  1. response.setContentType("text/html;charset=utf-8");  
于是猜想是否可以response.getContentType来获得编码指定呢
即： String ct = wp.getResponse().getContentType();
但是结果为null。
查javaDoc说明
 链接
The ServletResponse object has its path elements and parameters remain unchanged from the caller's. The included servlet cannot change the response status code or set headers; any attempt to make a change is ignored.
根据此说明上述jsp对应的servlet代码中setContentType的语句被忽略了。
但是我的问题还是没有解决。

将request.getRequestDispatcher(tp).include(request, wp); 
改为request.getRequestDispatcher(tp).forward(request, wp);
问题解决了：
写静态文件的代码为
java 代码
 
  1. FileOutputStream fos = new FileOutputStream(to); // 把jsp输出的内容写到xxx.htm  
  2. fos.write(wp.getContent().getBytes(wp.getCharacterEncoding()));  
  3. fos.close();            
本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Tue, 17 Jul 2007 16:41:07 +0800 http://chen4w.javaeye.com/blog/102081 http://chen4w.javaeye.com/blog/102081 HTML parser选型测试 chen4w 作者: chen4w  链接：http://chen4w.javaeye.com/blog/99754  发表时间: 2007年07月10日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

内容管理(cms)常常需要将网站频道的摘要(summery)合并到父频道的封面，引入HTML parser，
 可以结构化方式操作HTML内容，使网页内容的提取、重构变得容易。
 以下链接列出了相关的java opensource项目
 http://www.open-open.com/30.htm
 根据网友的评论，将htmlcleaner、htmlparser、nekohtml列入候选。
 以附件html作为测试用例，按照常见的getElementsByTagName提取Body,
 以getElementById获取id为'content6'的script
 测试编码如下：
java 代码
 
  1. static public String Neko(String path) throws SAXException, IOException{  
  2.     DOMParser parser = new DOMParser();  
  3.     //InputSource in = new InputSource(new Reader());  
  4.     parser.parse(TPPath+path);  
  5.     Document doc=parser.getDocument();  
  6.     org.w3c.dom.NodeList nl = doc.getElementsByTagName("body");  
  7.     System.out.println(printNode(nl.item(0)));  
  8.     System.out.println("----------------------------------------");  
  9.     org.w3c.dom.Element n = doc.getElementById("content6");  
  10.     System.out.println(printNode(n));  
  11.     return "";  
  12. }  
  13. static public String htmlparser(String path) throws ParserException{  
  14.     // one of several constructors  
  15.     Parser p = new Parser(TPPath+path);  
  16.     NodeList nl=p.parse(new TagNameFilter("body"));  
  17.     System.out.println(nl.elementAt(0).toHtml());  
  18.     System.out.println("----------------------------------------");  
  19.     Parser p2 = new Parser(TPPath+path);  
  20.     NodeList nl2=p2.parse(new HasAttributeFilter("id","content6"));  
  21.     System.out.println(nl2.elementAt(0).toHtml());  
  22.     return "";  
  23. }  
  24. static public String htmlcleaner(String path) throws Exception{  
  25.     // one of several constructors  
  26.     HtmlCleaner cleaner = new HtmlCleaner(new File(TPPath+path));  
  27.     org.w3c.dom.Document doc = cleaner.createDOM();  
  28.     org.w3c.dom.NodeList nl = doc.getElementsByTagName("body");  
  29.     System.out.println(printNode(nl.item(0)));  
  30.     System.out.println("----------------------------------------");  
  31.     org.w3c.dom.Element n=doc.getElementById("content6");  
  32.     System.out.println(printNode(n));  
  33.     return "";  
  34. }  
一个打印dom节点的辅助方法如下：
java 代码
 
  1. public static String printNode(Node node) {  
  2.     StringBuffer sbuf=new StringBuffer();  
  3.     String nn=node.getNodeName();  
  4.     boolean btag=true;  
  5.     if(nn.equals("#text")) btag=false;  
  6.     if(btag){  
  7.       if(node.hasAttributes()){  
  8.       NamedNodeMap attrs=node.getAttributes();  
  9.       StringBuffer abuf= new StringBuffer();  
  10.       for(int i=0,len=attrs.getLength(); i<len; i++){  
  11.           Node attr=attrs.item(i);  
  12.           abuf.append(" "+attr.getNodeName()+"=\""+attr.getNodeValue()+"\"");  
  13.       }  
  14.       sbuf.append("<"+nn+abuf.toString()+">");  
  15.       }else  sbuf.append("<"+nn+">");  
  16.     }  
  17.     if(node.hasChildNodes()){  
  18.      Node child = node.getFirstChild();  
  19.      sbuf.append(child.getNodeValue());  
  20.      while (child != null) {  
  21.          sbuf.append(printNode(child));  
  22.          child = child.getNextSibling();  
  23.      }  
  24.     }  
  25.     if(btag)  
  26.       sbuf.append("</"+nn+">");  
  27.     return sbuf.toString();  
  28. }  

 测试结果如下：
                   getElementsByTagName        getElementById
htmlcleaner         抛出异常java.lang.NoSuchFieldError: fRecognizedFeatures
htmlparser         在分析到script中的字符串包含"</b>"出现逻辑错误，将该</b>误判为script结束
nekohtml            pass                        pass

nekohtml入选。
本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Tue, 10 Jul 2007 13:23:24 +0800 http://chen4w.javaeye.com/blog/99754 http://chen4w.javaeye.com/blog/99754 RIA带来了什么 chen4w 作者: chen4w  链接：http://chen4w.javaeye.com/blog/98376  发表时间: 2007年07月06日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

随着B/S应用的逐渐兴起，传统的html Form对于完成复杂的表单提交已经越来越力不从心。表现在以下方面：
1.组件类型不够丰富，且缺乏简单有效的扩展机制
  例如grid、tree这些常见的需求不得不借助第三方组件（js\applet或者activex形式的）
2.数据的无序
  数据是平面型的，例如做一个主、子表的编辑，不得不将结构化数据通过input命名机制转化为平面的form，然后提交的时候再做逆向的转换。
 由于在browser端丢失了结构信息，C/S程序常见的剪切/复制/粘贴，实现起来也就比较困难，界面效果也差强人意（一大堆的input挤在一起，不知道focus在哪里）

借助RIA框架，可以解决第1类问题，目前主流的RIA均实现了一套对象重载的组件（用户可以在此机制下编写自己的组件），以及组件的事件侦听机制。
组件类型已经达到C/S解决方案的水平，甚至在支持theme上有独到之处。
需要注意的是，如果仅仅是在某个特定页面需要某个特定的组件，那么引入RIA框架代价太大了。
因为不得不引入该组件需要的核心库。因此，此类需求更适合应用其他功能独立的组件。

RIA框架更加适合与Ajax结合，形成一套全新的browser端UI机制。
目前将结构化数据从server序列化到browser端，有许多好的协议和实现，例如：json\burlap\dwr等。
事实上，由于js中对象、数组以及函数是按引用来复制、传递和比较的。
将结构化的js对象与UI组件进行绑定（通过js对象的属性进行关联），就实现了界面与数据的完全同步，从而彻底摆脱了传统form下的重命名机制。
无论是browser还是server端，都可以操作结构良好、一致的数据，使得简化程序逻辑、增强复用性成为可能。
本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Fri, 06 Jul 2007 09:46:55 +0800 http://chen4w.javaeye.com/blog/98376 http://chen4w.javaeye.com/blog/98376 Ext的form类型扩展（二）——AttachField chen4w 作者: chen4w  链接：http://chen4w.javaeye.com/blog/95536  发表时间: 2007年06月29日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

类名:Ext.form.AttachField
扩展自:Ext.form.TriggerField
功能描述:能够处理多个附件的本地上传、删除、浏览，支持进度显示
如何部署：
-------------s端----------------------
预备工作：建立Web工程，增加dwr支持
1.将附件源码net.bar的java类加入你的Web工程
2.在web.xml加入以下定义
 
xml 代码
 
  1.     <servlet>  
  2.         <servlet-name>fileupload</servlet-name>  
  3.     <servlet-class>net.bat.upload.uploadServlet</servlet-class>  
  4.     <load-on-startup>1</load-on-startup>  
  5.     <init-param>  
  6.         <param-name>path</param-name>  
  7.         <param-value>d:/upload/</param-value>  
  8.     </init-param>  
  9.     <init-param>  
  10.         <param-name>tpPath</param-name>  
  11.         <param-value>d:/</param-value>  
  12.     </init-param>  
  13. </servlet>  
      
   
3.将类TaskCenter通过dwr开放给B端，以支持进度显示
例如，我的dwr集成到spring下，相应的配置为
    
xml 代码
 
  1. <create creator="spring" javascript="TC">  
  2. param name="beanName" value="TaskCenter"/>  
  3.   <include method="newTask"/>  
  4.   <include method="getTotal"/>  
  5.   <include method="getCur"/>  
  6.   <include method="cancel"/>  
  7. </create>  

------------b端-----------------------
1.将附件form.rar展开到ext/examples/form/下
2.浏览http://host:port/yourapp/ext/examples/form/formext.html
其中photo为Attach类型
本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Fri, 29 Jun 2007 14:56:38 +0800 http://chen4w.javaeye.com/blog/95536 http://chen4w.javaeye.com/blog/95536 Ext的form类型扩展（一）——TreeField chen4w 作者: chen4w  链接：http://chen4w.javaeye.com/blog/95511  发表时间: 2007年06月29日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

类型:Ext.form.TreeField
扩展自:Ext.form.TriggerField
功能描述:加载一个xml，作为前端选择的tree
参数: url:xml路径
源码及demo:见附件form.rar
说明:将form.rar中包含的文件展开到ext\examples\form 下
在浏览器中访问 http://host:port/ext/examples/form/formext.html
效果如附图所示：
其中rpTreeNodeFromXml函数参考了http://extjs.com/forum/上的从xml生成tree的例子
formext.html参考了dynamic.html
本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Fri, 29 Jun 2007 14:06:54 +0800 http://chen4w.javaeye.com/blog/95511 http://chen4w.javaeye.com/blog/95511 AIX下的中文文件路径问题 chen4w 作者: chen4w  链接：http://chen4w.javaeye.com/blog/94844  发表时间: 2007年06月27日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

  在将java编写的Web应用部署到AIX系统下出现中文文件路径问题。

环境：AIX4.3，jdk1.5, tomcat5.0, 运行tomcat的file.encoding设置为GB18030

AIX语言为西文。

现象：1.不能通过new File创建中文文件路径; 2.获得的目录树如果包含中文路径，显示为乱码。

由于war为在window下打包，怀疑是javac的问题，于是直接在AIX下写了测试的java并以application运行，结果正确。

进一步将工程在aix下使用ant重新build，启动tomcat，运行结果确仍然乱码。

于是怀疑在西文的AIX下不能java的 new File()，或者File.getName(),不能处理非iso-8859-1的文件路径。

将写入和读出的文件路径经过程序处理：

待写入的路径转化为iso-8859-1编码的String ：

public static  String toLocalFN(String fn){

   return new String(fn.getBytes(),"iso-8859-1");

}

相应地，获得的文件路径按照iso-8859-1编码处理

public static String fromLocalFN(String fn){

  return new String(fn.getBytes("iso-8859-1"));

}

直接在windows下ant，将jar部署到AIX下，结果创建中文路径和获取中文路径都顺利通过。

此解决方法需要检查工程中所有的文件读写，比较麻烦。

不知道有没有更好的解决办法?


本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Wed, 27 Jun 2007 20:55:57 +0800 http://chen4w.javaeye.com/blog/94844 http://chen4w.javaeye.com/blog/94844 Ext(www.extjs.com)使用感受 chen4w 作者: chen4w  链接：http://chen4w.javaeye.com/blog/93834  发表时间: 2007年06月25日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

知道Ext是从Flex粉丝的口水大战，看了它的jsDoc，感觉似曾相识，
对象重载、事件侦听、怎么看都象C/S的组件sdk。
再粗略浏览了examples，呵呵，实用而且酷！
我说洪哥，咱们动手罢！
****实战****
用了两个月的时间，完成了以下工作：
1.Ext的Grid采用json作为默认支持的数据格式，而我的数据格式是传输机制是基于dwr的，
  不过Ext良好的分层设计允许编写自己的数据加载。
  按照此机制编写了自己的数据加载类：
  Ext.extend(Bat.UI.Ext.ObjReader, Ext.data.DataReader
  Ext.extend(Bat.UI.Ext.Proxy, Ext.data.DataProxy,
  在此基础上实现了grid组件与我自定义的数据格式的结合。
 
2.扩展Ext.form.TriggerField，实现了几个自己需要的form组件
  AttachField：多附件
  功能：支持带进度显示的本地上传、附件的浏览、删除。
  TreeField:树
  功能：从xml加载生成树，支持节点的增加、删除、拖拽、重命名、属性编辑
  FileField:远程文件操作
  功能:浏览远程文件目录、支持文件上传、选择、打开、移动、重命名

此过程中、感觉Ext的重载和事件侦听机制还是比较好用的，基本上我能想到的功能都顺利实现了。
也发现一些小bug，主要是特殊应用下在ie下出现，Ext论坛上也有许多网友提交了bug，大都是在ie下出现。
看来Ext的开发团队应当是主要以ff为测试环境的。
Ext的论坛比较活跃，提交的bug大都能得到及时响应。

****编辑器****
初期我使用jsEclipse，后来发现了更适合Ext开发的Spket，是我目前所见过的js editor中最强的。
http://www.spket.com/js.html

****调试****
Ext自带了debug窗口，可以实时监视Dom文档树和调试信息，我还是更习惯ff下的venkman
 
****应用**** 
Ext全部代码的压缩版本ext-all.js，目前为469KB
比较适合部署在局域网上的B/S应用，不过其官方网站也列举了一些www上的应用。
Ext对Dom进行了良好的封装，实现了对象重载和事件侦听，并在此基础上实现了一整套ui组件，
这些组件正是对html组件的增强(validate问题、IE的select问题、)和补充。
也是实现B/S应用频繁使用的，与用户自定义组件相结合，就可以形成一套可复用的ui组件。
是编写RIA的好工具。
本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Mon, 25 Jun 2007 10:31:26 +0800 http://chen4w.javaeye.com/blog/93834 http://chen4w.javaeye.com/blog/93834