从壹开始前后端分离【 .NETCore2.1 +Vue 2 +AOP+DI】框架之一 || 前言

正文

缘起

作为一个.Net攻城狮已经4年有余了，一直不温不火，正好近来项目不是很忙，闲得无聊，搞一搞新技术，一方面是打发无聊的时间，一方面也是督促自己该学习辣！身边的大神都转行的转行，加薪的加薪，本人比较懒，只想搞技术 [哭笑] ，也是怀着小小的梦想，做一个系列文章可以和大家一起进步，讨论，希望总阅读数能上1万（已实现12月28日19:41），阅读2万（2019年4月3日19:36），3万(2019年5月28日09:37)，4万？嗯，哈哈哈哈

目录

源码 Github

.NET CORE 源码:

Github: https://github.com/anjoy8/Blog.Core

Gitee : https://gitee.com/laozhangIsPhi/Blog.Core

VUE 项目开源代码:

https://github.com/anjoy8/Blog.Vue

https://github.com/anjoy8/Blog.Admin

Nuxt.js项目代码（SSR）

https://github.com/anjoy8/Nuxt.tBug

老张 .NetCore与Vue 框架学习目录如下

🍎：如果你是刚刚入门 .net ，或者看我的教程还比较费劲，可以先从小白开始，这个真的很简单： https://windsting.github.io/little-aspnetcore-book/book/ 官档： https://docs.microsoft.com/zh-cn/aspnet/core/?view=aspnetcore-2.2

• 后端 .net core 概览
  • 02 ║ 后端项目搭建
  • 03 ║ Swagger的使用 3.1
  • 04 ║ Swagger的使用 3.2
  • 05 ║ Swagger的使用 3.3 JWT权限验证【修改】
  • 06 ║ API项目整体搭建 6.1 仓储模式
  • 07 ║ API项目整体搭建 6.2 轻量级ORM
  • 08 ║ API项目整体搭建 6.3 异步泛型仓储+依赖注入初探
  • 09 ║ 依赖注入IoC学习 + AOP界面编程初探
  • 10 ║ AOP面向切面编程浅解析：简单日志记录 + 服务切面缓存
  • 11 ║ AOP自定义筛选，Redis入门 11.1
  • 12 ║ 三种跨域方式比较，DTOs(数据传输对象)初探
  • 13 ║ DTOs 对象映射使用，项目部署Windows+Linux完整版
  • 32 ║ 四种方法快速实现项目的半自动化搭建
  • 33 ║ ⅖ 种方法实现完美跨域
  • 34 ║ Swagger 处理多版本控制，所带来的思考
  • 35 ║ 完美实现全局异常日志记录
  • 36 ║ 解决JWT权限验证过期问题
  • 37 ║ JWT完美实现权限与接口的动态分配
  • 38 ║ 自动初始化数据库
  • 39 ║ 想创建自己的dotnet模板么？看这里
  • 40 ║ 完美基于AOP的接口性能分析
  • 41 ║ Nginx+Github+PM2 快速部署项目(一)
  • 42 ║ 完美实现 JWT 滑动授权刷新
  • 42 ║ 支持多种数据库 & 快速数据库生成
  • 43 ║最全的部署方案 & 最丰富的错误分析【再会】

说明：

1、JWT授权管理一共四篇，分别是：05 -> 36 -> 37 -> 42

• 前端 Vue 概览
  • 14 ║ VUE 计划书 & 我的前后端开发简史
  • 15 ║Vue基础：JS面向对象&字面量& this字
  • 16 ║Vue基础：ES6初体验 & 模块化编程
  • 17 ║Vue基础：使用Vue.js 来画博客首页+指令(一)
  • 18 ║Vue基础: 指令(下)+计算属性+watch
  • 19 ║Vue基础: 样式动态绑定+生命周期
  • 20 ║Vue基础终篇：组件详解+项目说明
  • 👆 上边的这些基础，可以不用看，如果你只想快速入门 Vue 的话，只看下边的即可
  • 21 ║Vue实战：开发环境搭建【详细版】
  • 22 ║Vue实战：个人博客第一版(axios+router)
  • 23 ║Vue实战：Vuex 其实很简单
  • 24 ║ Vuex + JWT 实现授权验证登陆
  • 25 ║初探SSR服务端渲染（个人博客二）
  • 26 ║Client渲染、Server渲染知多少{补充}
  • 27 ║ Nuxt 基础：框架初探
  • 28 ║ Nuxt 基础：面向源码研究Nuxt.js
  • 29 ║ Nuxt实战：异步实现数据双端渲染
  • 30 ║ Nuxt实战：动态路由+同构
  • 31 ║ Nuxt终篇：基于Vuex的权限验证探究
• 前端 Admin 概览
  • 01 ║ 权限后台系统 1.0 正式上线
  • 02 ║ 完美实现 JWT 滑动授权刷新
  • 03 ║ 动态路由配置 & 项目快速开发
  • 04 ║ NetCore + SignalR 实现日志消息推送

技术

本系列文章只是对现有的一些技术做一个简单说明或者是引入，只是一个抛砖引玉的作用，主要的还是希望和志同道合的大神们一起切磋武艺。

系统环境

windows 10、SQL server 2012、MySql、Visual Studio 2017、Windows Server 2008 R2

后端技术：

* .Net Core 2.2版本 API（因为想单纯搭建前后端分离，因此就选用的API，如果想了解.Net Core MVC，也可以交流）

* Async和Await 异步编程

* Repository + Service 仓储模式编程

* Swagger 前后端文档说明，基于RESTful风格编写接口

* Cors 简单的跨域解决方案

* AOP基于切面编程技术

* Autofac 轻量级IoC和DI依赖注入

* Vue 本地代理跨域方案，Nginx跨域代理

* JWT权限验证

* DI 依赖注入

数据库技术

* SqlSugar 轻量级ORM框架，CodeFirst

* T4 模板生成

* AutoMapper 自动对象映射

分布式缓存技术

* Redis 轻量级分布式缓存

前端技术

* Vue 2.0 框架全家桶 Vue2 + VueRouter2 + Webpack + Axios + vue-cli + vuex（@编程玩家 指正）

* ElementUI 基于Vue 2.0的组件库

* Nuxt.js服务端渲染SSR

结语

这里再一次说明，仅仅是简单的特别简单的入门使用，如果对于上边的技术，你从来没有听过，或者听过没用过，嗯，你可以简单花点儿时间看一看，但是如果你都已经用过或者有一定的技术，请帮忙监督指正。

致谢

感谢有两位朋友提供思路，或者说动力，才使我萌发了想写的冲动，特别感谢李大爷，嗯就是哈哈，的默默支持，才使我有了继续写下去的动力。