MVC4商城項(xiàng)目三：分部視圖在導(dǎo)航條上的應(yīng)用

昵稱(chēng)10504424 2014-08-04

展開(kāi)全文

天發(fā)覺(jué)大部分時(shí)間用在JS上了，本來(lái)想寫(xiě)個(gè)musicstore，卻加了框架，然后又想用后臺(tái)，然后又想用上bootstrapt，然后又想弄權(quán)限設(shè)計(jì)，然后又想…………

看來(lái)是想多了~

好吧，最近把后臺(tái)搭起來(lái)了，用了metronic.bootstrap, 真心很強(qiáng)大。功能很多，為了節(jié)約時(shí)間成本就在它上面改吧。先上圖看看

框架演示地址：http://dreamsky./main/blog/metronic-bootstrap/index.html

下載地址：http://dreamsky./main/blog/metronic-bootstrap/metronic.bootstrap.rar

來(lái)自分享：夢(mèng)想天空

要實(shí)現(xiàn)導(dǎo)航條和菜單欄的功能，我用到了分部視圖，就當(dāng)是WEBFORM的用戶(hù)控件來(lái)理解吧。

public class UrlConfigDto
   {
       public int Id { get; set; }
 
       public string UrlName { get; set; }
 
       public string Url { get; set; }
 
       public int PageLev { get; set; }
 
       public int LevOrder { get; set; }
 
       public int UrlRole { get; set; }
 
       public string Icon { get; set; }
 
       public int POrder { get; set; } 
   }

我想把<URL,UNAME>綁定在視圖上，所以我的Service層返回的是List<string>

public List<string> GetMeunTool(int orderId)
       {
           List<string> dic = new List<string>();
 
         UrlConfig urlConfig=  _urlConfigRepository.GetFiltered(a => a.LevOrder == orderId).FirstOrDefault();
           if (urlConfig==null)
           {
               return null;
           }
           dic.Add(urlConfig.UrlName+"^"+urlConfig.Url+"/"+urlConfig.LevOrder);
           for (int i = 0; i < urlConfig.PageLev-1; i++)
           {
               UrlConfig tem = _urlConfigRepository.GetFiltered(a => a.LevOrder == urlConfig.POrder).FirstOrDefault();
               dic.Add(tem.UrlName + "^" + tem.Url+ "/" + tem.LevOrder );
               urlConfig.POrder = tem.LevOrder;
           }
           return dic;
       }

創(chuàng)建分部視圖，傳遞數(shù)據(jù)模型：

public PartialViewResult MeunTool(int id)
      {
          return PartialView(_urlService.GetMeunTool(id));
      }

@model List<string>
 
@if (Model == null)
{
    <h3 class="page-title">主頁(yè)</h3>
    <ul class="breadcrumb">
        <li>
            <i class="icon-home"></i>
            <a href="/Admin/Admin">主頁(yè)</a>
        </li>
    </ul>
}else if (Model.Count == 1)
{
    <h3 class="page-title">@Model[0].Split('^')[0] </h3>
    <ul class="breadcrumb">
        <li>
            <i class="icon-home"></i>
            <a href="/Admin/Admin">主頁(yè)</a>
            <i class="icon-angle-right"></i>
        </li>
        <li><a href="@Model[0].Split('^')[1]">@Model[0].Split('^')[0]</a></li>
 
    </ul>
}

其實(shí)我這里想用Dictionary<string,string> 的，不過(guò)PartialView（）里不允許。

在模板頁(yè)面我們就可以這樣調(diào)用分部視圖了：

@{
       int id = Convert.ToInt32(Html.ViewContext.RouteData.Values["id"]);
       Html.RenderAction("MeunTool", "Admin", new { id = id });
 }

說(shuō)明一下這里的id的設(shè)計(jì)作用，這個(gè)ID是urlconfig表的惟一鍵，我用它來(lái)識(shí)別當(dāng)前頁(yè)的位置，如URL：http://localhost:11903/Admin/Admin/UserInfo/301　　

@Html.ViewContext.RouteData.Values["id"] 在視圖頁(yè)面可以直接接受到id傳參

PS：想要當(dāng)做項(xiàng)目做而不一個(gè)DEMO，在用戶(hù)體驗(yàn)得下大功夫，JS是最耗時(shí)間的，有點(diǎn)拖垮人的節(jié)奏……

具體代碼的實(shí)現(xiàn)，請(qǐng)參見(jiàn) https://code.csdn.net/denghao156/ktnmb_mvc4

本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶(hù)發(fā)布，不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買(mǎi)等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊一鍵舉報(bào)。

电竞比分网-中国电竞赛事及体育赛事平台

MVC4商城項(xiàng)目三：分部視圖在導(dǎo)航條上的應(yīng)用