SportsStore是《精通ASP.NET MVC3框架(第三版)》中演示的MVC项目，在该项目中涵盖了MVC的众多方面，包括：使用DI容器、URL优化、导航、分页、购物车、订单、产品管理、图像上传......是不错的MVC实践项目，但该项目不是放在多层框架下开发的，离真实项目还有一段距离。本系列将尝试在多层框架下实现SportsStore项目，并用自己的方式实现一些功能。

本篇为系列第五篇，包括：

■ 8、导航

8、导航

创建NavController，派生于BaseController:

using System.Collections.Generic;

using System.Linq;

using System.Web.Mvc;

using MySportsStore.IBLL;

using Ninject;

namespace MySportsStore.WebUI.Controllers

{

    public class NavController : BaseController

    {

        [Inject]

        public IProductService ProductService { get; set; }

        public NavController()

        {

            this.AddDisposableObject(ProductService);

        }

        public PartialViewResult Menu(string category = null)

        {

            ViewBag.SelectedCategory = category;

            IEnumerable<string> categories =

                ProductService.LoadEntities(p => true).Select(p => p.Category).Distinct().OrderBy(p => p);

            return PartialView(categories);

        }

    }

}

为什么有category参数？

为了让当前点击、选中的分类高亮显示。这里的category轨迹是：

→前端视图点击分类名称，并把分类名称赋值给路由变量category
→Nav控制器的Menu()方法接收到category,把其放到ViewBag中，再次传回前端视图
→前端视图在遍历所有分类名称的时候，如果当下分类名称与ViewBag中的相同，就为当下分类添加一个CSS，即高亮显示

需要为category赋上一个默认值，因为在点击分类名称之前，category为null。

在Nav/Menu.cshtml部分视图中，需要把category和page传递到Product控制器中的Nav()方法中：

@model IEnumerable<string>

@Html.ActionLink("Home","List","Product")

@foreach (var link in Model)

{

    @Html.RouteLink(link, new {controller = "Product", action = "List", category = link, page = 1},

        new {@class = link == ViewBag.SelectedCategory? "selected" : null})

}

在Views/Shared下的_Layout.cstml中显示加载分类部分视图：

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width" />

    <title>@ViewBag.Title</title>

    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />

</head>

    <body>

        <div id="header">

            <div class="title">体育用品商店</div>

        </div>

        <div id="categories">

            @{Html.RenderAction("Menu","Nav");}

        </div>

        <div id="content">

            @RenderBody()

        </div>

        @Scripts.Render("~/bundles/jquery")

        @RenderSection("scripts", required: false)

    </body>

</html>

根据点击分类传递的路由参数，在Product控制器的Nav方法中，还需要考虑到category，再对集合进行筛选。并且，还要考虑当没有点击导航分类名称的时候，category为null：

using System.Web.Mvc;

using MySportsStore.IBLL;

using MySportsStore.WebUI.Models;

using Ninject;

namespace MySportsStore.WebUI.Controllers

{

    public class ProductController : BaseController

    {

        [Inject]

        public IProductService ProductService { get; set; }

        public ProductController()

        {

            this.AddDisposableObject(ProductService);

        }

        public int PageSize = 4;

        public ViewResult List(string category, int page = 1)

        {

            int totalCount = 0;

            ProductsListViewModel viewModel = new ProductsListViewModel()

            {

                Products = ProductService.LoadPageEntities(p => category == null ? true : p.Category == category, p => p.Id, PageSize, page, out  totalCount, true),

                PagingInfo = new PagingInfo(){CurrentPage = page, ItemsPerPage = PageSize, TotalItems = category == null ? ProductService.Count(p => true) : ProductService.Count(p => p.Category == category)},

                CurrentCategory = category

            };

            return View(viewModel);

        }

    }

}

以上，在视图模型ProductsListViewModel中添加了CurrentCategory属性，这个属性值是要交给分页的：

using System.Collections.Generic;

using MySportsStore.Model;

namespace MySportsStore.WebUI.Models

{

    public class ProductsListViewModel

    {

        public IEnumerable<Product>  Products { get; set; }

        public PagingInfo PagingInfo { get; set; }

        public string CurrentCategory { get; set; }

    }

}

在Product/List.cshtml视图的分页部分，需要把CurrentCategory值赋值给路由变量category：

@model MySportsStore.WebUI.Models.ProductsListViewModel

@{

    ViewBag.Title = "List";

    Layout = "~/Views/Shared/_Layout.cshtml";

}

@foreach (var item in Model.Products)

{

   Html.RenderPartial("PrductSummary", item);

}

<div class="pager">

    @Html.PageLinks(Model.PagingInfo, x => Url.Action("List", new {page = x, category = Model.CurrentCategory}))

</div>

运行：

为了让URL更好看，需要考虑如下情境下的URL：

● 运行默认页的时候
● 点击分页的时候
● 点击导航分类的时候
● 点击导航分类后，再点击分页的时候

调整URL为：

routes.MapRoute(

                null,

                "", //匹配空的URL，如"/"

                new{controller = "Product", action = "List", category = (string)null, page = 1}

            );

            routes.MapRoute(

                null,

                "Page{page}", //匹配"/Page1"，当点击分页的时候

                new {controller = "Product", action = "List", category = (string)null},

                new {page = @"\d+"} //约束page为数字

            );

            routes.MapRoute(

                null,

                "{category}", //匹配 "/Soccer"，当点击导航分类的时候

                new {controller = "Product", action = "List", page = 1}

            );

            routes.MapRoute(

                null,

                "{category}/Page{page}", //匹配"/Soccer/Page1"，当点击导航分类，在点击分页的时候

                new {controller = "Product", action = "List"},

                new {page = @"\d+"}

            );

运行：

源码在这里。

“MVC项目实践,在三层架构下实现SportsStore”系列包括：

MVC项目实践,在三层架构下实现SportsStore,从类图看三层架构

MVC项目实践,在三层架构下实现SportsStore-01,EF Code First建模、DAL层等

MVC项目实践,在三层架构下实现SportsStore-02,DbSession层、BLL层

MVC项目实践,在三层架构下实现SportsStore-03,Ninject控制器工厂等

MVC项目实践,在三层架构下实现SportsStore-04,实现分页

MVC项目实践,在三层架构下实现SportsStore-05,实现导航

MVC项目实践,在三层架构下实现SportsStore-06,实现购物车

MVC项目实践,在三层架构下实现SportsStore-07,实现订单提交

MVC项目实践,在三层架构下实现SportsStore-08,部署到IIS服务器

MVC项目实践,在三层架构下实现SportsStore-09,ASP.NET MVC调用ASP.NET Web API的查询服务

MVC项目实践,在三层架构下实现SportsStore-10,连接字符串的加密和解密

MVC项目实践,在三层架构下实现SportsStore-11,使用Knockout实现增删改查

MVC项目实践,在三层架构下实现SportsStore-05,实现导航的更多相关文章

  1. MVC项目实践,在三层架构下实现SportsStore,从类图看三层架构

    在"MVC项目实践,在三层架构下实现SportsStore-02,DbSession层.BLL层"一文的评论中,博友浪花一朵朵建议用类图来理解本项目的三层架构.于是就有了本篇: I ...

  2. MVC项目实践,在三层架构下实现SportsStore-02,DbSession层、BLL层

    SportsStore是<精通ASP.NET MVC3框架(第三版)>中演示的MVC项目,在该项目中涵盖了MVC的众多方面,包括:使用DI容器.URL优化.导航.分页.购物车.订单.产品管 ...

  3. MVC项目实践,在三层架构下实现SportsStore-01,EF Code First建模、DAL层等

    SportsStore是<精通ASP.NET MVC3框架(第三版)>中演示的MVC项目,在该项目中涵盖了MVC的众多方面,包括:使用DI容器.URL优化.导航.分页.购物车.订单.产品管 ...

  4. MVC项目实践,在三层架构下实现SportsStore-03,Ninject控制器工厂等

    SportsStore是<精通ASP.NET MVC3框架(第三版)>中演示的MVC项目,在该项目中涵盖了MVC的众多方面,包括:使用DI容器.URL优化.导航.分页.购物车.订单.产品管 ...

  5. MVC项目实践,在三层架构下实现SportsStore-04,实现分页

    SportsStore是<精通ASP.NET MVC3框架(第三版)>中演示的MVC项目,在该项目中涵盖了MVC的众多方面,包括:使用DI容器.URL优化.导航.分页.购物车.订单.产品管 ...

  6. MVC项目实践,在三层架构下实现SportsStore-06,实现购物车

    SportsStore是<精通ASP.NET MVC3框架(第三版)>中演示的MVC项目,在该项目中涵盖了MVC的众多方面,包括:使用DI容器.URL优化.导航.分页.购物车.订单.产品管 ...

  7. MVC项目实践,在三层架构下实现SportsStore-07,实现订单提交

    SportsStore是<精通ASP.NET MVC3框架(第三版)>中演示的MVC项目,在该项目中涵盖了MVC的众多方面,包括:使用DI容器.URL优化.导航.分页.购物车.订单.产品管 ...

  8. MVC项目实践,在三层架构下实现SportsStore-08,部署到IIS服务器

    SportsStore是<精通ASP.NET MVC3框架(第三版)>中演示的MVC项目,在该项目中涵盖了MVC的众多方面,包括:使用DI容器.URL优化.导航.分页.购物车.订单.产品管 ...

  9. MVC项目实践,在三层架构下实现SportsStore-09,ASP.NET MVC调用ASP.NET Web API的查询服务

    ASP.NET Web API和WCF都体现了REST软件架构风格.在REST中,把一切数据视为资源,所以也是一种面向资源的架构风格.所有的资源都可以通过URI来唯一标识,通过对资源的HTTP操作(G ...

随机推荐

  1. 分布式架构高可用架构篇_07_MySQL主从复制的配置（CentOS-6.7+MySQL-5.6）

    参考: 龙果学院http://www.roncoo.com/share.html?hamc=hLPG8QsaaWVOl2Z76wpJHp3JBbZZF%2Bywm5vEfPp9LbLkAjAnB%2B ...

  2. 漫谈Java虚拟机（JVM）

    Java 虚拟机(JVM)是可运行 Java 代码的假想计算机. 只要根据 JVM 规范描述将解释器移植到特定的计算机上,就能保证经过编译的任何 Java 代码能够在该系统上运行. 从上图中不难明白J ...

  3. HDU 3336 Count the string（KMP的Next数组应用+DP）

    Count the string Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) ...

  4. 解决main No MyBatis mapper was found in 的警告

    在集成Spring + mybaits时出现以下警告 org.mybatis.spring.mapper.MapperScannerConfigurer$Scanner.main No MyBatis ...

  5. CSS权威指南 - 基础视觉格式化 2

    行内元素 em a 非替换元素 img 替换元素 两者在内联内容处理方式不一样. inline有时候被翻译成内联,比如inline content,有时候被翻译成行内 inline box. 行布局 ...

  6. mysql通过data目录恢复数据库

    mysql通过data目录恢复数据库 阅读:次   时间:2010-03-24 06:53:30   字体:[大 中 小]     重装系统后,MySQL服务没有了,但是数据库的文件还在,这个时候我想 ...

  7. Socket简介

    本文全部摘抄http://c.biancheng.net/cpp/html/3029.html 大多数项目是在Linux下开发服务器端,而在Windows下开发客户端,需要经常在两大平台之间进行切换, ...

  8. 12秒开机！ExpressCache SSD缓存加速

    SSD固态硬盘的读写速度比传统硬盘快了很多,读取速度能到300M/s 写入速度大约在80M/S 但SSD硬盘的价格也笔记机械硬盘高了很多,128G的固态硬盘淘宝价大概在800左右,想想现在随便一个软件 ...

  9. C++ 栈和队列

    使用标准库的栈和队列时,先包含相关的头文件 #include<stack> #include<queue> 定义栈如下: stack<int> stk; 定义队列如 ...

  10. PHP 加密 和 解密 方法

    关于Discuz的加密解密函数,相信大家都有所了解,该authcode函数可以说是对PHP界作出了重大的贡献,真的发觉discuz这个函数写的太精彩啦. 研究了一下这个算法,总的来说可以归纳为以下三点 ...