程式師世界 >> 編程語言 >> .NET網頁編程 >> 關於.NET >> MVC Core 網站開發（Ninesky） 2、欄目，mvcninesky

MVC Core 網站開發（Ninesky） 2、欄目，mvcninesky

編輯：關於.NET

MVC Core 網站開發（Ninesky） 2、欄目，mvcninesky

欄目是網站的常用功能，按照慣例欄目分常規欄目，單頁欄目，鏈接欄目三種類型，這次主要做添加欄目控制器和欄目模型兩個內容，控制器這裡會用到特性路由，模型放入業務邏輯層中（網站計劃分數據訪問、業務邏輯和Web層，初步計劃劃分如下圖）。

模塊功能劃分

一、欄目控制器

1、添加控制器

在Ninesky.Web項目項目Controller文件夾點右鍵添加->新建項

在添加新項對話框中選擇MVC控制器類，名稱輸入CategoryController.

自動生成代碼如下

  1 using System;
  2 using System.Collections.Generic;
  3 using System.Linq;
  4 using System.Threading.Tasks;
  5 using Microsoft.AspNetCore.Mvc;
  6 
  7 
  8 namespace Ninesky.Web.Controllers
  9 {
 10     /// <summary>
 11     /// 欄目控制器
 12     /// </summary>
 13     public class CategoryController : Controller
 14     {
 15         // GET: /<controller>/
 16         public IActionResult Index()
 17         {
 18             return View();
 19         }
 20     }
 21 }
 22

2、使用特性路由。

改造一下Index方法，使其接受id參數，返回id字符串形式。

  1  public IActionResult Index(int id)
  2         {
  3             return Content(id.ToString());
  4         }

運行效果

這裡生成的地址index感覺累贅，如果把index去掉顯示效果會更好。

為index方法添加特性路由，添加完成代碼如下：

  1         // GET: /<controller>/
  2         [Route("/Category/{id:int}")]
  3         public IActionResult Index(int id)
  4         {
  5             return Content(id.ToString());
  6         }

[Route("/Category/{id:int}")]表示路由形式為/catgory/id參數，id參數只接受int類型。F5運行效果如下

二、添加模型

1、新建Base項目

在解決方案(Ninesky)上點右鍵->添加->新建項目

選擇.NET Core –> Class Library(.NET Core)

名稱輸入：Ninesky.Base（這裡添加了一個新項目，是考慮到項目分層，Web項目負責顯示，地下有業務邏輯和數據存儲的層。我把欄目相關的模型，業務邏輯放到Base項目中。）

在Base項目中將默認生成的Class1改名為Category。

2、為項目添加EntityFrameworkCore包

在Ninesky.Base項目的引用中右鍵-> 管理NuGet程序包。

在對話框中選擇浏覽標簽，搜索框中輸入“EntityFrameworkCore”，然後找到”Microsoft.EntityFrameworkCore”點擊安裝。

這裡安裝的是EntityFrameworkCore的1.1版本，需要NETStandard.Library1.6.1版本的支持，而項目自帶的是NETStandard.Library1.60版本，所以出現了歎號。

再次進入Nuget管理器中巴NETStandard.Library的版本更新一下，歎號立即消失。

3、添加欄目類型

欄目類型是個枚舉（General,Page,Link）

欄目類型：常規欄目，單頁欄目，鏈接欄目。

常規欄目：可以添加子欄目，設置內容模型後可以添加相應內容。

單頁欄目：只一個頁面，頁面可以設置頁面內容。

鏈接欄目：一個轉向鏈接。

在Ninesky.Base項目中右鍵->添加->類。輸入類名”CategoryType”

將代碼修改如下

  1  using System.ComponentModel.DataAnnotations;
  2 
  3 namespace Ninesky.Base
  4 {
  5     /// <summary>
  6     /// 欄目類型
  7     /// </summary>
  8     public enum CategoryType
  9     {
 10         [Display(Name = "常規欄目")]
 11         General,
 12         [Display(Name = "單頁欄目")]
 13         Page,
 14         [Display(Name = "鏈接欄目")]
 15         Link
 16     }
 17 }
 18

4、添加欄目模型

4.1、公共模型類

打開Category.CS,修改代碼如下：

  1 using System.ComponentModel.DataAnnotations;
  2 
  3 namespace Ninesky.Base
  4 {
  5     /// <summary>
  6     /// 欄目模型
  7     /// </summary>
  8     public class Category
  9     {
 10         [Key]
 11         public int CategoryId { get; set; }
 12 
 13         /// <summary>
 14         /// 欄目名稱
 15         /// </summary>
 16         [Required]
 17         [StringLength(50)]
 18 
 19         public string Name { get; set; }
 20 
 21         /// <summary>
 22         /// 欄目類型
 23         /// </summary>
 24         [Required]
 25         [Display(Name= "欄目類型")]
 26         public CategoryType Type { get; set; }
 27 
 28         /// <summary>
 29         /// 上級欄目ID
 30         /// </summary>
 31         /// <remarks>
 32         /// 0-表示本欄目是根欄目，無上級欄目
 33         /// </remarks>
 34         [Required]
 35         [Display(Name = "上級欄目")]
 36         public int ParentId { get; set; }
 37 
 38         /// <summary>
 39         /// 排序
 40         /// </summary>
 41         /// <remarks>
 42         /// 數字越小越靠前
 43         /// </remarks>
 44         [Required]
 45         [Display(Name = "排序")]
 46         public int Order { get; set; }
 47 
 48         /// <summary>
 49         /// 打開目標
 50         /// </summary>
 51         [Required]
 52         [StringLength(20)]
 53         [Display(Name = "打開目標")]
 54         public string Target { get; set; }
 55 
 56         /// <summary>
 57         /// 欄目說明
 58         /// </summary>
 59         [Required]
 60         [StringLength(1000)]
 61         [Display(Name = "欄目說明")]
 62         public string Description { get; set; }
 63     }
 64 }

4.2添加常規欄目模型

在Ninesky.Base項目中右鍵->添加->類。輸入類名”CategoryGeneral”，代碼如下：

  1 using System.ComponentModel.DataAnnotations;
  2 
  3 namespace Ninesky.Base
  4 {
  5     /// <summary>
  6     /// 常規欄目模型
  7     /// </summary>
  8     public class CategoryGeneral
  9     {
 10         [Key]
 11         public int GeneralId { get; set; }
 12 
 13         /// <summary>
 14         /// 欄目ID
 15         /// </summary>
 16         [Required]
 17         [Display(Name = "欄目ID")]
 18         public int CategoryId { get; set; }
 19 
 20         /// <summary>
 21         /// 欄目視圖
 22         /// </summary>
 23         [Required]
 24         [StringLength(200)]
 25         [Display(Name = "欄目視圖")]
 26         public string View { get; set; }
 27 
 28         /// <summary>
 29         /// 模塊名稱
 30         /// </summary>
 31         [Required]
 32         [StringLength(50)]
 33         [Display(Name = "模塊名稱")]
 34         public string Module { get; set; }
 35 
 36         /// <summary>
 37         /// 內容視圖
 38         /// </summary>
 39         [Required]
 40         [StringLength(200)]
 41         [Display(Name = "內容視圖")]
 42         public string ContentView { get; set; }
 43 
 44         /// <summary>
 45         /// 內容排序
 46         /// </summary>
 47         [Required]
 48         [StringLength(200)]
 49         [Display(Name = "內容排序")]
 50         public int? ContentOrder { get; set; }
 51 
 52         /// <summary>
 53         /// 欄目
 54         /// </summary>
 55         public virtual Category Category { get; set; }
 56     }
 57 }
 58

4.3添加單頁欄目模型

在Ninesky.Base項目中右鍵->添加->類。輸入類名”CategoryPage”，代碼如下：

  1 using System.ComponentModel.DataAnnotations;
  2 
  3 namespace Ninesky.Base
  4 {
  5     public class CategoryPage
  6     {
  7         [Key]
  8         public int PageId { get; set; }
  9 
 10         /// <summary>
 11         /// 欄目ID
 12         /// </summary>
 13         [Required]
 14         [Display(Name = "欄目ID")]
 15         public int CategoryId { get; set; }
 16 
 17         /// <summary>
 18         /// 欄目內容
 19         /// </summary>
 20         [Required]
 21         [StringLength(10000)]
 22         [Display(Name = "欄目內容")]
 23         public string Content { get; set; }
 24 
 25         /// <summary>
 26         /// 欄目視圖
 27         /// </summary>
 28         [Required]
 29         [StringLength(200)]
 30         [Display(Name = "欄目視圖")]
 31         public string View { get; set; }
 32 
 33         /// <summary>
 34         /// 欄目
 35         /// </summary>
 36         public virtual Category Category { get; set; }
 37 
 38         public CategoryPage()
 39         {
 40             View = "Index";
 41         }
 42     }
 43 }
 44

4.4添加鏈接欄目模型

在Ninesky.Base項目中右鍵->添加->類。輸入類名”CategoryLink”，代碼如下：

  1 using System.ComponentModel.DataAnnotations;
  2 
  3 namespace Ninesky.Base
  4 {
  5     /// <summary>
  6     /// 鏈接欄目模型
  7     /// </summary>
  8     public class CategoryLink
  9     {
 10         [Key]
 11         public int LinkId { get; set; }
 12 
 13         /// <summary>
 14         /// 欄目ID
 15         /// </summary>
 16         [Required]
 17         [Display(Name = "欄目ID")]
 18         public int CategoryId { get; set; }
 19 
 20         /// <summary>
 21         /// 欄目地址
 22         /// </summary>
 23         [Required]
 24         [DataType(DataType.Url)]
 25         [StringLength(500)]
 26         [Display(Name = "欄目地址")]
 27         public string Url { get; set; }
 28     }
 29 }
 30

返回到公共模型Category.CS中，在底部添加外鍵

  1         /// <summary>
  2         /// 欄目說明
  3         /// </summary>
  4         [Required]
  5         [StringLength(1000)]
  6         [Display(Name = "欄目說明")]
  7         public string Description { get; set; }
  8 
  9 //添加的導航屬性
 10         /// <summary>
 11         /// 常規欄目
 12         /// </summary>
 13         public virtual CategoryGeneral General { get; set; }
 14 
 15         /// <summary>
 16         /// 單頁欄目
 17         /// </summary>
 18         public virtual CategoryPage Page { get; set; }
 19 
 20         /// <summary>
 21         /// 鏈接欄目
 22         /// </summary>
 23         public virtual CategoryLink Link { get; set; }
 24 //添加的導航屬性結束
 25     }
 26 }
 27