AI专业者开发社区 1 号成员
  •  0 回帖  •  37 浏览  •  5 个月前
   

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

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

系列教程一目录：.netcore+vue 前后端分离Demo1Demo2视频教程 1视频教程 2Code

系列教程二目录：DDD 领域驱动设计Demo Code 视频教程

系列教程三目录：Nuxt.js TiBug 系统Demo Code

系列教程四目录：VueAdmin 后台管理系统Demo Code

系列教程五目录：IdentityServer4 授权服务器Demo Code 视频教程

系列教程六目录：Netcore 设计模式 Code

本文梯子

 

正文

缘起

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

        说明：

            1、JWT 授权管理一共四篇，分别是：05 -> 36 -> 37 -> 42
            2、后期权限配置，请查看后台 demo 的首页第三个动图步骤：http://vueadmin.neters.club/

 

 

 

 

技术

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

    系统环境

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

 

 

  

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

 

致谢

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