我的开源项目：微服务全栈技术学习开源项目，涵盖Java及前端主流技术点

1、目的

​ 本项目旨在总结先后端分离经常使用技术点，造成集前端+后端+小程序+移动端一整套的我的技术博客解决方案。技术采用主流先后端分离微服务架构，并涵盖持续集成及自动化部署的相关解决方案。既然是以学习为目的，可能并非以作成一个博客系统为最终目标，可能会基于此基础之上进行技术的扩充。

​ 技术方面，后端采用Java技术栈，前端使用工程化的SPA单体应用实现。项目计划分为两个版本分别为vue+Spring Cloud、react+Dubbo。除了还该经常使用的增删改查业务以外，也会涉及高并发、限流、支付、爬虫等主流流行技术点。

​ 业务方面分为后台+前台场景，后台管理系统负责对整个网站进行管理，前台为展现我的博客内容。除了实现博客的经常使用功能外，也但愿加入秒杀、分布式搜索、区块链等功能。

​ 本人才疏学浅，可能有些观点不是很成熟，考虑的没有很全面，望你们积极指正。也但愿能够结识更多热爱技术的朋友，一块儿加油，一块儿进步。

2、主要技术：

所用到的主要技术点：

2.1 后端

数据库：MySql

数据访问层：Mybatis、Spring Data Jpa

NoSql：Redis、MongoDB

持续集成：docker、k8s

分布式搜索：ElasticSearch

消息队列：RabbitMQ、ActiveMQ

版本控制：git

依赖管理：maven

分布式：Spring Boot、Spring Cloud、Dubbo、Spring Cloud Alibaba

其余：Quartz、FFmpeg、Spring、maven、SSO、WebMagic、Netty等

2.2 前端

前端框架：Vue、React、Ant Design、Element UI

网络请求：axios、Fetch

表格图表：ECharts

数据状态管理：redux、vuex

路由管理：react-router、vue-router

小程序：mpvue

代码检查工具：ESLint

代码打包工具：webpack

3、主要功能

1.登陆注册：实现对用户名、手机号及扫码的登陆实现，实现单点登录功能。

2.文章模块:对文章进行管理

3.分类目录：对分类目录进行管理

4.文章标签模块

5.做品管理：可添加本身的做品

6.友情连接管理

7.页面管理

8.评论管理

9.菜单管理

10.用户管理

11.网站seo设置

12.媒体资源管理：fastdfs

13.网站爬虫设计：能够抓取指定的数据到我的博客中

14.课程管理：能够发布本身的视频等课程资源，实现收费及免费功能。包括支付

15.统计模块：统计网站访问量、评论量、等信息记录网站的历程

16.搜索：分布式搜索实现对文章的搜索功能。

17.活动与招聘信息

18.吐槽与问答

19.网站数据备份与导入导出

20.数据字典管理

…

4、项目汇总

目前主流的技术架构采用先后端分离技术实现，在项目工程上来说，也应是分离的项目。每一个项目进行单独开发。下面是本项目中全部的工程目录。

4.1 版本一：

Java采用Spring Boot + Spring Cloud + Spring Data JPA 技术栈

后端项目地址：https://github.com/iquanzhan/vblog-spring-cloud

前端采用react技术栈

前端项目地址：https://github.com/iquanzhan/vblog-web-react

4.2 版本二：

Java采用Spring Boot + Dubbo + MyBatis 技术栈

后端项目地址：https://github.com/iquanzhan/vblog-dubbo

前端采用vue技术栈

前端项目地址：https://github.com/iquanzhan/vblog-web-vue

使用nginx+docker+k8s进行持续集成与发布管理。

5、工欲善其事必先利其器

java采用jdk1.8

5.1开发工具

Java开发工具配置及优化

Java端采用IDEA进行开发：下载地址：https://www.jetbrains.com/

使用IDEA时有很多优质的插件，推荐安装：

1. Grep console： 支持自定义控制台不一样级别的日志颜色
2. Free Mybatis plugin ：根据Mapper类中方法名可直接跳转到mapper.xml
3. MyBatis Log Plugin : 默认状况下MyBatis显示的脚本不是可执行的，这个插件就能够直接将Mybatis执行的sql脚本
4. Alibaba Java Coding Guidelines ：阿里巴巴代码规范检查插件
5. Lombok ：利用注解的形式，省去get/set等方法
6. Gsonformat ：能够根据json快速生成java实体
7. Restfultookit ：主要用于调试接口，能够生成默认的数据，可根据Url快速找到对应的controller
8. JRebel ：热部署插件
9. GenerateAllSetter :new POJO类的时候快速生成set方法

若是其余小伙伴有更好的插件推荐，欢迎提出哦~

前端开发工具配置及其优化

Java端采用VS Code进行开发：下载地址：https://code.visualstudio.com/

为了便于开发VS Code也有很多优质的插件推荐：

1. Auto Close Tag：自动添加html的关闭标签
2. Auto Rename Tag：修改标签时，自动修改结束标签的名字
3. Beautify ：代码美化格式化工具
4. Color Info ：css中设置颜色时显示色彩信息
5. ESLint ：前端规范插件，能够检查语法错误
6. JavaScript (ES6) code snippets：ES6语法提示
7. Path Intellisense：输入路径后自动补全
8. vscode-element-helper：element UI库的代码提示
9. npm Intellisense：在导包时对依赖包进行提示
10. Reactjs code snippets：react代码提示插件
11. React Redux ES6 Snippets ：Redux代码片断工具
12. React-Native/React/Redux snippets for es6/es7 ：react代码片断工具
13. Vetur ： Vue多功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。vscode官方钦定Vue插件，Vue开发者必备
14. Bracket Pair Colorizer ： 给括号加上不一样的颜色，便于区分不一样的区块，使用者能够定义不一样括号类型和不一样颜色

欢迎更多志同道合的朋友一块儿交流哦，欢迎star

GitHub：

https://github.com/iquanzhan/vblog

您也能够点击下方更多访问GitHub。