VTemplate模板引擎的使用 入門篇

2021-09-05 21:31:31 字數 3448 閱讀 7666

1、什麼是vtemplate模板引擎?

詳細這裡。

2、怎樣使用vtemplate模板引擎

第2步: 針對你的目的設計好vt模板(如html頁面)。

第3步: 根據vt模板在**裡例項化模板引擎物件,並處理相關的邏輯資料。

第4步: 輸出模板引擎的最終呈現資料(直接顯示或儲存到檔案)

3、如何設計vt模板?

設計vt模板其時就是在於如何設計vt模板元素,類似於你設計html頁面時如何設計那些html標籤元素一樣。而設計vt模板,則主要是將那些你覺得應該要時常改變資料的地方設計為vt模板元素。比如針對單資料變動的地方(如文章的標題、內容),則設計變數元素;針對列表資料變動的地方(如文章排行、欄目列表等資料),則設計迴圈元素(for或foreach標籤元素)

注:關於vt模板元素請

參考這文章

的第3點以下的內容。

下面讓我們來做乙個例子,設計乙個類似於中的日誌頁面(也就是你現在看到的這個頁面)的vt模板。

頁面效果如下:

日記的標題區日記的內容 

#1樓 2008-06-19 11:14 | 張三

沙發#2樓 2008-07-19 11:14 | 李四

頂樓主#3樓 2008-08-19 11:14 | 王五

板凳啊

頁面html**如下:

<

div class=」bloglog」><

strong

>

日記的標題區

strong

>

<

hr class=」blogsplit」/>

日記的內容

<

divstyle

="margin-bottom: 20px"

align

="right"

>posted @ 2008-06-19 10:31

div>

<

strong

strong

>

<

hr class=」blogsplit」/>

<

div class=」blogcomment」

>#1樓 2008-06-19 11:14 | 張三

div>

<

divstyle

="padding-left: 20px"

>沙發

div>

<

hr class=」blogsplit」/>

<

div class=」blogcomment」>#2樓 2008-07-19 11:14 | 李四

div>

<

divstyle

="padding-left: 20px"

>頂樓主

div>

<

hr class=」blogsplit」/>

<

div

class=」blogcomment」>#3樓 2008-08-19 11:14 | 王五

div>

<

divstyle

="padding-left: 20px"

>板凳啊

div>

div>

<

div class=」bloglog」><

strong

>

strong

>

<

hr class=」blogsplit」/>

<

divstyle

="margin-bottom: 20px"

align

="right"

>posted @

div>

<

strong

strong

>

<

hr class=」blogsplit」/>

<

div class=」blogcomment」

>#樓 |

div>

<

divstyle

="padding-left: 20px"

>

div>

>

div>

4、怎麼使用vt模板?

利用我們上面設計好的vt模板,我們例項化vtemplate模板引擎的裡的模板文件物件templatedocument。

假如我們的vt模板儲存在blogarchive.html檔案裡,則例項化**如下:

templatedocument document =

new

"template/blogarchive.html"),

encoding.utf8);

或者我們從快取模板裡構造例項:

templatedocument document =

templatedocument.fromfilecache

"template/blogarchive.html"),

encoding.utf8);

到此,我們就可以使用document物件來操作vt模板變數裡的元素物件了,比如對vt模板裡紅色的blogarchive變數賦於某篇部落格日記資料,如下:

//對vt模板裡的blogarchive變數賦值

document.variables.setvalue(

"blogarchive",

this.getblogarchive());

經過這簡單的兩步操作,我們就已完成了對vt模板的操作,剩下就是「告訴」模板引擎將資料呈現出來,我們的部落格日記頁面就做好了;)是不是很簡單?

//輸出最終呈現的資料

document.render(context.response.output);

注:本篇的例子**摘自vtemplate.webtester專案下的blogarchive.ashx檔案

vtemplate專案託管在google code上

url:

svn: svn/src/vtemplate.engine/

svn/src/vtemplate.webtester/

dolt」、「瘋子提供)

VTemplate模板引擎入門 VT標籤介紹

1 什麼是vtemplate vtemplate 是乙個免費的開源 採用lgpl 開源許可協議 模板引擎,用於解析執行vt 模板 其主要目標是為asp.net 開發提供另外一種技術選擇方案,以保證用簡單的語法,良好的結構,不混雜業務邏輯的方式書寫頁面 適合於充當model view controll...

VTemplate模板引擎的使用 入門篇

1 什麼是vtemplate模板引擎?詳細這裡。2 怎樣使用vtemplate模板引擎?第2步 針對你的目的設計好vt模板 如html頁面 第3步 根據vt模板在 裡例項化模板引擎物件,並處理相關的邏輯資料。第4步 輸出模板引擎的最終呈現資料 直接顯示或儲存到檔案 3 如何設計vt模板?設計vt模板...

玄宇說 簡單的VTemplate模板引擎的使用

因為我是個小白,即使在網上搜到了vt摸版的使用說明在使用的時候仍然會是比較困難,因為我是用的一般處理程式寫的偽靜態,所以我會將我的所有 給大家貼出來參考學習,雖然可能也學不到什麼就是了,那麼讓我們進入正題下面正是開始 一般處理程式 初始化當前頁面模板資料 public override void i...