专业网站建设品牌，十四年专业建站经验，服务6000+客户--广州京杭网络

免费热线：400-683-0016      微信咨询  |  联系我们

• 网站首页
• 网站建设
• 短视频
• 网站推广
• 网站模板
• 客户案例
• 资讯动态
• 关于我们

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

当前位置：网站建设 > 技术支持

系列文章列表，点击展示/隐藏

本文梯子

• 缘起
• 目录
• 源码 Github
• 后端 .net core 概览
• 前端 Vue 概览
• 前端 Admin 概览
• 认证中心 Ids4 概览
• 技术
• 结语
• 致谢

 

正文

缘起

    作为一个.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 概览

  • 01 ║ 权限后台系统 1.0 正式上线
    
  • 02 ║ 完美实现 JWT 滑动授权刷新
  • 03 ║ 动态路由配置 & 项目快速开发
  • 04 ║ NetCore + SignalR 实现日志消息推送
  • 五 ║ 实现『按钮』级别权限配置
  • 
    

• 认证中心 Ids4 概览

  • 01 ║ 授权服务器 IdentityServer4 开篇讲&计划书
  • 02 ║ 基础知识集合 & 项目搭建一
  • 03 ║ 详解授权持久化 & 用户数据迁移
  • 04 ║ 用户数据管理 & 前后端授权联调
  • 05 ║ 多项目集成统一认证中心的思考
  • 06 ║ 统一角色管理（上） 
  • 07 ║ 客户端、服务端、授权中心全线打通 
  • 【实战 Ids4】║ 给授权服务器加个锁——HTTPS配置
  • 【实战 Ids4】小技巧篇：自定义登录页操作
  • 【实战 Ids4】║ 又一个项目迁移完成（MVC）
  • 【实战 Ids4】║ 在Swagger中调试认证授权中心
  • 
    

 

---

技术

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

    系统环境

    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整体系统架构图）

 

 

  

(整个框架用到的知识点的思维导图)

 

---

致谢

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