目录

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

       本人最后安装完毕后启动界面:

springcloud启动的接口在哪里查看 springcloud怎么启动项目_SpringCloud

 

springcloud启动的接口在哪里查看 springcloud怎么启动项目_SpringCloud_02

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

springcloud启动的接口在哪里查看 springcloud怎么启动项目_SpringCloud_03

如何安装Maven及设置环境变量参考文章:

       

      

3.3、工程导入IDE(Idea)及设置Maven环境变量

springcloud启动的接口在哪里查看 springcloud怎么启动项目_SpringCloud入门_04

注意:需要勾选Override进行覆盖勾选。

3.4、初始化数据到数据库之中

 创建数据库

springcloud启动的接口在哪里查看 springcloud怎么启动项目_SpringCloud入门_05

      

使用数据库管理工具初始化基本数据库表接口和测试数据。

springcloud启动的接口在哪里查看 springcloud怎么启动项目_SpringCloud_06

springcloud启动的接口在哪里查看 springcloud怎么启动项目_Cloud_07

 

3.5、修改配置数据库链接配置

在此项目使用全局搜索 jdbc: 记得带上冒号,如果是Idea使用快捷键 Ctrl+Shift+F

springcloud启动的接口在哪里查看 springcloud怎么启动项目_数据库_08

主要修改如下微服务对应的配置文件 中的数据库链接地址

服务工程

修改文件

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

springcloud启动的接口在哪里查看 springcloud怎么启动项目_数据库_09

 本人按照上面的顺序自己编写启动顺序号这样一目了然。

3.7、解决RabbitMQ无法连接问题

      在启动第6个微服务的时候回出现连接不上RabbitMQ的情况,是由于无法自动创建队列 DIRECT_QUEUE 

需要通过RabbitMQ手动创建一个即可。

springcloud启动的接口在哪里查看 springcloud怎么启动项目_数据库_10

springcloud启动的接口在哪里查看 springcloud怎么启动项目_SpringCloud_11

3.8、启动前端项目和解决前端不显示菜单问题

    在后端微服务全部启动完毕后,需要启动前端。需要定位到前端工程所在目录如下所示:

springcloud启动的接口在哪里查看 springcloud怎么启动项目_SpringCloud_12

使用cmd到此目录如下所示

启动vue前端,切换到vue-front目录下,先运行cnpm install,进行vue依赖模块的下载,再运行cnpm run dev访问系统(事先安装node.js、cnpm、vue)

springcloud启动的接口在哪里查看 springcloud怎么启动项目_SpringCloud入门_13

springcloud启动的接口在哪里查看 springcloud怎么启动项目_Cloud_14

运行完毕会弹出如下网页

springcloud启动的接口在哪里查看 springcloud怎么启动项目_数据库_15

  • 后台管理系统:http://localhost:9000/index 用户名/密码:admin/123456
  • 前端系统: http://localhost:9521 用户名/密码:admin/123456

9521端口的是前端部分,可能在是使用过程之中看不见菜单。是因为没有给角色授权菜单信息的原因需要做如下操作

   (1)、首先登录到后端系统 

        http://localhost:9000/index 用户名/密码:admin/123456

注意必须带上index如果只有端口不行

springcloud启动的接口在哪里查看 springcloud怎么启动项目_Spring-Cloud-Cli_16

springcloud启动的接口在哪里查看 springcloud怎么启动项目_数据库_17

(2)、设置前端系统显示菜单步骤

springcloud启动的接口在哪里查看 springcloud怎么启动项目_Cloud_18

springcloud启动的接口在哪里查看 springcloud怎么启动项目_SpringCloud入门_19

springcloud启动的接口在哪里查看 springcloud怎么启动项目_SpringCloud入门_20

springcloud启动的接口在哪里查看 springcloud怎么启动项目_数据库_21

4、成果展现

      最后后端管理、和系统前台都可以显示正常了

springcloud启动的接口在哪里查看 springcloud怎么启动项目_Spring-Cloud-Cli_22

springcloud启动的接口在哪里查看 springcloud怎么启动项目_Cloud_23

最后运行的服务

springcloud启动的接口在哪里查看 springcloud怎么启动项目_Spring-Cloud-Cli_24

springcloud启动的接口在哪里查看 springcloud怎么启动项目_SpringCloud_25

5、总结

     到此本项目能够完全相对正常的执行,希望本篇文章能够帮助你使用Spring-Cloud-Cli开源项目;同时能够针对学习SpringCloud的旅途之中给你点助力。

   想关开源项目权益属于开源作者。同时也希望作者后续更加完善,更多力作出现。