SpringCloud学习笔记——07Blog实战启动
07Blog
前面，我们已经基本上针对SpringCloud的一些基础组件，做了一个入门的学习。为了更好的学习效果，接下来，我们将进入一个新的篇章——实战篇。最终目标：一个简单的博客系统，07blog。
gitee:搜索07blog或私信。
在实战过程中，我们会穿插SpringCloud及相关知识，并试图对一些相关内容进行深入的分析。知识讲解主要涉及后端，前端内容可能会涉及一些重要部分，非重要部分将会省略。
07Blog的基本架构图
基本架构从架构图可以看到如下内容：
最上层是nginx，提供反向代理的能力。包含blog，admin两个前端项目，我们采用nuxt作为主框架，以spa模式进行开发。后端项目以SpringCloud为主要技术框架，包含SpringCloud的基础设施，如Config，Eureka，Zuul等，包含user，article等若干独立微服务项目，包含blog-server和admin-server两个以前述微服务项目为基础的直接对外的api项目。以MySQL作为数据库存储主要手段。上述架构图只是一个最初的基本架构图，便于大家形成一个项目的整体轮廓，在后面的开发中，会根据具体的开发进行调整。
整体框架搭建
整体项目放在文件夹blog07下，后续称之为根目录。
根目录下，README.MD为整体项目的说明文件，doc存放在项目开发过程中产生的相关文档，project中为具体的项目。
project中，admin为后台管理系统的前端项目，blog为博客系统的前端项目。server为服务端项目，为两个前端项目提供api接口支持。
server项目基于maven进行构建，包含三个子模块，api，base和serve。
api为admin和blog，分别为两个前端项目提供接口。
base中为SpringCloud基础设施及通用工具包，如config，eureka，zuul等。
serve中为底层微服务项目，如针对用户的user，针对博客文章的article等。
server整体目录结构如下：
目录结构登录接口
今天，我们的任务是先在admin项目中开发一个简单的登录接口，并通过工具对接口的可用性进行测试。
我们先在server下的pom.xml中添加一些所有项目都可能用到的通用依赖，如下：
pom.xml在admin项目下创建Application作为启动类，添加
SpringBootApplication注解，如下：Application创建UserAction类，提供简易login方法，如下：
UserAction启动admin项目。我们可以直接在浏览器中对接口进行测试，结果如下：
返回true返回false登录页面
在前端admin项目中，创建一个login页面，如下：
login页面本系列文章主要是以SpringCloud技术体系为核心，所以，涉及到前端的内容会相对省略，大家可以在gitee中查看到本项目的全部源码。
简单介绍一下前端的技术体系。前端项目以基于vue的nuxt作为核心框架，使用antd作为ui组件，使用vuex作为数据redux框架。我们通过axios，在前端项目中调用后端提供的登录接口，登录成功时，提示登录成功，登录失败时，提示登录失败。如：
登录成功好，本期实战到此结束，项目源码地址私信或看图。下篇，我们将实战admin后端项目与config等其它项目的结合。
07blog开源项目转载请注明：http://www.0431gb208.com/sjszlff/1295.html
