Java Web 開發新思路：J2J 標籤讓 Java 物件無縫變身 JavaScript 物件

傳統 MVC 框架將 View 渲染壓在 Java 程式設計師身上，導致前後端耦合、審美與邏輯混淆。作者提出 J2J (Java to JavaScript) 方案：自定義 JSP 標籤將請求域 Java 物件自動轉為約定好的 JS 物件，前端設計師純粹用 JS 渲染頁面，雙方互不干擾。

協作流程

1. 雙方確認頁面所需資料結構，約定 JS 類名與實例名（如 User / user）。
2. Java 端開發業務邏輯，將 Domain 物件放入 request/session/page 域。
3. 前端開發靜態頁面，用 JS 物件屬性渲染（可用 Mock 資料獨立開發測試）。
4. JSP 引入 <jj:newObject> 標籤掛載 JS 物件，聯調上線。

核心標籤實作 J2J.java

public class NewObject extends TagSupport {
    private String dist;      // 目標 JS 類名
    private String distName;  // 目標 JS 實例名
    private String scope;     // request/session/page
    private String source;    // 源 Java 物件屬性名

    public int doStartTag() {
        JspWriter out = pageContext.getOut();
        Object srcObj = getSourceObject(scope, source); // 從指定域取物件
        List<Method> getters = getGetMethods(srcObj);   // 反射取所有 getXxx()

        try {
            out.println("<script>");
            out.println("var " + distName + " = new " + dist + "();");
            for (Method m : getters) {
                String field = getFieldName(m); // getName → name
                Object val = m.invoke(srcObj);
                if (val != null) {
                    out.println(distName + "." + field + " = \"" + val.toString() + "\";");
                }
            }
            out.println("</script>");
        } catch (IOException e) { /* ignore */ }
        return EVAL_BODY_INCLUDE;
    }
    // 反射輔助方法、getter/setter 省略...
}

TLD 定義

<tag>
    <name>newObject</name>
    <tagclass>net.vlinux.tag.j2j.NewObject</tagclass>
    <bodycontent>JSP</bodycontent>
    <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 uri="/WEB-INF/J2J.tld" prefix="jj" %>
<%
    User user = new User();
    user.setId(1); user.setName("vlinux");
    user.setUsername("oldmanpushcart"); user.setPassword("lovefs");
    request.setAttribute("user", user);
%>
<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>

前端渲染

<script>document.writeln(user.id);</script><br>
<script>document.writeln(user.name);</script><br>
...

優勢與代價

J2J 以「約定優於配置」的輕量標籤，打通 Java 後端與 JS 前端的資料通道，是前後端分離演進史上的一種樸素而有效的探索。