今天起床突然想到了了或许可以用Java来写HTML模板然后写个框架来生成HTML。但是想来想去，发现这样的实现方法确实不大直接。
初步设想是这样的：
h.insert(
(tag1.insert(tag1.1
.and(tag1.2)))
.and(tag2.insert(tag2.1
.and(tag2.2)
.and(tag2.3)))
这样一来，开发者可以直接使用Java代码生成HTML，对于必须自己编写HTML页面的java开发者来说，对学习成本的减少可能没有，但是对于代码的重用以及封装就很有用了。每个tag都可以封装成控件。同时，生成HTML页面的过程是“可编程的”，开发者可以在定义HTML的时候定义加载数据的过程。对于那些“全栈式工程师”，这可能带来大用处。
但是问题在于，HTML代码会有很多嵌套。当在Java代码中模仿这种嵌套的时候，代码会变得很难维护：看看上面代码中的括号就知道了。对于这个问题，可以使用“广度优先”的方法组织HTML 页面结构：
tag.1.insert(tag1.1.and(tag1.2));
tag2.insert(tag2.1.and(tag2.2));
h.insert(tag1.and(tag2));
这也是代码重用的一个例子。至于这种做法能不能被人接受，我真的不确定。
于是想到了公司的作法，其实也是很多框架的作法。使用拓展的xml来定义HTML，在其中加入自定义的标签来控制页面的生成以及实现模板的重用。XML天生具有作为DSL的优势，用来定义HTML也是很简单直接的事情。
然而，公司使用的框架的问题在于，XML完全仅用来定义页面（layout），对于数据的加载，则全部使用js在页面显示完成之后执行，一些控件的显示与否也完全由js控制。这样一来，客户端可以很简单地通过操纵js来控制页面，这其中有很大的安全隐患。js代码是完全暴露给用户的，然而我们却在其中包含了太多的业务逻辑。同时，页面是在项目构建的时候根据模板生成的，也就是说当修改了模板，需要重新build项目。这真是不科学。
于是想到了其他框架的作法。一般来说，在定义页面的时候，会在页面中使用数据占位符，在生成页面的时候，读取数据将占位符填上。而且，页面是在请求发来的时候动态生成的。我觉得这一种方法比公司的作法好多了。
于是想到了来重新看看Play框架是如何输出一个页面的。
主要解决两个问题：1.页面如何生成，何时何地，如何加载数据；2.Js, AJAX在play中的使用方法。
中午睡不着，反而想了些用java写模板的设计：
new HTML( new AttributesMap(), new Tag1( null, new Tag1.1(), new Tag1.2() ), new Tag2( null, new Tag2.1(), new Tag2.2( null, new Tag2,2,1() ) ,.... ) )
Tag类的构造函数接收任意多的参数，第一个参数是属性表：
abstract class Tag{
private Map<String, String> attrMap;
private List<Tag> tags;
public Tag(Map<String, String> attrMap, Tag ... tags){
this.tags = tags;
this.attrMap = attrMap;
}
public abstract String getTagName();
public String toHTML(){
StringBuilder sb = new StringBuilder();
sb.append("<");
sb.append(this.getTagName());
if(this.attrMap !=null){
for(Entry<String, String> entry : attrMap){
sb.append(entry.getKey + "=" + "\"");
sb.append(entry.getValue + "\" ");
}
}
sb.append(">");
sb.append(this.loadContent());
sb.append("</");
sb.append(this.getTagName());
sb.applend(">");
return sb.toString();
}
public String loadContent(){
//the default implementation of tags
StringBuilder sb = new StringBuilder();
for(Tag tag : Tags){
sb.append(tag.toHTML());
}
return sb.toString();
}
}
在Tag类中，定义了生成HTML方法，开发者继承这个类来构造自己的Tag，必须实现getTagName()方法，在某些时候，还需要自定义loadContent() 方法来控制生成的内容。一旦这个新Tag定义完成，就可以被重用了。
具体实现今晚做出来。今天天气这么好，要出门活动一下才行啊。
骑车路上越想越觉得这样的模型不够完善：数据怎么加载？如何重用模板？如何在已有的模板中插入新内容？
明天有精神继续吧。接下来来看比赛视频好了，大英女单决赛，嗯。
网友评论