5天學會使用NoahWeb表現層製作動態網站(第四天)

歡迎大家繼續第四天的學習!前三天都是準備和環境的搭建,今天開始真正的教怎麼做動態站點,呵呵。

我們先來仔細看一下安裝設計器以後在Macromedia Dreamweaver MX 2004加入的NoahWeb擴展菜單,在“插入”裏可以看到如下的界面:

這個是NoahWeb Base Object下的內容

這個是NoahWeb Objects下的內容

好了。可以開始製作了。我們先在Macromedia Dreamweaver MX 2004中新建一個“空頁面”。

然後存放在e:/webroot/mysite下,命名爲"default.aspx"。在這說明一下,如果各位對Macromedia Dreamweaver MX 2004熟悉的話可以在DW中爲e:/webroot/mysite建一個站點(DW中建站點不是必須的,各位如果會的話不妨建一下這樣用起來會更方便!)。

接下來我們在DW中在"default.aspx"頁面的代碼頭部加插入"NoahWeb Base Objects"下的"NoahPageHeadTag"標籤,如下圖:

插入以後的代碼如下:

呵呵現在就已經表示這個aspx頁面採用NoahWeb的引擎來進行解析。這個標籤十分重要,否則頁面就不能正常的被NoahWeb引擎解析。

我們可以先來測試一下運行是否正常,寫個測試內容在body區域裏,可以先插入一個"NoahWeb Objects"下的"NoahValue"標籤。具體的方法如下:

插入後的代碼如下:

然後在ValueName="" 裏調用NoahWebInfo()函數,如圖所示:

保存"default.aspx"文件以後在IE瀏覽器裏輸入"localhost"回車後能看到

Ok,看到上面的內容就表示我們做的都是正確的,"default.aspx"頁面已經被NoahWeb的引擎解析。

在此回頭看一下剛纔使用到的兩個命令。第一個命令是

<%@ Page language="c#" AutoEventWireup="false" Inherits="NoahWeb.Engine" %>

這個命令是來告訴系統該頁面將使用NoahWeb的引擎來做解析,大家只要記得把這段代碼插入到所需要被引擎解析的aspx文件的最頭部就可以了。

 

另一個命令是

<!-- NoahValue ValueName="" MaxChar="" DChar="" Safety="False" -->

這個是一個大家所熟悉的HTML註釋標籤寫法,可他在這不是一個普通註釋標籤,而就是我們的學習的NoahWeb表現層的語法,NoahWeb的13個表現層指令全部都是類似的註釋標籤,而此刻這個指令是用來回顯變量內容到該標籤所在的位置的,比如剛纔我們調用了一個NoahWebInfo()的函數,這個函數執行出來的結果就會被放在NoahValue標籤所在的位置。

OK!知道這兩個命令以後我們接着往下講,今天的內容會比之前幾天多一點。

爲了後面的動態顯示內容。我們先給數據庫內的mynews表準備一點內容,用企業管理器添加些內容,如下:

然後我們可以使用設計器建立一個數據庫操作集,具體的方法就是在設計器裏的"mynews"表上面點鼠標右鍵然後選擇"由此創建Select",如下圖:

選擇後會看到設計器裏出現下面的界面

我們完善一下其中的內容,有修改的部分我用紅字給大家做了一下標註,如下:

改動的地方很少。很容易的做的。然後點上圖我用藍色的字標註的地方可以把這個界面關閉並將內容保存,然後就能看到在操作集下出現了一個mynews_S_All的操作集,如下圖:

這就相當於我們手寫了一個數據庫查詢“select * from mynews”,然後呢我們回到DW中,在DW中我們可以在剛纔的"default.aspx"裏做好一個爲顯示新聞的靜態樣子。小弟美術水平有限,做的不漂亮大家多多包涵,大概樣子如下:

我們看一下,如果我們要希望呈現按照靜態的樣子來動態顯示成後臺數據庫中的內容,要做的其實就是循環"<tr>"到下一個"</tr>"之間的內容,瞭解這點以後就很容易做了。我們可以在設計器中先選中"<tr>"至"</tr>"之間的一段內容,然後插入"NoahWeb Objects"下的"NoahLoop"標籤,具體如下:

然後會看到下面的內容

這樣LOOP就把"<tr>"至"</tr>"之間的內容包住了,然後我們把之前在設計器中做好的"mynews_S_All"數據庫操作集的名稱放到SQLLinkId=""中,如下

保存以後運行一下看看,呵呵在瀏覽器裏就能看到這樣的結果,如下:

可以看到,現在多了6條"準備做新聞的第1條"這樣的內容,我們繼續做一下,就可以把內容顯示出來了,在DW中用上面我們講過的方式插入一個

<!-- NoahValue ValueName="" MaxChar="" DChar="" Safety="False" -->

替換掉

"準備做的新聞第1條"

然後在ValueName=""裏寫入"[_LOOP.*.title]",如下圖所示:

存盤以後在瀏覽器中的顯示結果如下:

再接再力,把發佈時間也替換了……,方法就是把

發佈時間

替換成

<!-- NoahValue ValueName="[_LOOP.*.newdate]" MaxChar="" DChar="" Safety="False" -->

如下圖:

存盤保存以後,在瀏覽器裏查看顯示結果如下:

哇,後面把時間也顯示出來了~,得改改……,要不太難看,改的方法查了查NoahWeb的文檔可以調用date函數,稍微修改一下:

<!-- NoahValue ValueName="[_LOOP.*.newdate]" MaxChar="" DChar="" Safety="False" -->

改成

<!-- NoahValue ValueName="date('O',mktime([_LOOP.*.newdate]))" MaxChar="" DChar="" Safety="False" -->

如下圖:

刷新一下瀏覽器就能看到下面的結果

現在好多了。不過下面剛纔靜態做的那些也應該去掉,這樣才漂亮

在DW中刪掉那些代碼就可以了。如下

在瀏覽器裏刷新就看到

 

苦悶呀,實際操作的時候其實非常簡單的,我寫的整個過程最多1-2分鐘的操作。可寫出來害我截了那麼多張圖片……,命苦。今天就教大家到這吧,明天接着再講。累了。

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章