Websharp 4 元素介紹與模板設計

2021-04-19 22:50:12 字數 3156 閱讀 8265

此章節重點介紹websharp中的各種概念,有興趣的可以耐心花點時間瀏覽一遍,如果沒有興趣也無所謂,在後面的章節中我們會逐步掌握這些東西;或者這作為乙個手冊,在有需要的時候再回頭查閱。

websharp

的模板其實是乙個

dom結構

,但它這個dom結構和html裡面的dom結構還不一樣。html裡面的dom結構是由各個html元素組成的;而websharp的dom結構是由websharp定義的元素組成的。

html示例:1

2 這個**分割後就是1和2 兩部分

websharp示例:

這個**分割後就是:、 和

三部分組成的。可以看出websharp不管你的html**,它只以websharp的元素作為分割的標準。

按照websharp的分割標準,我們可以把模板看作是由三型別的元素構成的

(描紅的元素是我們常用到的元素):

1) 

靜態的html

,也就是普通的

html

文字。如上面的

2) 

模板變數元素。也就是用

包含起來的一些變數。變數具體又可以分為幾種,如下表所示,一般我們常用的就是普通變數。

元素名稱 標記

例子 說明

普通變數

通常變數

忽略變數

注釋掉乙個變數,一般不用

資源變數 或

國際化資源變數

包含模板檔案變數 或

包含另外乙個公共的模板檔案。一般公用的**如頁首、頁尾都可以做成乙個單獨模板檔案,然後include進來

包含鏈結變數 或

包含乙個鏈結,等同jsp裡面的include

3) 

模板塊元素。用

來表示。

元素名稱 標記

說明普通塊

(normal block)

[statement block]

可以用程式控制普通塊裡面的內容的一次輸出

迴圈塊(loop block)

[statement block]

可以用程式控制迴圈塊裡面的內容的多次輸出。

忽略塊(ignored block)

[statement block]

此**塊被忽略。通常要注釋掉乙個模板塊才用到。

普通塊和迴圈塊的不同地方就是,迴圈塊可以看作是普通塊的多次迴圈。

比較下圖的兩個**塊,這兩個**塊都是顯示乙個,

code ii

比code i

多了乙個

block

。code i

在任何時候都會被輸出;

code ii加上了block就相當加入了乙個開關,

允許我們程式設計的時候控制它是否輸出,例如當存在的時候輸出,否則就不輸出。

code i

<

imgsrc

=""width

="100"

height

="100">

code ii

<

imgsrc

=""width

="100"

height

="100">

比較下面的兩個**,乙個用到

normal block

,乙個用到了

loop block

,用到了

loop block

,你可以在程式設計的時候控制此**塊動態地輸出十遍、百遍……

code i

<

imgsrc

=""width

="100"

height

="100">

<

imgsrc

=""width

="100"

height

="100">

code ii

<

imgsrc

=""width

="100"

height

="100">

通過此例子,可以更加深刻理解websharp dom結構的劃分。

讓我們來看乙個模板的**:

<

html

>

<

body

>

<

select

size

="5">

<

option

value

="">

option

>

select

>

body

>

html

>

我們用**的方式來分析:

從**中可以看出模板確實是乙個

dom結構(有節點組成的樹),這就是模板

dom,它和

html

的dom

結構有著本質的區別,因為它以模板元素來劃分這個

dom而不是通過

html

元素來劃分這個

dom。

有了這個模板

dom,我們就可以通過與其對應的

valuenode dom

來給這個模板賦予動態的內容。

valuenode dom

也是由許多

valuenode

組成的樹狀結構,每個

valuenode

都將對映到乙個模板塊元素(如上圖的節點

2屬於模板塊元素,而節點1和

3是靜態內容,不需要對映),最終把兩者結合從而輸出動態的內容。

本文主要介紹了

web sharp

的模板定義以及如何使用,其實你要記住、、

、、這幾項內容就可以了,而模板的使用會在開發的過程中慢慢熟悉起來的。

XML (4)元素與屬性

簡介 元素是包括標籤對在內的整個部分,屬性時標籤中的乙個鍵值對。type gif computer.giffile 1.元素是包括標籤對在內的整個部分,所以computer.gif整個標籤對稱之為元素。2.屬性時標籤中的乙個鍵值對,type gif 這部分稱之為屬性。男 小朱name 23age p...

html5學習4 元素與屬性

1 使用元素 元素是一種用來向瀏覽器說明文件內容的工具。其效果體現在內容之上。不同的元素有不同的確切含義。元素名不區分大小寫。甚至都會被瀏覽器視為code元素的開始標籤。一般來說,應該認定某種大小寫格式並且貫徹始終。近年來更常見的風格是全部使用小寫。2 空元素 元素的開始和結束標籤之間並非一定要有內...

尤拉角與四元素轉換

1.尤拉角轉換四元素 public class eulerangles 四元素資料轉換為尤拉角資料 param w param x param y param z public eulerangles float w,float x,float y,float z else yaw z axis r...