纯 HTML + JavaScript 客户端模板
我想仅使用客户端技术（不包括服务器端）来实现类似于 Java Tiles 框架的东西。
我想要一个页面，例如layout.html，其中将包含布局定义。该页面中的内容占位符将为空的 #content div 标签。
我想根据 url 在该页面上注入不同的内容。类似 layout.html?content=main 或 layout.html?content=edit 将显示内容替换为 main.html 或 edit.html 的页面。
目标是避免重复代码（即使是布局），并在没有服务器端模板的情况下编写页面。
您建议采取什么方法？
编辑：我不需要完整的模板库，只是一种组成页面的方法，类似于图块的功能。
I want to have achieve something similar to Java Tiles framework using only client side technologies (no server side includes).
I would like to have one page, eg layout.html which will contain layout definition. Content placeholder in that page would be empty #content div tag.
I would like to have different content injected on that page based on url. Something like layout.html?content=main or layout.html?content=edit will display page with content replaced with main.html or edit.html.
The goal is to avoid duplicating code, even for layout, and to compose pages without server-side templating.
What approach would you suggest?
EDIT: I don't need a full templating library, just a way to compose a pages, similar for what tiles do.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
JavaScriptMVC 有一个 视图模板系统，支持不同的引擎，包括一个基于纯 JavaScript 的系统，名为 EJS。
您可能还想研究 Mustache 特别是 JavaScript 的 Mustache。
JavaScriptMVC has a view templating system that supports different engines, including a pure JavaScript based one called EJS.
You might also want to look into Mustache especially Mustache for JavaScript.
如果您想使用 jQuery，还有一个正在开发中的不错的模板引擎：
http://github。 com/jquery/jquery-tmpl
http://api.jquery.com/jquery.tmpl /
If you would like to use jQuery, there is a decent templating engine in development as well:
http://github.com/jquery/jquery-tmpl
http://api.jquery.com/jquery.tmpl/
看看这个：
http://layout.jquery-dev.net/
我认为它接近于你想要的。
我同时在看javascriptMVC。
在论坛中，他们正在谈论使用 jquery 布局。
Check this out:
http://layout.jquery-dev.net/
I thinks it's close to what you want.
I am looking at javascriptMVC at the same time.
In the forum they are talking about using jquery layout with it.
我不知道它是否完全适合您想要执行的操作，但是使用 GWT 对于富客户端应用程序来说似乎是一个好方法：
您使用框架用 Java 编写所有应用程序，然后进行编译以获得独立工作的 HTML 和 JS 文件。
I don't know if it fit exactly to what you want to do, but using the GWT seems to be a good approach for rich client-side applications :
You write all your application in Java with the framework, and you compile for obtain HTML and JS files working stand-alone.