上一篇做了一個簡單的首頁，在導(dǎo)航條上添加了幾個新聞板塊，接下來我們就添加這幾個新聞板塊的頁面。

　　開始我們還是需要創(chuàng)建Document Types用來展示新聞列表。我們先做好規(guī)劃，新聞列表只需要把新聞標(biāo)題和圖片展示出來就可以了，。
　　我們創(chuàng)建這個新聞列表的文檔類型，同樣是在Setting–> Document Types下面創(chuàng)建，創(chuàng)建一個名為News List的文檔類型。注意這時的創(chuàng)建菜單中出現(xiàn)了一個選項 “Master Document Type”,這個選項的作用是如果你的這個模板的某些數(shù)據(jù)是繼承自其他模板的，就選擇那個模板為Master模板。之前沒有出現(xiàn)是因為只有一個Home模板。我們的新聞頁面是獨(dú)立的，不需要繼承，所以默認(rèn)選擇 “none…”。

首先創(chuàng)建一個名為Info的Tabs，然后添加一個Section Name的屬性，用來編輯新聞列表的種類。

?

打開Home文檔類型下，進(jìn)入Structure選項卡中，將Allow at root后面的選項勾選上，作用是將Home類型設(shè)置成根節(jié)點(diǎn)；然后將Allowed chile node types后面News List勾選上，作用是允許News List作為Home的子節(jié)點(diǎn)。

我們回到Content功能節(jié)點(diǎn)，點(diǎn)擊“首頁”后面的三個小圓點(diǎn)按鈕，可以看到我們剛剛創(chuàng)建的News List類型已經(jīng)可以使用了。如果這里沒有出現(xiàn)News List類型的選項，而是一些提示，那么嘗試刷新一下頁面，如果還沒有看看Home文檔類型設(shè)置里里面是否將News List類型勾選為Home類型的子節(jié)點(diǎn)，記得保存。

創(chuàng)建之后，進(jìn)入設(shè)置界面，第一個文本框是設(shè)置這個節(jié)點(diǎn)的名稱，而且也是網(wǎng)頁在進(jìn)入這個節(jié)點(diǎn)時的網(wǎng)址，所以一般使用英文比較好一點(diǎn)，因為網(wǎng)址中出現(xiàn)中文路徑可能會出問題，也不太好看。

按照同樣的方法，設(shè)置其他幾個節(jié)點(diǎn)。

? ? ? 接下來我們將這幾個頁面分別鏈接到，上一篇中編寫的首頁導(dǎo)航條按鈕中。
　　回到Templates中，將Master中的代碼改造一下，綁定幾個新聞鏈接，將bootstrap導(dǎo)航條的代碼改成：

 1 <div class="navbar navbar-inverse navbar-fixed-top">
 2         <div class="container">
 3             <div class="navbar-header">
 4                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 5                     <span class="icon-bar"></span>
 6                     <span class="icon-bar"></span>
 7                     <span class="icon-bar"></span>
 8                 </button>
 9                 <div style="text-align:center">
10                     <a href="@home.Url">
11                         <image src="@(home.siteLogo)" />
12                     </a>
13                 </div>
14             </div>
15             <div class="navbar-collapse collapse">
16                 <ul class="nav navbar-nav">
17                     @if (home.Children.Any())
18                     {
19                         foreach (var childPage in home.Children)
20                         {
21                             <li><a href="@childPage.Url">@childPage.sectionName</a></li>
22                         }
23                     }
24                 </ul>
25                 <ul class="nav navbar-nav pull-right">
26                     <li><a>登陸</a></li>
27                     <li><a>注冊</a></li>
28                 </ul>
29             </div>
30 
31         </div>
32     </div>

? ? ? 解釋一下上面的代碼，主要是@if(home.Children.Any(){......})這段代碼，home是當(dāng)前網(wǎng)頁的對象，home.Children是當(dāng)前頁面的子頁面，也就是Home節(jié)點(diǎn)下的子節(jié)點(diǎn)，就是我們剛才設(shè)置的幾個News List類型的節(jié)點(diǎn)。

　　這時我們已經(jīng)可以對導(dǎo)航條上的按鈕進(jìn)行點(diǎn)擊了，而且可以進(jìn)行正確的跳轉(zhuǎn)，因為沒有內(nèi)容，而且沒有將News List的templates設(shè)置master模板，所以頁面什么都沒有。

進(jìn)入Templates功能節(jié)點(diǎn)，打開News List，將Master template選項設(shè)置成Master。并且保存起來。

然后在News List中添加一行示例代碼。如下圖：

現(xiàn)在就可以看到我們需要的效果了：

下一篇我們添加新聞詳細(xì)內(nèi)容頁面，并且在將其展示在新聞列表頁面中。

轉(zhuǎn)載于:https://www.cnblogs.com/haijd/p/Umbraco-Getting-Started-6.html

總結(jié)

以上是生活随笔為你收集整理的6、UmbracoNewsSite：添加新闻分类的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。