在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());