[基于NetCore的简单博客系统]-登录

0-项目背景

一个基于.NET CORE RAZOR PAGES的简单博客系统 技术栈全部采用微软官方实现方式，目的是熟悉新技术

PS:因为是练手，所以UI界面就比较丑咯

1-框架结构（参考ABP框架:因为是练手，所以没有使用ABP基础类，只是参考了他的架子）

1.1）后台用经典的MVC方式实现

1.2）前台打算使用.NetCore RazorPage页面实现

2-表结构

2.1）User - 后台用户

2.2）Member -前台用户

2.3）MemberBlogTagRelationship - 前台用户博文标签表

2.4）Blog -博文

2.5）BlogCategroy -博文分类

2.6）BlogPost- 博文评论

2.7) BlogTag-博文标签（前台用户添加）

2.8）BlogTagRelationship - 博文-博文标签关联表

2.9）添加Entity 基类 参考 ABP 的实体基类，所有实体都是派生自 entity

3-生成数据库（基于EF code-first 模式）

3.1）添加实体与数据库表映射关系

3.2）数据上下文中添加配置

3.3）生成数据库方式参考https://docs.microsoft.com/en-us/ef/core/ 和以前的EF差不多

3.4）SetOneToManyCascadeDeleteConvertion 和 AddEntityTypeConfigruations 都是自定义的扩展方法

  public static class ModelBuilderExtensions
     {
         /// <summary>
         /// 关掉所有主外键关系的级联删除
         /// </summary>
         /// <param name="modelBuilder"></param>
         /// <param name="deleteBehavior"></param>
         public static void SetOneToManyCascadeDeleteConvention(this ModelBuilder modelBuilder, DeleteBehavior deleteBehavior = DeleteBehavior.Restrict)
         {
             foreach (var relationship in modelBuilder.Model.GetEntityTypes().SelectMany(e => e.GetForeignKeys()))
             {
                 relationship.DeleteBehavior = deleteBehavior;
             }
         }

         /// <summary>
         /// 自动映射实体与表
         /// </summary>
         /// <param name="modelBuilder"></param>
         /// <param name="executingAssembly"></param>
         public static void AddEntityTypeConfigurations(this ModelBuilder modelBuilder, Assembly executingAssembly)
         {
             var types = executingAssembly.GetTypes();
             var filterTypes = types.Where(x => !string.IsNullOrEmpty(x.Namespace));
             var result = filterTypes.Where(x => !x.IsAbstract && x.GetInterfaces()
             .Any(y => y.GetTypeInfo()
             .IsGenericType && y.GetGenericTypeDefinition() == typeof(IEntityTypeConfiguration<>)));

             foreach (var configurationInstance in result.Select(Activator.CreateInstance))
             {
                 modelBuilder.ApplyConfiguration((dynamic)configurationInstance);
             }
         }
     }

SetOneToManyCascadeDeleteConvertion 和 AddEntityTypeConfigruations 都是自定义的扩展方法

4-注册依赖 （IOC：data,application）

4.1）ApplicationServiceCollectionExtensions:application类库中IOC相关注册扩展类

 public static class ApplicationServiceCollectionExtensions
     {
         public static void ApplicationRegister(this IServiceCollection services)
         {
             services.AddScoped<IUserService, UserService>();
             services.AddScoped<IMemberService, MemberService>();
             services.AddScoped<IBlogService, BlogService>();
             services.AddScoped<IBlogCategoryService, BlogCategoryService>();
         }
     }

ApplicationServiceCollectionExtensions

4.2）EfCoreServiceCollectionExtensions ：data类库中IOC相关注册扩展类

  public static class EfCoreServiceCollectionExtensions
     {
         /// <summary>
         /// 注册数据库上下文
         /// </summary>
         /// <typeparam name="TDbContext"></typeparam>
         /// <param name="services"></param>
         /// <param name="connectionString"></param>
         public static void AddDbContext<TDbContext>(this IServiceCollection services, string connectionString)
             where TDbContext : DbContext
         {
             //UseRowNumberForPaging() 用于分页 ms sql server版本低于2012 需要使用
             services.AddDbContext<TDbContext>(options => options.UseSqlServer(connectionString, b => b.UseRowNumberForPaging()));//
         }

         /// <summary>
         /// 接口注册
         /// </summary>
         /// <param name="services"></param>
         public static void RegisterRepository(this IServiceCollection services)
         {
             services.AddScoped(typeof(IRepository<,>), typeof(RepositoryBase<,>));
         }
     }

EfCoreServiceCollectionExtensions

5-登录

5.1）添加IUserService 接口，UserService类，添加UserDto GetData(string userName, string password); 函数

5.2）添加 UserDto Model 类，实现GetData方法

5.3）添加 UserExtensions 扩展类

 public static class UserExtensions
     {
         public static UserDto ToDto(this User user)
         {
             if (user == null)
                 return null;
             return new UserDto
             {
                 Id = user.Id,
                 IsActived = user.IsActived,
                 UserName = user.UserName
             };
         }

         public static User ToEntity(this UserDto user)
         {
             if (user == null)
                 return null;
             return new User
             {
                 Id = user.Id,
                 IsActived = user.IsActived,
                 UserName = user.UserName,
                 CreatedOn = DateTime.Now
             };
         }
     }

UserExtensions

5.4) 添加 Account Controller

 using System;
 using System.Collections.Generic;
 using System.Security.Claims;
 using System.Threading.Tasks;
 using GR.Blogs.AspNetCore.Security;
 using GR.Blogs.AspNetCore.Users;
 using GR.Blogs.AspNetCore.Dto;
 using Microsoft.AspNetCore.Authentication;
 using Microsoft.AspNetCore.Authentication.Cookies;
 using Microsoft.AspNetCore.Authorization;
 using Microsoft.AspNetCore.Mvc;
 using GR.Blogs.AspNetCore.Users.Dto;

 namespace GR.Blogs.AspNetCore.Web.Mvc.Controllers
 {
     [Authorize]
     public class AccountController : Controller
     {
         private readonly IUserService _userService;

         public AccountController(IUserService userService)
         {
             _userService = userService;
         }

         [AllowAnonymous]
         public IActionResult Login(string ReturnUrl = null)
         {
             var model = new LoginViewModel();
             return View(model);
         }

         [AllowAnonymous]
         [HttpPost]
         [ValidateAntiForgeryToken]
         public async Task<IActionResult> Login(string ReturnUrl, /*[Bind("UserName,Password")]*/ LoginViewModel model)
         {
             if (!ModelState.IsValid)
             {
                 return View(model);
             }
             var user = _userService.GetData(model.UserName, MD5EncryptHelper.MD5Encrypt(model.Password));
             if (user == null)
             {
                 ModelState.AddModelError("", "用户名或密码错误");
                 return View(model);
             }

             await HttpContext.SignInAsync(CookieAuthenticationDefaults.AuthenticationScheme, GetUserClaimsPrincipal(user));
             if (ReturnUrl == null)
                 return RedirectToAction("index", "home");
             else
                 return Redirect(ReturnUrl);
         }

         private ClaimsPrincipal GetUserClaimsPrincipal(UserDto user)
         {
             var claims = new List<Claim>();
             claims.Add(new Claim(ClaimTypes.Name, user.UserName, ClaimValueTypes.String));
             claims.Add(new Claim(ClaimTypes.UserData, user.Id.ToString(), ClaimValueTypes.String));
             //这里写死了，正式的话，角色需要通过获取数据库角色，写入的
             //claims.Add(new Claim(ClaimTypes.Role, "Administrator", ClaimValueTypes.String));
             //
             var userIdentity = new ClaimsIdentity(CookieAuthenticationDefaults.AuthenticationScheme);
             userIdentity.AddClaims(claims);
             var userPrincipal = new ClaimsPrincipal(userIdentity);
             return userPrincipal;
         }

         public async Task<IActionResult> Logout()
         {
             await HttpContext.SignOutAsync(CookieAuthenticationDefaults.AuthenticationScheme);
             return RedirectToAction("index", "home");
         }
     }
 }

AccountController

5.5) Startup 中配置 Cookie 验证 ，注册IOC

5.6）添加Login页面布局,样式是基于flatUI

 @model GR.Blogs.AspNetCore.Dto.LoginViewModel
 @{
     Layout = null;
 }

 <!DOCTYPE html>

 <html lang="zh-CN">
 <head>
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=1000, initial-scale=1.0, maximum-scale=1.0">
     <title>登录 - GR博客系统</title>
     <link href="~/lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />
     <link href="~/lib/flatUI/dist/css/flat-ui.css" rel="stylesheet" />
     <link href="~/lib/flatUI/docs/assets/css/demo.css" rel="stylesheet" />
     <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
     <!--[if lt IE 9]>
       <script src="~/lib/flatUI/dist/js/vendor/html5shiv.js"></script>
       <script src="~/lib/flatUI/dist/js/vendor/respond.min.js"></script>
     <![endif]-->
 </head>
 <body>
     <div class="container">
         <div class="login" style="margin-top:100px;">
             <div class="login-screen">
                 <div class="login-icon">
                     <img src="~/lib/flatUI/dist/img/icons/png/Mail.png" alt="Welcome to Mail App" />
                     <h4>Welcome to <small>Mail App</small></h4>
                 </div>

                 <form class="login-form" method="post">
                     @Html.AntiForgeryToken()
                     <div class="form-group">
                         <div asp-validation-summary="ModelOnly" class="text-danger"></div>
                     </div>
                     <div class="form-group">
                         <input type="text" asp-for="UserName" class="form-control login-field" value="" placeholder="用户名">
                         <label class="login-field-icon fui-user"></label>
                         <span asp-validation-for="UserName" class="text-danger"></span>
                     </div>

                     <div class="form-group">
                         <input type="password" asp-for="Password" class="form-control login-field" value="" placeholder="密码">
                         <label class="login-field-icon fui-lock"></label>
                         <span asp-validation-for="Password" class="text-danger"></span>
                     </div>

                     <input type="submit" class="btn btn-primary btn-lg btn-block" value="登录">
                     <a class="login-link" href="#">忘记密码?</a>
                 </form>
             </div>
         </div>
     </div>
     @*<environment include="Development">
             <script src="~/lib/jquery/dist/jquery.js"></script>
             <script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>
             <script src="~/js/site.js" asp-append-version="true"></script>
         </environment>
         <environment exclude="Development">
             <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-2.2.0.min.js"
                     asp-fallback-src="~/lib/jquery/dist/jquery.min.js"
                     asp-fallback-test="window.jQuery"
                     crossorigin="anonymous"
                     integrity="sha384-K+ctZQ+LL8q6tP7I94W+qzQsfRV2a+AfHIi9k8z8l9ggpc8X+Ytst4yBo/hH+8Fk">
             </script>
             <script src="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/bootstrap.min.js"
                     asp-fallback-src="~/lib/bootstrap/dist/js/bootstrap.min.js"
                     asp-fallback-test="window.jQuery && window.jQuery.fn && window.jQuery.fn.modal"
                     crossorigin="anonymous"
                     integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa">
             </script>
             <script src="~/js/site.min.js" asp-append-version="true"></script>
         </environment>
         @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}*@

 </body>
 </html>

Login

5-结束了

文笔不行，不知道该怎么组织语言，所以就以流水账形式记录了