Nitrogen 學習過程實錄(12)

2021-09-30 03:55:08 字數 1239 閱讀 3467

7、nitrogen 的元件(elements)

元件是構成nitrogen動態網頁的**片斷。元件由erlang的記錄(record)和支援模組(.erl檔案)組成,用以告知編譯器(rendering engine,直譯是「渲染機」,感覺不符合漢語習慣),如何翻譯成html內容。

許多erlang元件有html的同等對應。例如,元件#span直接譯成。

(1) nitrogen元件的標準屬性

id – 元件的名字。

actions – 元件的行為。後面會講述。

show_if – 值為true或false以顯示或隱藏該元件。

class – 元件的css類名稱。 

style – 元件的css風格。

大多數元件還有其他特別屬性。例如,元件#panel建立html標籤div,其中就有屬性body。元件#checkbox,建立html標籤checkbox,其中包含著另乙個元件text,用以管理checkbox中的文字。

(2) 元件樹

元件可以組合成列表,或者巢狀構成復合結構。例如:

body = #body ,

#label ,

#button

(3) 直接使用html正文

nitrogen允許你在動態網頁中,在元件外部直接書寫html正文。例如:

body = #body ,

"this is someplainhtml.",

#label ,

this is some more html. erlang allows for multiline strings

as long as you escape your double-quotes like this (/").

(4) 建立自定義元件

這十分簡單。

首先,定義記錄如下:

-record(myelement, ). 

然後,建立名為element_myelement的支援模組。你的模組應該匯出函式render(controlid, record),由其返回編譯後的html正文。

render(controlid, record)

controlid – 元件在html正文中的id。

record – 型別為myelement的記錄,其中的引數用以建立自定義控制項。

Nitrogen 學習過程實錄(1)

一 第一階段,熟悉quickstart基本情況 quickstart是nitrogen的樣本應用,通過分析它,了解如何製作處理動態網頁,如何完成web操作,如何裝配 等等。1 把目錄d nitrogen quickstart複製到d 改名quickstart2後,複製回d nitrogen quic...

Nitrogen 學習過程實錄(8)

3 nitrogen 是怎樣處理路由 route 和操作請求 request 的 路由和請求,是web伺服器必須處理的2項基本任務。由專案模組,如quickstart.erl,規定處理方式 route path nitrogen route path request module nitrogen ...

mysql安裝過程實錄

mysql安裝過程實錄 1.切換到mysql的安裝檔案目錄下.成功資訊 thank you for install mysql.3.make 安裝完後尾部類似這種 4.make install 安裝完後尾部類似這種 mysql install db mysql install db user roo...