蓝湖+Vue.js+SosoApi+Spring Cloud+Rancher——项目架构总结介绍

最新推荐文章于 2025-07-11 13:18:47 发布

置顶

秋枫落落

最新推荐文章于 2025-07-11 13:18:47 发布

阅读量7.4k

点赞数 9

CC 4.0 BY-SA版权

文章标签：架构蓝湖 SosoApi Vue.js Spring cloud

本文链接：https://blog.csdn.net/yangwenpei116/article/details/88190847

1、架构设计图

1.1、系统架构特点

微服务设计、前后端分离、高可用、易扩展、易维护、统一配置、令牌限流、服务熔断、链路追踪、docker容器部署、rancher容器管理、自动化运维

1.2、系统架构图

1.3、总设计思维图

1.4、后端架构图

2、产品UI——蓝湖

2.1、简介

蓝湖是一款优秀的产品设计写作平台，实现了一张画板展示页面跳转逻辑、设计图历史版本管理、打点评论、自动标注、制作高保真交互原型、团队共享网盘等功能。

2.2、特点

2.2.1、自动标注设计图，从此不再手工低效，一键生成所有标注和切图，自动共享给同事

2.2.2、设计图标管理

清晰展现设计图不同状态，如同一页面的未登录、无数据等多种状态

2.2.3、设计图批注

打点标记进行评论, @相关成员即可实时通知、高效协作

2.2.4、自动保存历史版本

随时查看历史版本，支持自动备份源文件

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

秋枫落落

关注关注

9
点赞
踩
41

收藏

觉得还不错? 一键收藏
6
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

蓝湖的安装及使用

邓邓子的博客

07-01

9305

蓝湖官网：https://lanhuapp.com/，以下为官网的介绍。在线展示文档，团队查看更方便支持在线评审，更新通知，自动备份一个地方展现所有资源汇总文档和设计，理解更轻松按页面逻辑连线，展现逻辑更清晰快速生成交互原型强调产品交互的说明和备注产品经理可以基于设计图发表意见自动标注设计图，从此不再低效手工一键生成标注和切图，自动共享给同事设计图管理清晰展现设计图不同状态设计图批注打点标记进行评论, @相关成员可实时通知自动保存历史版本随时查看历史版本，支持自动备份源文件查看标注点击任意元素，即可查看标注

蓝湖+Vue，网易资深Java架构师

03-15

1161

Eureka是Netflix开发的服务发现框架，本身是一个基于REST的服务，主要用于定位运行在AWS域中的中间层服务，以达到负载均衡和中间层服务故障转移的目的。SpringCloud将它集成在其子项目spring-cloud-netflix中，以实现SpringCloud的服务发现功能。Spring Cloud Zuul路由是微服务架构的不可或缺的一部分，提供动态路由，监控，弹性，安全等的边缘服务。Zuul是Netflix出品的一个基于JVM路由和服务端的负载均衡器。

6 条评论您还未登录，请先登录后发表或查看评论

蓝湖-设计协作平台

weixin_34419321的博客

05-30

1772

【后端开发】Spring Cloud入门指南

最新发布

大雨的博客

07-11

1073

在本次学习中，我们全面且深入地探索了 Spring Cloud 的精彩世界。从它的定义出发，我们了解到 Spring Cloud 是一系列框架的有序集合，基于 Spring Boot，为分布式系统开发提供了强大的支持，有效解决了服务发现与注册、配置管理、负载均衡、容错处理等关键问题，是微服务架构中不可或缺的重要工具。

蓝湖+Vue，2024Web前端目前最稳定和高效的UI适配方案

code8889的博客

04-11

1481

蓝湖+Vue，前端这些高端技术只有你还不知道

m0_61418142的博客

04-02

1077

html2rn:蓝湖生成代码转化为rn工具

05-09

htmltorn 项目设置 yarn install 编译和热重装以进行开发 yarn serve 编译并最小化生产 yarn build 整理和修复文件 yarn lint 自定义配置请参阅。

uniapp+egg.js+react实现全栈笔记App

舍长·的博客

08-12

1387

软件介绍这是一个笔记App，主要使用的技术是uniapp+egg.js+react 软件预览图片：首页：编辑页面.png 编辑和登录页面编辑页面2.png 项目地址： https://github.com/tonjies/Diary 博客地址： https://www.jianshu.com/p/e2582852a8dc 文件夹： app：安卓原生打包代码 server...

蓝湖Axure 1.7.39

09-21

蓝湖Axure 1.7.39

vite3+vue3 postcss-pxtorem 实现css自适应设备（px转rem）

placebo1996的博客

11-13

2012

最近新开一个项目是做公司前台的大屏展示，但我不知道屏幕的尺寸，所以考虑使用自适应css，这样只需要知道设计稿宽度就能适配任意尺寸的屏幕，达到一个1：1还原的效果，前提是设计稿长宽比和屏幕长宽比相等。

蓝湖-产品设计协作平台

12-14

“蓝湖”产品设计协作平台，实现了一张画板展示页面跳转逻辑、设计图历史版本管理、打点评论、自动标注、制作高保真交互原型、团队共享网盘等功能。

vscode 自动生成.vue文件代码

猿始森林

05-27

3218

使vue文件能够像html一样，快速生成模板 1、点击左下角设置按钮，选择用户代码片段； 2、搜索 vue.json，打开该文件； 3、输入如下代码； $0 是生成代码后鼠标光标所处的位置 prefix 表示生成对应预设代码的命令{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>", " $0", " <.

使用蓝湖UI效果图网站工具下载图标进行压缩

u012381782的博客

11-27

905

使用蓝湖UI效果图网站工具下载图标进行压缩如下图所示

图解 SpringCloud 微服务架构，写的太好了！

Java知音

08-19

674

SpringCloud Alibaba1.1、单体分布式集群单体：也称单机结构，将一个项目全都部署在一台服务器上面，整个项目的所有服务资源都由这一台服务器提供。分布式：随着项目越来越庞大，单体式中的服务器处理能力有限，所以就将项目服务和MySQL服务分别存储在两台或两台以上的服务器上，可通过合理部署项目对服务器硬件定制化。集群：在分布式结构中，可能存在单点故障问题，此时就对服务进行备份提供相同...

发现一个使用Vue语法快速生成HTML网站的工具，GridSome

敬诚为之

03-02

3911

综合使用Gridsome 和蓝湖，就可以更快的产生一个静态HTML 站点，节省了大量前端开发的时间

基于SpringBoot+Redis+Vue的后台管理系统开源项目，附源码地址

m0_63437643的博客

05-12

438

项目名称 eladmin （权限管理系统）简介 eladmin 是一款基于 Spring Boot 2.1.0 、 Jpa、 Spring Security、redis、Vue 的前后端分离的后台管理系统，项目采用分模块开发方式，权限控制采用 RBAC，支持数据字典与数据权限管理，支持一键生成前后端代码，支持动态路由。eladmin-logging 为系统的日志模块，其他模块如果需要记录日志需要引入该模块。eladmin-common 为系统的公共模块，各种工具类，公共配置存在该模块。

基于Springboot+SpringCloud+Vue+Redis+Es的牛逼商城系统【附带一切资料】

程序员springmeng

06-15

4307

该项目用到的技术非常的多，非常的适合学习，用到的技术有Springboot、SpringCloud、Vue、Redis、Es、MyCat、Nginx、RabbitMQ，如果用于学习应该是非常的全面，如果是用于找工作，可以直接吊打面试官。本系统的资料，包括源码，讲义，视频，资料全部开源。首先看项目的介绍。一，项目介绍 ·乐优商城是一个全品类的电商购物网站（B2C）。 ·用户可以在线购买商品，加入购物车，下单，秒杀商品 ·可以评论已购买商...

基于docker+rancher部署Vue项目的教程

陈啟华的博客

03-20

733

前段时间总有前端开发问我Vue如何通过docker生成镜像，并用rancher上进行部署？今天抽了2个小时研究了一下，给大家记录一下这个过程。该部署教程适用于Vue、Vue2、Vue3等版本。

分布式springcloud+springboot+vue高并发网上商城购物秒杀系统

qq_3166678367的博客

12-11

1083

本次开发一套基于Springcloud的高并发秒杀系统，管理员功能有个人中心，用户管理，商品类型管理，商品信息管理，订单管理，系统管理。这样就让用户用着方便快捷，都通过同一个后台进行业务处理，而后台又可以根据并发量做好部署，用硬件和软件进行协作，满足于数据的交互式处理，让用户的数据存储更安全，得到数据更方便。该模块主要用于展示商品列表的布局效果，调用后台接口获取商品列表数据，如商品名称、商品图片、商品原价和秒杀价、商品库存量等，供用户查看所有秒杀商品的信息。用户在商品列表页点击某商品进入商品详情页。

Photoshop+蓝湖插件

07-29

回答: Photoshop+蓝湖插件是指在使用Adobe Photoshop软件时，通过安装蓝湖插件来实现与蓝湖产品协作平台的无缝衔接。蓝湖插件可以帮助设计师将设计稿直接上传到蓝湖平台，方便与团队成员进行沟通和协作。要安装和使用蓝湖插件，可以按照官方教程进行操作。首先，下载蓝湖插件压缩包，并按照教程中的指引进行安装。安装完成后，重启Photoshop即可开始使用蓝湖插件。具体的安装和使用步骤可以参考蓝湖官方教程中的操作截图和说明。\[1\]\[2\] #### 引用[.reference_title] - *1* [蓝湖Photoshop插件如何安装和使用？蓝湖Photoshop插件使用教程](https://blog.csdn.net/weixin_33746247/article/details/117980454)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [【win】Photoshop+蓝湖插件安装小白教程(下)](https://blog.csdn.net/weixin_49952552/article/details/108254273)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]