vue框架搭建_从壹开始前后端分离【 .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

---

结语

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

---

致谢

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