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

时间:2022-10-31 19:54:02

上次创建了栏目模型,这次主要做栏目的前台显示。涉及到数据存储层、业务逻辑层和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版本。

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

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、添加项目引用

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

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

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

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

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”点击安装。

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

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

2、设置连接字符串

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

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

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

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

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

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

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

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

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

复制连接字符串,打开appsettings.json,添加连接字符串的配置(红框部分)

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

3、添加数据上下文

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

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

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

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

这里自动出现了DataLibrary的命名空间,这个Web项目中本来没有引用DataLibrary,只引用了BaseBase中引用了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方法中写入红框波分代码。MVC Core 网站开发(Ninesky) 2.1、栏目的前台显示

services.AddDbContext方法用来注入DbContext

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

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

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

●启用迁移

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

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

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

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

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

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

●创建数据库。

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

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

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

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

注:数据库文件默认不创建在项目中,下载的代码中不包含数据库文件,自己运行一下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

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

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

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

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

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

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

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

真干净啊,啥也没有。吐糟一下:以前在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数据,

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

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

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

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

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

四、其他

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

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

http://mzwhj.cnblogs.com/

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

返回目录