MVC4制作网站教程第四章前台栏目浏览4.5

三、栏目3.4前台栏目浏览网站的前台页面，顶部要能显示根栏目，点击栏目名称进入栏目中要子栏目导航，栏目页中还必须有当前路径。先做这三部分1)、根栏目打开【分类控制器】,添加[部分根]操作

///摘要///根栏目////summary///returns/returns public action result partial root(){ return View(categoryRsy).root())；}点击右键添加视图模型类选类别，支架模板选列表，勾上创建分部视图，确定。除顶部@ model IEnumerableNinesky .模型。类别外删除其他代码，自己手动写代码如下：

@ model IEnumerableNinesky .模型。类别@Html .ActionLink('网站首页、“索引”、“主页”)@foreach(模型中的定义变量项){ @Html .ActionLink(项目。名称，"索引","类别",新{ id=item .CategoryId }，null) }2)、子栏目导航在【分类控制器】中添加[部分子代(int id)]操作

///摘要///子栏目////summary ///param name='id '栏目id/param////返回/返回公共操作结果PartialChildren(int id){返回视图(categoryRsy .儿童(id))；}右键添加分部视图

@ model IEnumerableNinesky .模型Categoryul @foreach(模型中的定义变量项目){ li@Html .ActionLink(项目。名称，"索引","类别",新{ id=item .CategoryId }，null)/li }/ul3)、路径在【分类控制器】中添加[部分路径(int id)]操作

///摘要///栏目路径////summary ///param name='id '当前栏目id/param///returns/returns public action result partial path(int id){ listCategory _ path=new listCategory()；var _category=categoryRsy .find(id)；while (_category！=null) { _path .插入(0,_类别);_category=categoryRsy .查找(_类别.父id)；}返回视图(_ path)；}右键添加分部视图

@ model IEnumerableNinesky .模型。类别您现在的位置：@Html .ActionLink('网站首页、“索引”、“主页”)@foreach(模型中的定义变量项){ @Html .原始(" " @ Html).ActionLink(项目。名称，"索引","类别",新{ id=item .CategoryId }，null) }马上可以看到效果了

打开布局\_Layout.cshtml布局页，在顶部导航位置div class='nav'/div中添加写上@Html .操作('部分根','类别)

打开http://本地主机：52270/类别/托管添加，添加一下几个栏目。

运行一下看看网站首页

有效果了！开始做索引索引页在【分类控制器】中添加[索引（整数)]操作

如果栏目Type=2则跳转到导航，否则返回类别视图视图。

///摘要///索引////summary ///param name='id '栏目id/param///returns/returns public action result Index(int id){ var _ category=category yrsy .find(id)；if (_category==null) { Error _e=新错误{ Title='错误'详细信息='指定的栏目不存在因为你访问的栏目已经删除，解决方案=服务器UrlEncode('li返回a href=' ' Url .操作("索引"、"主页")"网站首页/a/Li ')}；返回RedirectToAction('Error '，' Prompt '，_ e)；} if (_category .Type==2)返回重定向(_类别.导航);返回视图(_类别. CategoryView，_ category)；}添加强类型视图

@模型尼尼微。模型。类别@{视图包标题='栏目默认页；布局=' ~/视图/布局/_布局。“cshtml”；} div class=' banner ' img src=' http : ~/Skins/Default/Images/banner。jpg '/div div class=' left ' div class=' children ' dl dt@Model.Name/dt DD @ Html .操作(“PartialChildren”，“Category”，新{ id=Model .CategoryId })/DD/dl/div/div class=' content _ CNT ' div class=' path ' @ Html .操作(“部分路径”，“类别”，新{ id=Model .CategoryId })/div/div这个就是栏目的默认页面了。

复制一份Index.cshtml命名为IndexSingle.cshtml作为单页栏目的视图

再复制一份Index.cshtml命名为IndexAbout.cshtml作为关于我们栏目的专用视图，并修改相应代码

@模型尼尼微。模型。类别@{视图包标题='关于我们；布局=' ~/视图/布局/_布局。“cshtml”；} div class=' banner ' img src=' http : ~/Skins/Default/Images/banner。jpg '/div div class=' left ' div class=' children ' dl dt@Model.Name/dt DD @ Html .操作(“PartialChildren”，“Category”，新{ id=Model .CategoryId })/DD/dl/div/div class=' content _ CNT ' div class=' path ' @ Html .操作(“部分路径”，“类别”，新{ id=Model .CategoryId })/div class='单页' div class=' title ' @ Model .名称关于/div p NineSky是洞庭夕照学习手动音量调节的一个项目。是想通过完成一个网站来不断的督促自己、不断的学习和实践。最终希望可以写出一个可简洁、易用的网站p/p目的：学习mvc4/p p目标：简单、易用、实用/p/div/打开"关于我们"的资料页面http://本地主机：52270/类别/托管详细信息/6

修改栏目视图

运行看下效果

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。