下载本文示例代码
我朋友经常引用我的一句话就是:你的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) |