从壹开始前后端分离【 .NETCore3.1 +Vue 2 +AOP+DI】框架之一 || 前言
缘起
作为一个.Net攻城狮已经4年有余了,一直不温不火,正好近来项目不是很忙,闲得无聊,搞一搞新技术,一方面是打发无聊的时间,一方面也是督促自己该学习辣!身边的大神都转行的转行,加薪的加薪,本人比较懒,只想搞技术 [哭笑] ,也是怀着小小的梦想,做一个系列文章可以和大家一起进步,讨论,希望总阅读数能上1万(已实现2018年12月28日19:41),2万(2019年4月3日19:36),3万(2019年5月28日09:37),4万(2019年7月16日11点00分),5(2019年9月28日23点13分),6 (2019年11月22日18点47分) ,Seven(2019年12月31日18点57分)!,哈哈哈哈
目录
源码 Github
ASP.NET CORE WebApi 源码:
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
统一认证平台(IdentityServer4)
https://github.com/anjoy8/Blog.IdentityServer
老张 .NetCore与Vue 框架学习目录如下
🍎:如果你是刚刚入门 .net ,看我的教程还比较费劲,可以先从小白开始,这个真的很简单:
https://windsting.github.io/little-aspnetcore-book/book/
官档:
https://docs.microsoft.com/en-us/dotnet/core(英文)
https://docs.microsoft.com/zh-cn/dotnet/core (中文)
-
后端 .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 ║ 最全的部署方案 & 最丰富的错误分析
- 44 ║ 最全的 netcore 3.0 升级实战方案
- 45 ║ 终于解决了事务问题
- 46 ║ 授权认证:自定义返回格式
说明:
1、JWT授权管理一共四篇,分别是:05 -> 36 -> 37 -> 42
2、后期权限配置,请查看后台demo的首页第三个动图步骤:http://vueadmin.neters.club/
-
前端 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 概览
-
认证中心 Ids4 概览
技术
本系列文章只是对现有的一些技术做一个简单说明或者是引入,只是一个抛砖引玉的作用,主要的还是希望和志同道合的大神们一起切磋武艺。
系统环境
windows 10、SQL server 2012、MySql/MSSql/SQLite、Visual Studio 2019、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
结语
这里再一次说明,仅仅是简单的特别简单的入门使用,如果对于上边的技术,你从来没有听过,或者听过没用过,嗯,你可以简单花点儿时间看一看,但是如果你都已经用过或者有一定的技术,请帮忙监督指正。
(Blog.Core整体系统架构图)
(整个框架用到的知识点的思维导图)
致谢
感谢有两位朋友提供思路,或者说动力,才使我萌发了想写的冲动,特别感谢李大爷,嗯就是哈哈,的默默支持,才使我有了继续写下去的动力。