從壹開始先後端分離【 .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萬(2019年7月16日11點00分)，5（2019年9月28日23點13分），6？嗯，哈哈哈哈

---

目錄

源碼 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 ║ 最全的部署方案 & 最豐富的錯誤分析
  • 44 ║ 最全的 netcore 3.0 升級實戰方案
  • 45 ║ 終於解決了事務問題

        說明：

            一、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 十、SQL server 20十二、MySql/MSSql/SQLite、Visual Studio 201七、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總體系統架構圖）

 

 

  

(整個框架用到的知識點的思惟導圖)

 

---

致謝

    感謝有兩位朋友提供思路，或者說動力，才使我萌發了想寫的衝動，特別感謝李大爺，嗯就是哈哈，的默默支持，才使我有了繼續寫下去的動力。