# vue-spring-cloud

**Repository Path**: bald_dz/vue-spring-cloud

## Basic Information

- **Project Name**: vue-spring-cloud
- **Description**: 前端采用vue，后端采用springcloud搭建微服务框架，前后端分离。项目持续更新中……
- **Primary Language**: Java
- **License**: MulanPSL-1.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 4
- **Created**: 2020-06-07
- **Last Updated**: 2022-06-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-spring-cloud

#### 介绍
前端采用vue，后端采用springcloud搭建微服务框架，前后端分离。
搭建项目博客：https://www.cnblogs.com/dz-boss/p/13062754.html

#### 软件架构
前端选择vue，后端采用springcloud搭建微服务。
服务注册中心：eureka
api网关：zuul
服务健康状态监控：spring-boot-admin
服务链路追踪：zipkin
服务配置中心：spring-cloud-config
前端：vue+bootstrap


#### 页面效果
目前是个demo，包含了服务监控：vue-spring-cloud-admin。服务统一配置中心：vue-spring-cloud-config。链路追踪服务：vue-spring-cloud-zipkin。api网关服务：vue-spring-cloud-zuul。以上服务属于通用模块，建议端口设置为9开头，从9001开始排序。
demo服务提供者：vue-spring-cloud-service-admin，demo服务消费者：vue-spring-cloud-web-admin。服务消费者和提供者建议按照7001,8001依次排序。
* eureka注册中心（随着项目的编写，注册中心会增多）。
![image text](https://gitee.com/bald_dz/vue-spring-cloud/raw/master/git-pic/eureka-demo1.png)

* zipkin链路追踪。
![image text](https://gitee.com/bald_dz/vue-spring-cloud/raw/master/git-pic/zipkin1.png)
以下每条路径表示一个请求，展示了服务之间的调用顺序与每个服务的耗时
![image text](https://gitee.com/bald_dz/vue-spring-cloud/raw/master/git-pic/zipkin2.png)
一个请求的具体调用路径

* spring-boot-admin服务监控中心
![image text](https://gitee.com/bald_dz/vue-spring-cloud/raw/master/git-pic/admin1.png)
显示了正常运行的服务
![image text](https://gitee.com/bald_dz/vue-spring-cloud/raw/master/git-pic/admin2.png)
以墙的方式显示服务


#### 安装教程

1.  xxxx
2.  xxxx
3.  xxxx

#### 使用说明

1.  xxxx
2.  xxxx
3.  xxxx

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 码云特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5.  码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)