[鐵人30天]當ASP.NET MVC 遇見 Angular.js MVC 客戶管理系統(26) – MvcMenuProvider安裝篇

* 本篇目標

按造前兩篇所設計出的資料表，實現選單動態呈現

* 前言

MvcMenuProvider是一個很方便的helper，能讓我們用簡易的語法秀出選單，詳細可參考官網

Github有Document能參考，以下逐步介紹常見的使用方式

* 安裝

首先先在Nuget安裝，本範例是用MVC5

安裝完後，會看到專案多出一個Mvc.sitemap檔案

接著我們只要在View用 @Html.MvcSiteMap().Menu() 語法，就能輕易將Mvc.sitemap的選單階層送出

這個html選單產生的邏輯定義在Shared資料夾底下的DisplayTemplates裡面

我們打開MenuHelperModel.cshtml這個檔案

將ul html加上bootstrap的class

這樣就能顯示自訂的選單樣式了

* 後記

記得前幾篇有設計我們選單的資料表嗎，下一篇就來將MvcMenuProvider結合，針對登入的身分顯示該有的選單

 

本系列程式原始碼請至我的Github下載  https://github.com/kyleap

** 如內容有誤請告知，將進行修改，謝謝 **