iT邦幫忙

DAY 26
2

當ASP.NET MVC 遇見 Angular.js MVC 客戶管理系統系列 第 26

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

  • 分享至 

  • xImage
  •  

* 本篇目標

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

* 前言

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

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


上一篇
[鐵人30天]當ASP.NET MVC 遇見 Angular.js MVC 客戶管理系統(25) – 權限管理
下一篇
[鐵人30天]當ASP.NET MVC 遇見 Angular.js MVC 客戶管理系統(27) – MvcMenuProvider自訂篇
系列文
當ASP.NET MVC 遇見 Angular.js MVC 客戶管理系統30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言