渲染模板template 內容管理系統總結3

2021-07-11 20:56:44 字數 1634 閱讀 6221

因為前面的總結中看到了script type=」text/html」 ,在總結這章的時候又看到了script type=」text/template」,所以我就順便的研究了下這個type的意義。

所以我們通過這個type型別來分析用那個解析器來解析這段**。

這個渲染模板是underscore裡邊的方法,所以我們要引用的是underscore.js這個js檔案

首先看個能跑起來的**把,其實也就是相對於上一章的render渲染改了一點:

lang="en">

charset="utf-8">

documenttitle>

src="jquery-1.10.2.min.js">

script>

src="ejs.js">

script>

src="underscore.min.js">

script>

type="text/css">

.test

.test > span

.test > span > img

.hide

style>

id="testname"

type="text/html">

class="name">

class="<%= nametype%>">

<% for(var i= 0;i

class="list">

<%= data.info.list.name[i] %>

li>

<% } %>

ul>

div>

script>

head>

class="test">

class="hide"

src=""

alt="">

span>

href="www.baidu.com">點我嘍!a>

div>

function

render

(id, data, isjquery) ).render(data);

return isjquery ? $(html) : html;

}$(".test").click(function

());

$(".test img").click(function

());

$(".test a").click(function

());

var data = }}

// var $namehtml =render(testname,);

// var $namehtml =new ejs().render();

var $namehtml = _.template($("#testname").html())();

script>

body>

html>

這個**很好理解,這裡沒有統一的定義template方法,因為template這個比較方便的,所以就沒有寫總體的方法了。

underscore.js還有很多的其他的方法,都可以使用的。推薦underscore.js的中文文件檢視:

underscore.js中文文件檢視

_.方法名:這其實就是標準的underscore.js的使用了。

模板 Template 模式

模板 template 模式 模板模式是類的行為模式。1.定義 定義乙個操作中演算法的骨架 或稱為頂級邏輯 將一些步驟 或稱為基本方法 的執行延遲到其子類中.2.模板模式與繼承 模板方法估計恰當地使用繼承。此模式可以用來改寫一些擁有相同功能的相關的類,將可復用的一般性行為 移到基類裡面,而把特殊化的...

template模板學習

匯入這個模板來使用 template web.js script 這個模板的github 匯入後可以使用template的函式和格式進行模板的開發 符號包裹起來的語句則為模板的邏輯表示式。輸出表示式 對內容編碼輸出 不編碼輸出 條件表示式 adminp masterp error p 遍歷表示式 l...

Template模板模式

在模板模式 template pattern 中,乙個抽象類公開定義了執行它的方法的方式 模板。它的子類可以按需要重寫方法實現,但呼叫將以抽象類中定義的方式進行。這種型別的設計模式屬於行為型模式 優缺點優點 1 封裝不變部分,擴充套件可變部分。2 提取公共 便於維護。3 行為由父類控制,子類實現。缺...