纯HTML + JavaScript客户端模板 [英] Pure HTML + JavaScript client side templating

问题描述

我希望只使用客户端技术来实现与Java Tiles框架类似的功能（不包括服务器端包含的功能）。

我想要一个页面，例如 layout.html ，其中将包含布局定义。该页面中的内容占位符将为空#content div标记。

我希望根据url在该页面上注入不同的内容。诸如 layout.html？content = main 或 layout.html？content = edit 之类的内容将显示内容被main.html或edit.html替换的页面。

目标是避免重复代码（即使是布局），并且在没有服务器端模板的情况下编写页面。

什么方法你会建议吗？

编辑：我不需要一个完整的模板库，只是一种编写页面的方法，类似于tile的功能。 b $ b

解决方案

JavaScriptMVC 有一个 view templating 系统支持不同的引擎，包括一个纯粹的基于JavaScript的 EJS 。

您可能还想看看<胡须，特别是 胡须 github.com/janl/mustache.jsrel =nofollow>用于JavaScript的Mustache 。

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.

解决方案

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.

这篇关于纯HTML + JavaScript客户端模板的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！