歡迎大家繼續(xù)第四天的學(xué)習(xí)!前三天都是準(zhǔn)備和環(huán)境的搭建,今天開始真正的教怎么做動(dòng)態(tài)站點(diǎn),呵呵。
我們先來仔細(xì)看一下安裝設(shè)計(jì)器以后在Macromedia Dreamweaver MX 2004加入的NoahWeb擴(kuò)展菜單,在“插入”里可以看到如下的界面:
這個(gè)是NoahWeb Base Object下的內(nèi)容
這個(gè)是NoahWeb Objects下的內(nèi)容
好了?梢蚤_始制作了。我們先在Macromedia Dreamweaver MX 2004中新建一個(gè)“空頁面”。
然后存放在e:\webroot\mysite下,命名為"default.aspx"。在這說明一下,如果各位對(duì)Macromedia Dreamweaver MX 2004熟悉的話可以在DW中為e:\webroot\mysite建一個(gè)站點(diǎn)(DW中建站點(diǎn)不是必須的,各位如果會(huì)的話不妨建一下這樣用起來會(huì)更方便!)。
接下來我們?cè)贒W中在"default.aspx"頁面的代碼頭部加插入"NoahWeb Base Objects"下的"NoahPageHeadTag"標(biāo)簽,如下圖:
插入以后的代碼如下:
呵呵現(xiàn)在就已經(jīng)表示這個(gè)aspx頁面采用NoahWeb的引擎來進(jìn)行解析。這個(gè)標(biāo)簽十分重要,否則頁面就不能正常的被NoahWeb引擎解析。
我們可以先來測(cè)試一下運(yùn)行是否正常,寫個(gè)測(cè)試內(nèi)容在body區(qū)域里,可以先插入一個(gè)"NoahWeb Objects"下的"NoahValue"標(biāo)簽。具體的方法如下:
插入后的代碼如下:
然后在ValueName="" 里調(diào)用NoahWebInfo()函數(shù),如圖所示:
保存"default.aspx"文件以后在IE瀏覽器里輸入"localhost"回車后能看到
Ok,看到上面的內(nèi)容就表示我們做的都是正確的,"default.aspx"頁面已經(jīng)被NoahWeb的引擎解析。
在此回頭看一下剛才使用到的兩個(gè)命令。第一個(gè)命令是
<%@ Page language="c#" AutoEventWireup="false" Inherits="NoahWeb.Engine" %>
這個(gè)命令是來告訴系統(tǒng)該頁面將使用NoahWeb的引擎來做解析,大家只要記得把這段代碼插入到所需要被引擎解析的aspx文件的最頭部就可以了。
另一個(gè)命令是
<!-- NoahValue ValueName="" MaxChar="" DChar="" Safety="False" -->
這個(gè)是一個(gè)大家所熟悉的HTML注釋標(biāo)簽寫法,可他在這不是一個(gè)普通注釋標(biāo)簽,而就是我們的學(xué)習(xí)的NoahWeb表現(xiàn)層的語法,NoahWeb的13個(gè)表現(xiàn)層指令全部都是類似的注釋標(biāo)簽,而此刻這個(gè)指令是用來回顯變量內(nèi)容到該標(biāo)簽所在的位置的,比如剛才我們調(diào)用了一個(gè)NoahWebInfo()的函數(shù),這個(gè)函數(shù)執(zhí)行出來的結(jié)果就會(huì)被放在NoahValue標(biāo)簽所在的位置。
OK!知道這兩個(gè)命令以后我們接著往下講,今天的內(nèi)容會(huì)比之前幾天多一點(diǎn)。
為了后面的動(dòng)態(tài)顯示內(nèi)容。我們先給數(shù)據(jù)庫內(nèi)的mynews表準(zhǔn)備一點(diǎn)內(nèi)容,用企業(yè)管理器添加些內(nèi)容,如下:
然后我們可以使用設(shè)計(jì)器建立一個(gè)數(shù)據(jù)庫操作集,具體的方法就是在設(shè)計(jì)器里的"mynews"表上面點(diǎn)鼠標(biāo)右鍵然后選擇"由此創(chuàng)建Select",如下圖:
選擇后會(huì)看到設(shè)計(jì)器里出現(xiàn)下面的界面
我們完善一下其中的內(nèi)容,有修改的部分我用紅字給大家做了一下標(biāo)注,如下:
改動(dòng)的地方很少。很容易的做的。然后點(diǎn)上圖我用藍(lán)色的字標(biāo)注的地方可以把這個(gè)界面關(guān)閉并將內(nèi)容保存,然后就能看到在操作集下出現(xiàn)了一個(gè)mynews_S_All的操作集,如下圖:
這就相當(dāng)于我們手寫了一個(gè)數(shù)據(jù)庫查詢“select * from mynews”,然后呢我們回到DW中,在DW中我們可以在剛才的"default.aspx"里做好一個(gè)為顯示新聞的靜態(tài)樣子。小弟美術(shù)水平有限,做的不漂亮大家多多包涵,大概樣子如下:
我們看一下,如果我們要希望呈現(xiàn)按照靜態(tài)的樣子來動(dòng)態(tài)顯示成后臺(tái)數(shù)據(jù)庫中的內(nèi)容,要做的其實(shí)就是循環(huán)"<tr>"到下一個(gè)"</tr>"之間的內(nèi)容,了解這點(diǎn)以后就很容易做了。我們可以在設(shè)計(jì)器中先選中"<tr>"至"</tr>"之間的一段內(nèi)容,然后插入"NoahWeb Objects"下的"NoahLoop"標(biāo)簽,具體如下:
然后會(huì)看到下面的內(nèi)容
這樣LOOP就把"<tr>"至"</tr>"之間的內(nèi)容包住了,然后我們把之前在設(shè)計(jì)器中做好的"mynews_S_All"數(shù)據(jù)庫操作集的名稱放到SQLLinkId=""中,如下
保存以后運(yùn)行一下看看,呵呵在瀏覽器里就能看到這樣的結(jié)果,如下:
可以看到,現(xiàn)在多了6條"準(zhǔn)備做新聞的第1條"這樣的內(nèi)容,我們繼續(xù)做一下,就可以把內(nèi)容顯示出來了,在DW中用上面我們講過的方式插入一個(gè)
<!-- NoahValue ValueName="" MaxChar="" DChar="" Safety="False" -->
替換掉
"準(zhǔn)備做的新聞第1條"
然后在ValueName=""里寫入"[_LOOP.*.title]",如下圖所示:
存盤以后在瀏覽器中的顯示結(jié)果如下:
再接再力,把發(fā)布時(shí)間也替換了……,方法就是把
發(fā)布時(shí)間
替換成
<!-- NoahValue ValueName="[_LOOP.*.newdate]" MaxChar="" DChar="" Safety="False" -->
如下圖:
存盤保存以后,在瀏覽器里查看顯示結(jié)果如下:
哇,后面把時(shí)間也顯示出來了~,得改改……,要不太難看,改的方法查了查NoahWeb的文檔可以調(diào)用date函數(shù),稍微修改一下:
<!-- NoahValue ValueName="[_LOOP.*.newdate]" MaxChar="" DChar="" Safety="False" -->
改成
<!-- NoahValue ValueName="date('O',mktime([_LOOP.*.newdate]))" MaxChar="" DChar="" Safety="False" -->
如下圖:
刷新一下瀏覽器就能看到下面的結(jié)果
現(xiàn)在好多了。不過下面剛才靜態(tài)做的那些也應(yīng)該去掉,這樣才漂亮
在DW中刪掉那些代碼就可以了。如下
在瀏覽器里刷新就看到
苦悶呀,實(shí)際操作的時(shí)候其實(shí)非常簡單的,我寫的整個(gè)過程最多1-2分鐘的操作?蓪懗鰜砗ξ医亓四敲炊鄰垐D片……,命苦。今天就教大家到這吧,明天接著再講。累了。
出處:藍(lán)色理想
責(zé)任編輯:藍(lán)色
上一頁 用NoahWeb表現(xiàn)層制作動(dòng)態(tài)網(wǎng)站 第三天 下一頁 用NoahWeb表現(xiàn)層制作動(dòng)態(tài)網(wǎng)站 第五天
◎進(jìn)入論壇網(wǎng)絡(luò)編程版塊參加討論
|