MVC4制作中网站如何开发添加栏目

今天就跟大家聊聊有关MVC4制作中网站如何添加栏目，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

序
一、用户
二、用户组
三、栏目
3.1添加栏目
首先添加【CategoryController】控制器，

那么我想我的视图里，首先显示的应该是栏目类型，这里应该是一个下拉框，用户可以选择"一般栏目"，"单页栏目"，"外部链接"。那么首先应该在【CategoryController】添加一个属性，用来返回栏目类型列表。

#region Attribute public List TypeSelectList {  get  {  List _items = new List();  _items.Add(new SelectListItem { Text = CategoryType.一般栏目.ToString(), Value = ((int)CategoryType.一般栏目).ToString() });  _items.Add(new SelectListItem { Text = CategoryType.单页栏目.ToString(), Value = ((int)CategoryType.单页栏目).ToString() });  _items.Add(new SelectListItem { Text = CategoryType.外部链接.ToString(), Value = ((int)CategoryType.外部链接).ToString() });  return _items;  } } #endregion

其次，用户应该可以选择内容模型，内容模型是什么？

内容模型就是这个栏目下可以添加内容的模型名称？这个模型名称对应的就是Models中间的模型类。为了更好的表述在系统中添加模块"Module "的概念。模块用来指系统中用来实现相应功能的块，想新闻模块，文章模块，留言模块，图片模块，产品模块，服务模块等等，每个模块对应相应的模型和控制器，用来实现设想中的功能。系统中预置的模块用户应该可以设置启用还是关闭。

第一应该添加内容模型类

using System.ComponentModel.DataAnnotations;namespace Ninesky.Models{ /// 
 /// 内容模块 /// 
 public class Module { [Key] public int ModuleId { get; set; } /// 
 /// 模块名称 /// 
 [Required(ErrorMessage="×")] [Display(Name="模块名称")] public string Name { get; set; } /// 
 /// 模块模型 /// 
 [Required(ErrorMessage = "×")] [Display(Name = "模块模型")] public string Model { get; set; } /// 
 /// 启用模块 /// 
 [Required(ErrorMessage = "×")] [Display(Name = "启用模块")] public bool Enable { get; set; } /// 
 /// 说明 /// 
 [Required(ErrorMessage = "×")] [Display(Name = "说明")] public string Description { get; set; } }}

既然有模块类，就应该有模块类的数据处理类ModuleRepository，这块功能暂时留在后面来写，先最简单的实现List(bool enable)函数让其能显示模块列表。

using Ninesky.Models;using System.Collections.Generic;using System.Linq;namespace Ninesky.Repository{ public class ModuleRepository { public IQueryable List(bool enable) {  List _module = new List();  _module.Add(new Module { Name = "新闻模块", Model = "News", Enable = true, Description = "新闻模块" });  _module.Add(new Module { Name = "文章模块", Model = "Article", Enable = true, Description = "文章模块" });  return _module.AsQueryable(); } }}

简单吧。模块功能以后再写吧，先为了添加栏目显示两个固定的模块，
那么后续我们要在控制器中添加[ManageAdd]action

[AdminAuthorize] public ActionResult ManageAdd() {  ModuleRepository _moduleRsy = new ModuleRepository();  var _modules = _moduleRsy.List(true);  List _slimodule = new List(_modules.Count());  foreach (Module _module in _modules)  {  _slimodule.Add(new SelectListItem { Text = _module.Name, Value = _module.Model });  }  ViewData.Add("Model", _slimodule);  ViewData.Add("Type", TypeSelectList);  return View(); }

然后添加添加数据处理函数

[AdminAuthorize] [HttpPost] public ActionResult ManageAdd(Category category) {  categoryRsy = new CategoryRepository();  if (categoryRsy.Add(category))  {  Notice _n = new Notice { Title = "添加栏目成功", Details = "您已经成功添加[" + category.Name + "]栏目！", DwellTime = 5, NavigationName = "栏目列表", NavigationUrl = Url.Action("ManageList", "Cayegory") };  return RedirectToAction("ManageNotice", "Prompt", _n);  }  else  {  Error _e = new Error { Title = "添加栏目失败", Details = "在添加栏目时，未能保存到数据库", Cause = "系统错误", Solution = Server.UrlEncode("
返回添加栏目页面，输入正确的信息后重新操作
联系网站管理员
") };  return RedirectToAction("ManageError", "Prompt", _e);  } }

现在开始做视图部分了。
在[ManageAdd]action上点右键添加视图，

@model Ninesky.Models.Category@{ ViewBag.Title = "ManageAdd"; Layout = "~/Views/Layout/_Manage.cshtml";}
 
 左侧列表
 
 
  添加栏目 
 @using (Html.BeginForm()) {  @Html.ValidationSummary(true)  
  
栏目
  
   
   
    @Html.LabelFor(model => model.Type)   
   
    @Html.DropDownList("Type")    @Html.ValidationMessageFor(model => model.Type)    @Html.DisplayDescriptionFor(model => model.Type)   
   
   
   
    @Html.LabelFor(model => model.Name)   
   
    @Html.EditorFor(model => model.Name)    @Html.ValidationMessageFor(model => model.Name)    @Html.DisplayDescriptionFor(model => model.Name)   
   
   
   
    @Html.LabelFor(model => model.ParentId)   
   
    @Html.EditorFor(model => model.ParentId)    @Html.ValidationMessageFor(model => model.ParentId)    @Html.DisplayDescriptionFor(model => model.ParentId)   
   
   
   
    @Html.LabelFor(model => model.Model)   
   
    @Html.DropDownList("Model")    @Html.ValidationMessageFor(model => model.Model)    @Html.DisplayDescriptionFor(model => model.Model)   
   
   
   
    @Html.LabelFor(model => model.CategoryView)   
   
    @Html.EditorFor(model => model.CategoryView)    @Html.ValidationMessageFor(model => model.CategoryView)    @Html.DisplayDescriptionFor(model => model.CategoryView)   
   
   
   
    @Html.LabelFor(model => model.ContentView)   
   
    @Html.EditorFor(model => model.ContentView)    @Html.ValidationMessageFor(model => model.ContentView)    @Html.DisplayDescriptionFor(model => model.ContentView)   
   
   
   
    @Html.LabelFor(model => model.Navigation)   
   
    @Html.EditorFor(model => model.Navigation)    @Html.ValidationMessageFor(model => model.Navigation)    @Html.DisplayDescriptionFor(model => model.Navigation)   
   
   
   
    @Html.LabelFor(model => model.Order)   
   
    @Html.EditorFor(model => model.Order)    @Html.ValidationMessageFor(model => model.Order)    @Html.DisplayDescriptionFor(model => model.Order)   
   
   
   
   
   
       
   
  
  
 } 
@section Scripts { @Scripts.Render("~/bundles/jqueryval")}

这里给一些

 bundles.Add(new ScriptBundle("~/bundles/EasyUi").Include(    "~/Scripts/EasyUi/easyloader.js")); bundles.Add(new StyleBundle("~/EasyUi/icon").Include("~/Scripts/EasyUi/themes/icon.css"));

using System.Web;using System.Web.Optimization;namespace Ninesky{ public class BundleConfig { // 有关 Bundling 的详细信息，请访问 http://go.microsoft.com/fwlink/?LinkId=254725 public static void RegisterBundles(BundleCollection bundles) {  bundles.Add(new ScriptBundle("~/bundles/jquery").Include(   "~/Scripts/jquery-{version}.js"));  bundles.Add(new ScriptBundle("~/bundles/EasyUi").Include(   "~/Scripts/EasyUi/easyloader.js"));  bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(   "~/Scripts/jquery.unobtrusive*",   "~/Scripts/jquery.validate*"));  // 使用 Modernizr 的开发版本进行开发和了解信息。然后，当你做好  // 生产准备时，请使用 http://modernizr.com 上的生成工具来仅选择所需的测试。  bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(   "~/Scripts/modernizr-*"));  bundles.Add(new StyleBundle("~/Skins/css").Include("~/Skins/Default/Style.css"));  bundles.Add(new StyleBundle("~/Skins/usercss").Include("~/Skins/Default/User.css"));  bundles.Add(new StyleBundle("~/Skins/ManageCss").Include("~/Skins/Default/Manage/Style.css"));  bundles.Add(new StyleBundle("~/EasyUi/icon").Include("~/Scripts/EasyUi/themes/icon.css")); } }}

using System;using System.Collections.Generic;using System.Linq;using System.Web;namespace Ninesky.Models.Ui{ /// 
 /// 树形控件数据 /// 
 public class Tree { /// 
 /// Id /// 
 public int id { get; set; } /// 
 /// 文本 /// 
 public string text { get; set; } /// 
 /// 节点状态：'open'或'closed'，默认'open'。 /// 
 public string state { get; set; } /// 
 /// 图标 /// 
 public string iconCls { get; set; } /// 
 /// 子节点 /// 
 public List children { get; set; } }}

.icon-general {  background: url('icons/ns_general.png') no-repeat !important; }

/// 
 /// 栏目列表 /// 
 /// 模型名称 ///  public IQueryable List(string model) {  return dbContext.Categorys.Where(c => c.Model == model).OrderBy(c => c.Order); } /// 
 /// 普通栏目树形类表 /// 
 ///  public List TreeGeneral() {  var _root = Children(0, 0).Select(c => new Tree { id = c.CategoryId, text = c.Name, iconCls = "icon-general" }).ToList();  if (_root != null)  {  for (int i = 0; i < _root.Count(); i++)  {   _root[i] = RecursionTreeGeneral(_root[i]);  }  }  return _root; } /// 
 /// 普通栏目树形类表递归函数 /// 
 ///  ///  private Tree RecursionTreeGeneral(Tree tree) {  var _children = Children(tree.id, 0).Select(c => new Tree { id = c.CategoryId, text = c.Name, iconCls="icon-general" }).ToList();  if (_children != null)  {    for (int i = 0; i < _children.Count(); i++)  {   _children[i] = RecursionTreeGeneral(_children[i]);  }  tree.children = _children;  }  return tree; }

#region json [AdminAuthorize] public JsonResult JsonTreeParent() {  categoryRsy =new CategoryRepository();  var _children = categoryRsy.TreeGeneral();  if (_children == null) _children = new List();  _children.Insert(0, new Tree { id = 0, text = "无",iconCls="icon-general" });  return Json(_children); } #endregion

@section Scripts { @Styles.Render("~/EasyUi/icon") @Scripts.Render("~/bundles/EasyUi") @Scripts.Render("~/bundles/jqueryval")}