Chinaunix首页 | 论坛 | 博客
  • 博客访问: 16492705
  • 博文数量: 5645
  • 博客积分: 9880
  • 博客等级: 中将
  • 技术积分: 68081
  • 用 户 组: 普通用户
  • 注册时间: 2008-04-28 13:35
文章分类

全部博文(5645)

文章存档

2008年(5645)

我的朋友

分类:

2008-04-28 21:48:50

下载本文示例代码
  我朋友经常引用我的一句话就是:你的Java对我的Javascript是侵入的....,仿佛她比我还OO来着。   我自己就提出了一个解决的方法:就是把Java对象写成JS对象,这样Web设计人员只要关注JS对象,用JS对象来渲染整个Web页面,这样我就不会和他的领域冲突了。  简单来说,我们平常的WEB框架都是号称MVC的,这样它们就把V这个事情压在了JAVA程序员的身上,可怜我的审美观啊~所以我们应该把V继续往下推,推给对JAVA什么都不懂,但是却有非常丰富的WEB设计人员的身上。总不能让别人去学JAVA呀,那就只好把JAVA对象写成JS对象,这样WEB设计人员就可以轻松调用JS了。  大体实现过程是这样的:  1、双方先讨论项目的需求,然后确定下个个页面需要显示什么内容,怎么显示不管。讨论完后便确定了JS对象和数据库的大体结构。  2、各自写各自的东西...  3、双方写好后把WEB页面通过JS对象和Java连接起来,调试,完工。  具体关键代码:  J2J.java的代码,功能是获取scope范围内,名称为source的java对象,然后把这个java对象写成名称为distName类别为dist的JS对象。  代码: /** J2J.java** Created on 2006年10月2日, 下午7:16** To change this template, choose Tools | Template Manager* and open the template in the editor.*/package net.vlinux.tag.j2j;import javax.servlet.jsp.*; import javax.servlet.jsp.tagext.*; import java.lang.reflect.*; import java.util.*;/** * * @author vlinux */ public class NewObject extends TagSupport {  private String dist;  private String distName;  private String scope;  private String source;  private List<Method> getGetMethods( Object aObject ) {   Method[] array = aObject.getClass().getMethods();   List<Method> list = new ArrayList<Method>();   for( int i=0;i<array.length;i ){    String methodName = array[i].getName();    if( methodName.matches("get.*") )     list.add(array[i]);   }   return list; } private String getFieldName( Method aMethod){  String methodName = aMethod.getName();  String subName = methodName.substring(3,methodName.length());  return subName.toLowerCase(); } private Object getSourceObject(String scope, String source){  if( scope.equals("request") ){   return pageContext.getRequest().getAttribute(source);  }else if( scope.equals("session") ){   return pageContext.getSession().getAttribute(source);  }else if( scope.equals("page") ){   return pageContext.getAttribute(source);  }else{   System.out.println("xxx");   return null;  } } public int doStartTag(){  JspWriter out = pageContext.getOut();  Object sourceObject = getSourceObject(getScope(),getSource());  List list = getGetMethods( sourceObject );  try{   out.println( "<script>" );   out.println( "\tvar " getDistName() " = new " getDist() "();");   for( int i=0;i<list.size();i ){    try{     String fieldName = getFieldName((Method)list.get(i));     String value = ((Method)list.get(i)).invoke( getSourceObject(getScope(),getSource())).toString();     out.println( "\t" getDistName() "." fieldName " = \"" value "\"");    }catch(Exception e){     //    }   }   out.println( "</script>" );  }catch( java.io.IOException ioe){   //  }  return (EVAL_BODY_INCLUDE); } public int doEndTag(){  return (EVAL_PAGE); } public String getDist() {  return dist; } public void setDist(String dist) {  this.dist = dist; } public String getDistName() {  return distName; } public void setDistName(String distName) {  this.distName = distName; } public String getScope() {  return scope; } public void setScope(String scope) {  this.scope = scope; } public String getSource() {  return source; } public void setSource(String source) {  this.source = source; } }  标签的tld也一起给出吧,虽然不是关键   代码: <?xml version="1.0" encoding="UTF-8"?> <taglib version="2.0" xmlns=""  xmlns:xsi=""  xsi:schemaLocation=" web-jsptaglibrary_2_0.xsd"> <tlibversion>1.0</tlibversion> <jspversion>1.1</jspversion> <shortname>J2J</shortname> <uri>/J2J</uri> <tag> <name>newObject</name> <tagclass>net.vlinux.tag.j2j.NewObject</tagclass> <bodycontent>JSP</bodycontent> <info></info> <attribute> <name>distName</name> <required>true</required> </attribute> <attribute> <name>dist</name> <required>true</required> </attribute> <attribute> <name>scope</name> <required>true</required> </attribute> <attribute> <name>source</name> <required>true</required> </attribute> </tag> </taglib>  具体调用的JSP页面   代码 <%@ taglib uri="/WEB-INF/J2J.tld" prefix="jj"%>  <% //创建一个简单对象 net.vlinux.test.User user = new net.vlinux.test.User(); user.setId(new Integer(1)); user.setName("vlinux"); user.setPassword("lovefs"); user.setUsername("oldmanpushcart"); //把对象放到request中去 request.setAttribute("user",user); %> <!-- 这里要注意 dist是目标Javascript对象,这个是必须和web设计人员事先约定好的 distName 是目标Javascript对象实例的名,这个也是必须和web设计人月事先约定好 scope 告诉标签去那个范围寻找java对象的实例 source 源对象,也就是java对象,标签会通过scope确定的范围搜寻source --> <jj:newObject dist="User" distName="user" scope="request" source="user"/>  这样我们就得到这样的HTML代码。  代码: <script>  var user = new User();  user.username = "oldmanpushcart"  user.name = "vlinux"  user.id = "1"  user.password = "lovefs"  user.class = "class net.vlinux.test.User" </script>  控制页面输出代码为,JS程序员就是这样来渲染WEB页面的:  代码: <script>document.writeln(user.id);</script><br> <script>document.writeln(user.name);</script><br> <script>document.writeln(user.username);</script><br> <script>document.writeln(user.password);</script><br>   输出内容:  1 vlinux   oldmanpushcart   lovefs   JavaToJS我喜欢叫她j2j.   j2j的优点在于:  1、Java程序员和JS程序员相互之间不会干扰,各自干各自的。  2、JS程序员不用依赖JAVA代码才能进行测试,相反,它们很早就可以通过构造一些JS银弹来对页面情况进行测试了,开发速度一般比JAVA部分还快。很多项目都是先弄个大体框架,然后再慢慢细调。这样效率低,而且也不方便和客户交流--客户喜欢看到实际的东西。如果是J2J就是一步到位。  3、方便日后的维护和替换--万一有一天我死了(T_T),我的朋友还可以找其他的WEB程序员进行维护,如果找不到JAVA程序员,她甚至还可以找个ASP程序员把我的代码全部重写而不用修改页面的任何地方--也许表单的action需要改一下。  4、天生支持AJAX  当然,任何东西都是有缺点的,j2j的缺点在于:  1、不适合用来改写以前的代码,因为j2j的JS对于其他页面来说是侵入的   2、HTTP页面上会有大量的<script></script>段的存在,显得非常的不美观   3、没有IDE支持....   我朋友经常引用我的一句话就是:你的Java对我的Javascript是侵入的....,仿佛她比我还OO来着。   我自己就提出了一个解决的方法:就是把Java对象写成JS对象,这样Web设计人员只要关注JS对象,用JS对象来渲染整个Web页面,这样我就不会和他的领域冲突了。  简单来说,我们平常的WEB框架都是号称MVC的,这样它们就把V这个事情压在了JAVA程序员的身上,可怜我的审美观啊~所以我们应该把V继续往下推,推给对JAVA什么都不懂,但是却有非常丰富的WEB设计人员的身上。总不能让别人去学JAVA呀,那就只好把JAVA对象写成JS对象,这样WEB设计人员就可以轻松调用JS了。  大体实现过程是这样的:  1、双方先讨论项目的需求,然后确定下个个页面需要显示什么内容,怎么显示不管。讨论完后便确定了JS对象和数据库的大体结构。  2、各自写各自的东西...  3、双方写好后把WEB页面通过JS对象和Java连接起来,调试,完工。  具体关键代码:  J2J.java的代码,功能是获取scope范围内,名称为source的java对象,然后把这个java对象写成名称为distName类别为dist的JS对象。  代码: /** J2J.java** Created on 2006年10月2日, 下午7:16** To change this template, choose Tools | Template Manager* and open the template in the editor.*/package net.vlinux.tag.j2j;import javax.servlet.jsp.*; import javax.servlet.jsp.tagext.*; import java.lang.reflect.*; import java.util.*;/** * * @author vlinux */ public class NewObject extends TagSupport {  private String dist;  private String distName;  private String scope;  private String source;  private List<Method> getGetMethods( Object aObject ) {   Method[] array = aObject.getClass().getMethods();   List<Method> list = new ArrayList<Method>();   for( int i=0;i<array.length;i ){    String methodName = array[i].getName();    if( methodName.matches("get.*") )     list.add(array[i]);   }   return list; } private String getFieldName( Method aMethod){  String methodName = aMethod.getName();  String subName = methodName.substring(3,methodName.length());  return subName.toLowerCase(); } private Object getSourceObject(String scope, String source){  if( scope.equals("request") ){   return pageContext.getRequest().getAttribute(source);  }else if( scope.equals("session") ){   return pageContext.getSession().getAttribute(source);  }else if( scope.equals("page") ){   return pageContext.getAttribute(source);  }else{   System.out.println("xxx");   return null;  } } public int doStartTag(){  JspWriter out = pageContext.getOut();  Object sourceObject = getSourceObject(getScope(),getSource());  List list = getGetMethods( sourceObject );  try{   out.println( "<script>" );   out.println( "\tvar " getDistName() " = new " getDist() "();");   for( int i=0;i<list.size();i ){    try{     String fieldName = getFieldName((Method)list.get(i));     String value = ((Method)list.get(i)).invoke( getSourceObject(getScope(),getSource())).toString();     out.println( "\t" getDistName() "." fieldName " = \"" value "\"");    }catch(Exception e){     //    }   }   out.println( "</script>" );  }catch( java.io.IOException ioe){   //  }  return (EVAL_BODY_INCLUDE); } public int doEndTag(){  return (EVAL_PAGE); } public String getDist() {  return dist; } public void setDist(String dist) {  this.dist = dist; } public String getDistName() {  return distName; } public void setDistName(String distName) {  this.distName = distName; } public String getScope() {  return scope; } public void setScope(String scope) {  this.scope = scope; } public String getSource() {  return source; } public void setSource(String source) {  this.source = source; } }  标签的tld也一起给出吧,虽然不是关键   代码: <?xml version="1.0" encoding="UTF-8"?> <taglib version="2.0" xmlns=""  xmlns:xsi=""  xsi:schemaLocation=" web-jsptaglibrary_2_0.xsd"> <tlibversion>1.0</tlibversion> <jspversion>1.1</jspversion> <shortname>J2J</shortname> <uri>/J2J</uri> <tag> <name>newObject</name> <tagclass>net.vlinux.tag.j2j.NewObject</tagclass> <bodycontent>JSP</bodycontent> <info></info> <attribute> <name>distName</name> <required>true</required> </attribute> <attribute> <name>dist</name> <required>true</required> </attribute> <attribute> <name>scope</name> <required>true</required> </attribute> <attribute> <name>source</name> <required>true</required> </attribute> </tag> </taglib>  具体调用的JSP页面   代码 <%@ taglib uri="/WEB-INF/J2J.tld" prefix="jj"%>  <% //创建一个简单对象 net.vlinux.test.User user = new net.vlinux.test.User(); user.setId(new Integer(1)); user.setName("vlinux"); user.setPassword("lovefs"); user.setUsername("oldmanpushcart"); //把对象放到request中去 request.setAttribute("user",user); %> <!-- 这里要注意 dist是目标Javascript对象,这个是必须和web设计人员事先约定好的 distName 是目标Javascript对象实例的名,这个也是必须和web设计人月事先约定好 scope 告诉标签去那个范围寻找java对象的实例 source 源对象,也就是java对象,标签会通过scope确定的范围搜寻source --> <jj:newObject dist="User" distName="user" scope="request" source="user"/>  这样我们就得到这样的HTML代码。  代码: <script>  var user = new User();  user.username = "oldmanpushcart"  user.name = "vlinux"  user.id = "1"  user.password = "lovefs"  user.class = "class net.vlinux.test.User" </script>  控制页面输出代码为,JS程序员就是这样来渲染WEB页面的:  代码: <script>document.writeln(user.id);</script><br> <script>document.writeln(user.name);</script><br> <script>document.writeln(user.username);</script><br> <script>document.writeln(user.password);</script><br>   输出内容:  1 vlinux   oldmanpushcart   lovefs   JavaToJS我喜欢叫她j2j.   j2j的优点在于:  1、Java程序员和JS程序员相互之间不会干扰,各自干各自的。  2、JS程序员不用依赖JAVA代码才能进行测试,相反,它们很早就可以通过构造一些JS银弹来对页面情况进行测试了,开发速度一般比JAVA部分还快。很多项目都是先弄个大体框架,然后再慢慢细调。这样效率低,而且也不方便和客户交流--客户喜欢看到实际的东西。如果是J2J就是一步到位。  3、方便日后的维护和替换--万一有一天我死了(T_T),我的朋友还可以找其他的WEB程序员进行维护,如果找不到JAVA程序员,她甚至还可以找个ASP程序员把我的代码全部重写而不用修改页面的任何地方--也许表单的action需要改一下。  4、天生支持AJAX  当然,任何东西都是有缺点的,j2j的缺点在于:  1、不适合用来改写以前的代码,因为j2j的JS对于其他页面来说是侵入的   2、HTTP页面上会有大量的<script></script>段的存在,显得非常的不美观   3、没有IDE支持.... 下载本文示例代码


使用Java进行Web开发的随想使用Java进行Web开发的随想使用Java进行Web开发的随想使用Java进行Web开发的随想使用Java进行Web开发的随想使用Java进行Web开发的随想使用Java进行Web开发的随想使用Java进行Web开发的随想使用Java进行Web开发的随想使用Java进行Web开发的随想使用Java进行Web开发的随想使用Java进行Web开发的随想使用Java进行Web开发的随想使用Java进行Web开发的随想使用Java进行Web开发的随想
阅读(484) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~