用Java生成HTML

今天起床突然想到了了或许可以用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定义完成,就可以被重用了。

具体实现今晚做出来。今天天气这么好,要出门活动一下才行啊。


骑车路上越想越觉得这样的模型不够完善:数据怎么加载?如何重用模板?如何在已有的模板中插入新内容?

明天有精神继续吧。接下来来看比赛视频好了,大英女单决赛,嗯。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 218,546评论 6 507
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,224评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,911评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,737评论 1 294
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,753评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,598评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,338评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,249评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,696评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,888评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,013评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,731评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,348评论 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,929评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,048评论 1 270
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,203评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,960评论 2 355

推荐阅读更多精彩内容

  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,634评论 18 399
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,151评论 25 707
  • 一. Java基础部分.................................................
    wy_sure阅读 3,811评论 0 11
  • 找到一篇似乎很好的文章呢,关于updateConstraints,分享一下 这里是原文 How to Use up...
    逐水而上阅读 6,145评论 1 1
  • 相对卷一,《聊斋志异》中卷二的篇幅都要更长。 故事也讲得更细,情节更生动,人物也更加让人感动。 在聊斋中,虽然充斥...
    李暖安阅读 1,049评论 5 20