MVC Core 网站开发（Ninesky） 2.1、栏目的前台显示

上次创建了栏目模型，这次主要做栏目的前台显示。涉及到数据存储层、业务逻辑层和Web层。用到了迁移，更新数据库和注入的一些内容。

一、添加数据存储层

1、添加Ninesky.DataLibrary（与上次添加方法相同）

在解决方案(Ninesky)上点右键->添加->新建项目

选择.NET Core –> Class Library(.NET Core)

名称输入：Ninesky.DataLibrary（数据访问存储功能在这个项目中实现）

2、为项目添加EntityFrameworkCore包

在Ninesky.DataLibrary项目的引用中右键-> 管理NuGet程序包。

在对话框中选择浏览标签，搜索框中输入“EntityFrameworkCore”，然后找到”Microsoft.EntityFrameworkCore”点击安装。

点击更新标签，选择NETStandard.Library，点更新，更新到1.6.1版本。

image

  3、实现单个数据查询

将项目中默认生成的Class1.cs，改名为BaseRepository.cs

添加代码如下：

  1 using System;
  2 using System.Collections.Generic;
  3 using System.Linq;
  4 using System.Threading.Tasks;
  5 using Microsoft.EntityFrameworkCore;
  6 
  7 namespace Ninesky.DataLibrary
  8 {
  9     /// <summary>
 10     /// 仓储基类
 11     /// </summary>
 12     public class BaseRepository<T> where T :class
 13     {
 14         private DbContext _dbContext;
 15         public BaseRepository(DbContext dbContext)
 16         {
 17             _dbContext = dbContext;
 18         }
 19 
 20         /// <summary>
 21         /// 查询
 22         /// </summary>
 23         /// <param name="Id">主键</param>
 24         /// <returns>实体</returns>
 25         public T Find(int Id)
 26         {
 27             return _dbContext.Set<T>().Find(Id);
 28         }
 29     }
 30 }

 

二、业务逻辑层

回到Ninesky.Base项目中

1、添加项目引用

在引用 上点右键->添加引用。

 

image

在引用管理器中 勾选“Ninesky.DataLibrary”，点击确定

image

2、栏目服务类

添加类CategoryService，添加Find 方法，代码如下

  1 using System;
  2 using System.Collections.Generic;
  3 using System.Linq;
  4 using System.Threading.Tasks;
  5 using Microsoft.EntityFrameworkCore;
  6 using Ninesky.DataLibrary;
  7 
  8 namespace Ninesky.Base
  9 {
 10     /// <summary>
 11     /// 栏目服务类
 12     /// </summary>
 13     public class CategoryService
 14     {
 15         private BaseRepository<Category> _baseRepository;
 16         public CategoryService(DbContext dbContext)
 17         {
 18             _baseRepository = new BaseRepository<Category>(dbContext);
 19         }
 20 
 21         /// <summary>
 22         /// 查找
 23         /// </summary>
 24         /// <param name="Id">栏目Id</param>
 25         /// <returns></returns>
 26         public Category Find(int Id)
 27         {
 28             return _baseRepository.Find(Id);
 29         }
 30     }

 

三、web层实现

回到Ninesky.Web项目中。

1、安装包引用

●安装EntityFrameworkCore.SqlServer包

在Ninesky.Web项目的引用中右键-> 管理NuGet程序包。

在对话框中选择浏览标签，搜索框中输入“EntityFrameworkCore”，然后找到”Microsoft.EntityFrameworkCore.SqlServer”点击安装.

注：此包提供SQL Server 数据库的支持

●安装Microsoft.EntityFrameworkCore.Tool包

在对话框中选择浏览标签，搜索框中输入“Microsoft.EntityFrameworkCore.Tool”，勾选包括预发行版本，然后找到”Microsoft.EntityFrameworkCore.Tool”点击安装。

注：此包提供数据迁移和更新数据库的支持。

image

2、设置连接字符串

在vs2015中选择视图->SQL Server对象管理器。

image

这里有两个实例，MSSQLLocalDB和ProectsV13.都是SQL Server 13.0.2151版本，有什么区别真不懂。

image

在SQL Server 上右键 –>添加SQL Server

image

在连接对话框中选择MSSQLLocalDB（反正不清楚区别，干脆选第一个不带版本号的），点高级。

image

image

复制连接字符串，打开appsettings.json，添加连接字符串的配置（红框部分）

image

3、添加数据上下文

在Ninesky.Web项目上右键->添加->类，输入名称NineskyDbContext

在引用 上点右键->添加引用。在引用管理器中 勾选“Ninesky.Base”，点击确定

打开CategoryController，using Ninesky.Base，在这是发现一个现象如下图：

image

这里自动出现了DataLibrary的命名空间，这个Web项目中本来没有引用DataLibrary，只引用了Base。Base中引用了DataLibrary项目。看样引用也会传染，试了一下在Base项目中卸载EntityFrameworkCore引用也可以正常使用EntityFrameworkCore功能，啊~啊~~啊~~~，大叫三声，干脆把WEB项目和Base项目中的都不要引用EntityFrameworkCore了，只要DataLibrary中引用就可以了。

完成后NineskyDbContext的代码如下： 

  1 using Microsoft.EntityFrameworkCore;
  2 using Ninesky.Base;
  3 
  4 namespace Ninesky.Web
  5 {
  6     public class NineskyDbContext:DbContext
  7     {
  8         public DbSet<Category> Categories { get; set; }
  9 
 10         public NineskyDbContext(DbContextOptions options):base(options)
 11         {
 12 
 13         }
 14     }
 15 }
 16

 

4、注入NineskyDbContext

打开Startup.cs文件，在ConfigureServices方法中写入红框波分代码。image

services.AddDbContext方法用来注入DbContext；

options => options.UseSqlServer表示使用的是SqlServer数据库。（如果要连接MySql，在项目中引用MySql的EntityFrameworkCore包，然后再这里options => options.UseMySql（……）就可以了）。

Configuration.GetConnectionString("DefaultConnection")表示从配置文件中读取名为DefaultConnection的连接字符串。

5、启用迁移和创建数据库

●启用迁移

在菜单中选择工具->NuGet包管理器->程序包管理器控制台

 

image

在包管理器控制台中输入 Add-Migration Init 回车

image

完成后可以看到在项目中生成了Migrations文件夹，说明启用迁移成功。

image

●创建数据库。

在包管理器控制台中输入Update-Database 回车，以创建数据库。

image

完成后可以在SQL Server对象管理器看到成功创建了数据库和表

image

注：数据库文件默认不创建在项目中，下载的代码中不包含数据库文件，自己运行一下Update-Database命令就可以创建数据库了。另外V13的版本是SQL Server 2016版，我测试过在安装v12版本（2014版）的机子上运行Update-Database也可以创建数据库，其他的版本没试过，估计08R2以后的版本应该都没问题。

6、修改栏目控制器的Index方法

下一步就是回到CategoryController.cs中，修改代码如下:

  1 namespace Ninesky.Web.Controllers
  2 {
  3     /// <summary>
  4     /// 栏目控制器
  5     /// </summary>
  6     public class CategoryController : Controller
  7     {
  8         /// <summary>
  9         /// 数据上下文
 10         /// </summary>
 11         private NineskyDbContext _dbContext;
 12 
 13         /// <summary>
 14         /// 栏目服务
 15         /// </summary>
 16         private CategoryService _categoryService;
 17 
 18         public CategoryController(NineskyDbContext dbContext)
 19         {
 20             _dbContext = dbContext;
 21             _categoryService = new CategoryService(dbContext);
 22         }
 23 
 24         /// <summary>
 25         /// 查看栏目
 26         /// </summary>
 27         /// <param name="id">栏目Id</param>
 28         /// <returns></returns>
 29         [Route("/Category/{id:int}")]
 30         public IActionResult Index(int id)
 31         {
 32             var category = _categoryService.Find(id);
 33             if (category == null) return View("Error");
 34             return View(category);
 35         }
 36     }
 37 }
 38

栏目控制器的构造函数（public CategoryController(NineskyDbContext dbContext)）有参数个NineskyDbContext，因为在Startup.cs中注入了NineskyDbContext，在控制器初始化的时候可以自动获取到这个参数。

Index方法通过categoryService查询对应id的栏目，并返回视图。

7、添加Index视图

在项目的Views文件夹上右键->添加->新建文件夹，输入名称Category

image

在新创建的的Category文件夹上右键->添加->新建项

image

选择MVC试图页，名称为Index.cshtml

image

添加完成后的视图。。。。

image

真干净啊，啥也没有。吐糟一下：以前在Action上点右键添加视图的方式多好，还可以根据模型生成代码，这下好了什么都要自己写，工作量大了不少。没办法自己写吧。简单写一下视图

  1 @model Ninesky.Base.Category
  2 @{
  3     ViewData["Title"] = Model.Name;
  4 }
  5 
  6 <h2>@Model.Name</h2>
  7 <div class="row">
  8     <div class="col-lg-2 col-md-3">侧栏</div>
  9     <div class="col-lg-2 col-md-3">
 10         <ul class="list-group">
 11             <li class="list-group-item">
 12                 <label asp-for="CategoryId"></label>
 13                 @Html.DisplayFor(model => model.CategoryId)
 14             </li>
 15             <li class="list-group-item">
 16                 <label asp-for="Name"></label>
 17                 @Html.DisplayFor(model => model.Name)
 18             </li>
 19             <li class="list-group-item">
 20                 <label asp-for="ParentId"></label>
 21                 @Html.DisplayFor(model => model.ParentId)
 22             </li>
 23             <li class="list-group-item">
 24                 <label asp-for="Type"></label>
 25                 @Html.DisplayFor(model => model.Type)
 26             </li>
 27             <li class="list-group-item">
 28                 <label asp-for="Target"></label>
 29                 @Html.DisplayFor(model => model.Target)
 30             </li>
 31             <li class="list-group-item">
 32                 <label asp-for="Order"></label>
 33                 @Html.DisplayFor(model => model.Order)
 34             </li>
 35             <li class="list-group-item">
 36                 <label asp-for="Description"></label>
 37                 @Html.DisplayFor(model => model.Description)
 38             </li>
 39         </ul>
 40 
 41     </div>
 42 </div>

8、插入一行测试数据

在SQL Server对象管理器中查看表Categories数据，

image

在表中随便输入一条数据。

image

 

然后F5运行一下。可以看到刚才输入的数据已经取出来了。这里栏目类型直接显示了枚举CategoryType里的[Display(Name = "常规栏目")]值 确实是挺智能的。

image

四、其他

 

代码托管地址：https://git.oschina.net/ninesky/Ninesky

文章发布地址：http://www.ninesky.cn

                 http://mzwhj.cnblogs.com/

代码包下载：http://pan.baidu.com/s/1b2UI0e

 

返回目录

posted @ 2016-12-09 00:26  洞庭夕照  阅读(2683)  评论(10)  编辑  收藏  举报