在Web应用程序项目中管理DHTML模板

Question

我正在Visual Studio中开发一个相当复杂的Web应用程序。

这使用了大量由JavaScript生成的动态HTML。结果，我发现自己声明了很多包含HTML模板的字符串变量。其中一些可能相当复杂，并且可能会有点混乱。

在过去，我编写了一个工具，可以将具有特别构建类型的HTML文件自动编译为单个JavaScript文件。沿线：

var res = {}; 
res.buttonTemplate = '<button>Text</button>"; 

这工作得很好，但我想知道其他人如何解决这个问题？你只是容忍（和最小化）的HTML字符串，或做不同？

Answer 1

您可以编写一个HTML页面的所有模板和加载，通过jQuery的，那么内的参考模板..

<template class="button"> 
    <button>{0}</button> 
</template> 

...

<div id="templates"></div> 

...

$("#templates").load("/templates.html"); 

...

var newElement = $($("#templates .button").html());