基于Spring Cloud实现微服务前后端系统

基于Spring Cloud实现微服务前后端系统

  • 1、使用的技术栈
  • 2、项目架构图
  • 3、系统各模块介绍
  • 4、占用的端口
  • 5、如何运行该系统?
  • 6、系统特性
  • 7、系统体验
  • 8、系统截图

Github项目地址:https://github.com/xuyaohui/cloud-ida-cli ,若感觉对你有帮助,帮忙star一下,谢谢!
有问题,欢迎微信联系我: xuyaohui2012

1、使用的技术栈


  • 注册中心:Spring Cloud Eureka
  • 网关中心:Spring Cloud Zuul
  • 服务配置:Spring Cloud Config
  • 链路追踪:Spring Cloud Zipkin
  • 数据库连接:Druid、Mybatis
  • 服务鉴权:Shiro+JWT
  • 数据库:MySQL
  • 日志收集:ELK(服务安装在虚拟机)
  • 服务之间调用: Feign
  • 熔断机制:Hystrix
  • 消息队列:RabbitMQ

2、项目架构图


基于Spring Cloud实现微服务前后端系统_第1张图片

3、系统各模块介绍


  • cloud-ida:项目父模块,所有以下子模块依赖该父模块(可在该pom文件加入所需要的依赖)

  • cloud-ida-admin : 后台管理模块(包含前后端),包括用户、角色、权限管理及服务监控

  • cloud-ida-admin-server : 使用springboot admin,监控各服务运行状况

  • cloud-ida-common : common模块,封装模块常用bean及工具类

  • cloud-ida-config : 分布式配置中心,可将各模块所需的配置放到该中心(dev/uat/pro)

  • cloud-ida-eureka : 服务发现、注册中心

  • cloud-ida-service : 业务服务模块(可按业务拆分成多个服务)

  • cloud-ida-zipkin : 服务链路追踪

  • cloud-ida-zuul : 微服务网关层,所有请求都经过网关请求,此模块中也有shiro认证、鉴权

4、占用的端口


  • cloud-ida-admin: 9000
  • cloud-ida-admin-server: 9010
  • cloud-ida-config : 8888
  • cloud-ida-eureka : 8761
  • cloud-ida-service-tag : 8087
  • cloud-ida-zipkin : 9411
  • cloud-ida-zuul : 9084

5、如何运行该系统?


  • 保证各服务模块使用的端口未被占用
  • 安装redis(必须),如果自己需要安装rabbitmq(非必须,不安装的话,会报异常,但不影响使用)
  • 根据表模型创建库(如cloud-ida)、表,并插入相应的测试数据(数据库使用mysql)
  • 配置各模块设置数据库的url、用户名和密码,可通过全局搜索"jdbc:",替换成自己的配置
  • 启动顺序:cloud-ida-eureka->cloud-ida-config->cloud-ida-admin server->cloud-ida-admin->cloud-ida-service->cloud-ida-zuul->cloud-ida-zipkin
  • 各模块使用springboot创建,找到个服务对用的application,运行main函数即可,如cloud-ida-zuul的application为CloudDockerZuulApplication
  • 启动vue前端,切换到vue-front目录下,先运行cnpm install,进行vue依赖模块的下载,再运行cnpm run dev访问系统(事先安装node.js、cnpm、vue)

6、系统特性


  • 基于Spring Cloud架构,快速搭建
  • 前后端分离(Vue+Spring Boot)
  • Shiro+jwt的方式实现无状态会话,实现登录、鉴权
  • SSO单点登录
  • RBAC模型,基于角色的权限控制
  • Vue登录、登出、界面和按钮级控制
  • ELK日志收集
  • 服务监控界面集成、修改、汉化

7、系统体验


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

8、系统截图


(1)后台管理系统截图
基于Spring Cloud实现微服务前后端系统_第2张图片

(2)后端赋权
基于Spring Cloud实现微服务前后端系统_第3张图片

(3)服务监控
基于Spring Cloud实现微服务前后端系统_第4张图片
(4)vue登录界面
基于Spring Cloud实现微服务前后端系统_第5张图片

(5)vue前端测试界面
基于Spring Cloud实现微服务前后端系统_第6张图片

你可能感兴趣的:(微服务)