[基于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);
            }
        }
    }

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>();
        }
    }

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<,>));
        }
    }

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
            };
        }
    }

 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");
        }
    }
}

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>

5-结束了

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