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