《N2CMS實(shí)例教程》--第二講:N2CMS如何工作這一節(jié)我們先講講N2CMS的優(yōu)點(diǎn),必須說(shuō)明一下,本人對(duì)web開發(fā)很少,其中的優(yōu)點(diǎn)都是我個(gè)人的觀點(diǎn)。
好了,我們說(shuō)完了N2CMS的優(yōu)點(diǎn),那么就開始學(xué)習(xí)吧。 先讓我們進(jìn)入后臺(tái),新添加個(gè)頁(yè)試試。在地址欄輸入website/Edit(如http://localhost:55540/edit/),Edit就是后臺(tái)編輯的頁(yè)面路徑了,登錄后臺(tái),用戶名密碼跟安裝時(shí)一樣,user:admin,password:changeme,登錄成功后,就會(huì)顯示后臺(tái)配置主界面了,左側(cè)樹形顯示的就是你網(wǎng)站的結(jié)構(gòu)了,相當(dāng)于sitemap,不過(guò)有一個(gè)Trash,這個(gè)并不是你創(chuàng)建的頁(yè),而是當(dāng)你刪除一個(gè)頁(yè)的時(shí)候,會(huì)放到Trash里,在沒(méi)有物理刪除之前,你還可以從Trash里還原回來(lái)。右側(cè)的主區(qū)域就是編輯區(qū)了。 現(xiàn)在我們新建一個(gè)News頁(yè),打開Home/Features/News,右鍵單擊News節(jié)點(diǎn),選擇New菜單,左側(cè)會(huì)顯示出可用的模板頁(yè)列表(圖1),為什么說(shuō)可用的模板頁(yè)呢,因?yàn)槲覀兩厦嫣岬竭^(guò)“父子節(jié)點(diǎn)類型可指定”,如果為某個(gè)模板頁(yè)指定了特定的父節(jié)點(diǎn),它只能在其指定的父節(jié)點(diǎn)下顯示,所以說(shuō)是可用的模板頁(yè),這里只有一個(gè)模板頁(yè)--News,我們單擊News,新建一個(gè)類型為News的網(wǎng)頁(yè)。 單擊News后,進(jìn)入News模板頁(yè)的配置界面(圖2),我們會(huì)看到三個(gè)Tab頁(yè)簽,分別是Content、SEO、Advanced,Content頁(yè)簽就是主要內(nèi)容了,SEO頁(yè)簽就是跟搜索引擎相關(guān)的參數(shù)設(shè)置,Advanced頁(yè)簽是模板頁(yè)本身更高級(jí)的設(shè)置,先看看Content頁(yè)簽,Title是為了顯示頁(yè)標(biāo)題的,也是News的標(biāo)題,URL segment就是上面提到過(guò)的“訪問(wèn)路徑名稱可配置”,它后面的checkbox如果打上對(duì)勾,說(shuō)明URL跟Tilte是一致的,取消對(duì)勾,我們就可以自定義訪問(wèn)路徑的名稱了,Introduction和Main text就是News的內(nèi)容了。這里輸入一些信息,如圖2所示。 轉(zhuǎn)到SEO頁(yè)簽,分別有Page title、 Meta keywords、Meta description三個(gè)屬性,按照?qǐng)D3內(nèi)容輸入,這三個(gè)屬性會(huì)在生成的html里以元數(shù)據(jù)的形式顯示,如圖4。 在Advanced頁(yè)簽中顯示的就是跟顯示頁(yè)有關(guān)的信息,像是否在菜單中顯示,是否顯示title等等。 單擊“Save and publish”按鈕,保存并發(fā)布我們編輯的這個(gè)頁(yè),顯示效果如下圖所示。 在這個(gè)頁(yè)的左側(cè)和右側(cè)分別有一列,左側(cè)的Features Panel是在母版頁(yè)(Views\Shared\Top+SubMenu.Master)中定義好的,而右側(cè)的Sign In Panel是在編輯頁(yè)的時(shí)候定義的,可我們并沒(méi)有定義啊,怎么會(huì)出現(xiàn)這個(gè)Sign In Panel呢,讓我們回顧以上我們提到的N2優(yōu)點(diǎn)“模板頁(yè)區(qū)域靈活配置”,Sign In Panel就是通過(guò)靈活配置出來(lái)的,我們先看看這個(gè)頁(yè)的Zones,右鍵左側(cè)樹中News 2節(jié)點(diǎn),選擇Edit,在編輯頁(yè)的右側(cè)單擊Zones,就顯示出Zones編輯器了,如圖6所示。 在Zones中沒(méi)有配置任何控件,那么那個(gè)Sign In Panel到底是怎么來(lái)的呢,看看那些可用的Zone都是什么吧?
這些Zone就是在模板頁(yè)中定義了的每一個(gè)Zone,其中Sign In Panel是在右側(cè),那么就是Right side和Right on this and child pages了,可這兩個(gè)都沒(méi)有做任何配置,注意看“Right on this and child pages”這句,原來(lái)在Zone中配置的控件即可以顯示在本頁(yè),也可以顯示在其子頁(yè),那么它是不是在News這個(gè)節(jié)點(diǎn)里呢,我們看看,右健News節(jié)點(diǎn),選擇編輯,查看“Right on this and child pages”Zone,發(fā)現(xiàn)沒(méi)有任何東西,那在往上找,看看Features節(jié)點(diǎn),也沒(méi)有,在往上找,看看Home,在Home節(jié)點(diǎn)上,“Right on this and child pages”Zone仍然沒(méi)有任何配置,在仔細(xì)看看,這里怎么多出這么多Zone,這些Zone是怎么出來(lái)的呢? 打開Items/Pages/StartPages.cs這個(gè)文件,查看類特性,原來(lái)Zone是這樣出來(lái)的:AvailableZone("Site Wide Top", Zones.SiteTop),這樣就定義的一個(gè)Zone,那么在這個(gè)Zone配置好的控件是怎么顯示的呢?我們到Views/Start/Index.aspx頁(yè)里看看,kao,怎么是個(gè)空頁(yè),什么都沒(méi)有,還有,它使用了母版頁(yè)--/Views/Shared/Top+SubMenu.Master,去母版頁(yè)看看,第75行(圖7),原來(lái)讓一個(gè)Zone里的控件在頁(yè)面中顯示,用的是DroppableZone方法,Zone的原理大家都了解了吧。 我們還得看看那個(gè)Sign In Panel的問(wèn)題吧,原來(lái),在Home頁(yè)的Right on the whole site Zone,配置了一個(gè)Sign In panel,這個(gè)Zone是可以影響整個(gè)網(wǎng)站的,這樣問(wèn)題就解決了,原來(lái)它是在Home頁(yè)中配置好的,影響整個(gè)網(wǎng)站中所有的頁(yè)的。 那么,配置文件的時(shí)候,Edit怎么知道都有哪些類型是模板頁(yè)呢?我們看看Items/Pages/News.cs這個(gè)文件,News類就是News的模板頁(yè)類,我們看看類特性定義(圖8),有三個(gè)特性,分別是:
配置頁(yè)中的編輯框是怎么出來(lái)的呢?我們繼續(xù)看News類,查看屬性Introduction,它也有一個(gè)特性EditableTextBox,這個(gè)是一個(gè)文本框,是不是就是在編輯的時(shí)候就TextBox控件編輯呢?你說(shuō)對(duì)了,它就是指定這個(gè)屬性在編輯模板頁(yè)時(shí)用戶可以編輯的屬性使用的控件了,它也包括標(biāo)題、說(shuō)明、序號(hào)一些屬性,除了TextBox控件,還可以使用EditableCheckBox、EditableFreeTextArea等等一些常用的控件,當(dāng)然,你也可以自定義控件。 在這里介紹下頁(yè)的繼承關(guān)系
到目前我們已經(jīng)對(duì)N2CMS有了基本認(rèn)識(shí),基本掌握了這些知道,對(duì)于簡(jiǎn)單的開發(fā)已經(jīng)可以開始了。 小結(jié)本節(jié)中,我們了解了N2CMS的一些優(yōu)點(diǎn),它適合做一些小規(guī)模的網(wǎng)站;還學(xué)習(xí)了如何編輯一個(gè)新的頁(yè),定義模板頁(yè),是使用PageDefinition特性,編輯控件在是屬性上加EditableXXX特性,還有模板控件是使用PartDefinition,以及Zone是如何工作、頁(yè)的繼承關(guān)系等等一些知識(shí)。 下節(jié)預(yù)告下節(jié)我們就開始建我們的網(wǎng)站了,先定義好整個(gè)網(wǎng)站的基調(diào)--母版頁(yè),其它所有頁(yè)都使用這個(gè)母版頁(yè),下節(jié)我們就真正的用到Zone了,一起學(xué)習(xí)吧。 |
|
|