目录
1、使用背景
2、运行基本环境安装
2.1、安装Redis (可选用Windows版本)
2.2、安装RabbitMQ
2.3、本地安装数据库(MySQL或者PostgreSQL)
2.4、安装Maven环境
2.5、安装Vue运行环境(NodeJS) 及设置淘宝镜像
3、下载项目导入IDE环境及运行
3.1、下载项目源码
3.2、Maven安装及配置
3.3、工程导入IDE(Idea)及设置Maven环境变量
3.4、初始化数据到数据库之中
3.5、修改配置数据库链接配置
3.6、 启动文件顺序
3.7、解决RabbitMQ无法连接问题
3.8、启动前端项目和解决前端不显示菜单问题
4、成果展现
5、总结
1、使用背景
由于目前各个公司都把Java端技术都转向与SpringBoot框架;如果是基本小型项目一个SpringBoot的单例服务(传统单例)即可。但是随着业务的发展和各个功能模块要求复用需要。各个公司更加倾向于使用SpringCloud进行微服务化管理。毕竟SpringCloud有一套完善的服务治理体系(包括服务注册于发现 注册中心 Eureka、网关中心 Zuul、服务配置 Config、服务之间调用Feign、熔断机制Hystrix)。本人是去年因为公司需要把单一的微服务SpringBoot转移到SpringCloud模式。研究一下相关内容。在网上发现具有开源精神的兄弟提供一个基本SpringCloud入门项目。
本人首先声明:此文章主要目的是帮助入门者能够快速运行起来 Spring-Cloud-Cli 项目,但是项目的具体版权权益还是归属此项目的作者。
基于Spring Cloud实现微服务前后端系统
2、运行基本环境安装
如果要运行此项目必须按照一下基本的环境内容,至于各位读者使用的是Eclipse还是Idea作为开发环境根据个人的喜好。但是必须安装有 IDE开发环境(Eclipse/Idea)、基本的Java环境必须要安装的吧。除此之外的基本环境还需要安装如下内容
2.1、安装Redis (可选用Windows版本)
下载地址:https://github.com/tporadowski/redis/releases
2.2、安装RabbitMQ
具体可以参考如下文章:Windows下RabbitMQ安装及配置 此文相当详细;个人可以根据实际情况选择安装最新版本。
注意事项:记得配置相关的环境变量和启动RabbitMQ
本人最后安装完毕后启动界面:
2.3、本地安装数据库(MySQL或者PostgreSQL)
为何此处需要介绍一下安装数据库,并且提及了PostgreSQL数据库呢?因为此项目以前版默认使用的PostgreSQL数据库,目前比较流行MySQL建议大家安装MySQL吧。具体如何安装自行在网上搜索。也可以查看本人以前在地方地方书写如何安装MySQL数据库,本人喜欢使用ZIP的解压版。
具体参考:MySQL解压版安装数据库
安装完毕数据库需要的安装一个数据管理工具,这个根据自己喜欢安装即可,建议安装Navicat Premium 12、此工具支持的数据库种类繁多。本人还是使用过其他多种管理工具如:Webyog SQLyog、dbForge Studio for MySQL等等。至于如何安装请网上搜索。
2.4、安装Maven环境
因为此项目使用的是Maven来管理的项目,所以必须安装Maven。可以下载最新版本的Maven,地址如下:
2.5、安装Vue运行环境(NodeJS) 及设置淘宝镜像
因为本项目前端使用三大开源前端(Vue、React、AngularJS)项目之中的Vue,需要依赖使用Nodejs
安装Nodejs
由于Vue都是依托于前端的NPM来管理前端包,需要安装Nodejs,下载地址如下: https://nodejs.org/en/ 建议安装10版本的
把淘宝镜像加入到本地镜像中:
npm install -g cnpm --registry=https://registry.npm.taobao.org
具体可以参考本人文章: 前端编辑神器微软出品Visual Studio Code Vue 项目基本配置
3、下载项目导入IDE环境及运行
3.1、下载项目源码
项目下载地址:https://github.com/xuyaohui/Spring-Cloud-Cli
可以通过TortoiseGit工具或者命令下载或者克隆、如果没有安装此git环境或者命令可以直接 下载zip包即可。
3.2、Maven安装及配置
针对刚才下载的源码使用IDE工具导入,注意配置Maven环境,Maven下载地址如:http://maven.apache.org/download.cgi
如何安装Maven及设置环境变量参考文章:
3.3、工程导入IDE(Idea)及设置Maven环境变量
注意:需要勾选Override进行覆盖勾选。
3.4、初始化数据到数据库之中
创建数据库
使用数据库管理工具初始化基本数据库表接口和测试数据。
3.5、修改配置数据库链接配置
在此项目使用全局搜索 jdbc: 记得带上冒号,如果是Idea使用快捷键 Ctrl+Shift+F
主要修改如下微服务对应的配置文件 中的数据库链接地址
服务工程 | 修改文件 |
cloud-ida-service-tag | application.properties |
cloud-ida-zuul | application.yml |
cloud-ida-config | application.properties |
3.6、 启动文件顺序
具体顺序如下:如果使用Idea有个很好功能 Run Dashboard
启动顺序 | 服务工程名 |
1 | cloud-ida-eureka |
2 | cloud-ida-config |
3 | cloud-ida-admin server |
4 | cloud-ida-admin |
5 | cloud-ida-service |
6 | cloud-ida-zuul |
7 | cloud-ida-zipkin |
本人按照上面的顺序自己编写启动顺序号这样一目了然。
3.7、解决RabbitMQ无法连接问题
在启动第6个微服务的时候回出现连接不上RabbitMQ的情况,是由于无法自动创建队列 DIRECT_QUEUE
需要通过RabbitMQ手动创建一个即可。
3.8、启动前端项目和解决前端不显示菜单问题
在后端微服务全部启动完毕后,需要启动前端。需要定位到前端工程所在目录如下所示:
使用cmd到此目录如下所示
启动vue前端,切换到vue-front目录下,先运行cnpm install,进行vue依赖模块的下载,再运行cnpm run dev访问系统(事先安装node.js、cnpm、vue)
运行完毕会弹出如下网页
- 后台管理系统:http://localhost:9000/index 用户名/密码:admin/123456
- 前端系统: http://localhost:9521 用户名/密码:admin/123456
9521端口的是前端部分,可能在是使用过程之中看不见菜单。是因为没有给角色授权菜单信息的原因需要做如下操作
(1)、首先登录到后端系统
http://localhost:9000/index 用户名/密码:admin/123456
注意必须带上index如果只有端口不行
(2)、设置前端系统显示菜单步骤
4、成果展现
最后后端管理、和系统前台都可以显示正常了
最后运行的服务
5、总结
到此本项目能够完全相对正常的执行,希望本篇文章能够帮助你使用Spring-Cloud-Cli开源项目;同时能够针对学习SpringCloud的旅途之中给你点助力。
想关开源项目权益属于开源作者。同时也希望作者后续更加完善,更多力作出现。