一、前后端分离【SpringBoot+SpringCloudAlibaba+VUE】一 || 项目架构简介

1、概述

??本项目是一个基于SpringBoot2.x+vue2.X的分布式微服务架构项目，项目会不断进行迭代更新。
该项目后端利用SpringCloudAlibaba微服务架构解决方案进行重构。项目前端利用vue框架开发，页面展示主要为pc端和手机端（微信公众号）。

2、开发环境

  • 开发工具：IntellijIDEA、VSCode
  • Java SDK版本：1.8以上
  • 数据库：mysql 8.X
  • NoSql：Redis、MongoDB
  • 统一编码：UTF-8

3、部署环境

  • 操作系统：CentOS Linux 7
  • 虚拟化技术：VMware+Docker

4、项目管理

  • 项目构建：Maven
  • 代码管理：Git+gitee
  • 镜像管理：Docker Registry

5、后端主要技术栈

  • 项目框架：SpringBoot2.X+SpringCloudAlibaba
  • ORM框架：MyBatis
  • 数据库连接池：Hikari
  • 数据缓存：Redis
  • 消息中间件：RocketMQ、kafka
  • 接口文档：Swagger2
  • 搜索引擎：ElasticSearch
  • 反向代理负载均衡：Nginx
  • 服务器中间件：Tomcat、Jetty
  • 分布式文件系统：Alibaba OSS
  • 分布式链路追踪：SkyWalking
  • 分布式系统网关：Spring Cloud Gateway
  • 分布式配置中心：Spring Cloud Alibaba Nacos Config
  • 分布式服务中心：Spring Cloud Alibaba Nacos Server
  • 分布式熔断降级：Spring Cloud Alibaba Sentinel

6、前端主要技术栈

  • 前端框架：NodeJS、VUE、Axios
  • 前端模板：ElementUI、Vant

7、服务规划

服务名称 服务地址 服务说明
Nacos 192.168.101.17:8848 服务发现/配置中心
MySQL 192.168.101.18:3306 数据库mysql 8.0.18
Redis 192.168.101.18:6379 数据库缓存
MongoDB 192.168.101.18:27017 NoSql
Jenkins 192.168.101.10:8080 持续交付
Kubernetes-master 192.168.101.20 服务编排系统管理节点
Kubernetes-node-01 192.168.101.30 服务编排系统工作节点-01
Kubernetes-node-02 192.168.101.40 服务编排系统工作节点-02

原文地址：https://www.cnblogs.com/kevin-ying/p/12297410.html

时间： 2024-10-08 15:23:45

一、前后端分离【SpringBoot+SpringCloudAlibaba+VUE】一 || 项目架构简介的相关文章

前后端分离 springboot整合shiro

实现前后端的跨域,我是在后端配置类里实现 创建配置类 WebMvcConfig import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.CorsRegistry; import org.springframework.web.servlet.config.annotation.WebMvcConfigurer; //

前后端分离之前端vue

npm install --global vue-clivue init webpack my-project cd my-project npm install npm run dev 这样就构建了一个本地vue项目 结下来,如何调用后端接口呢? 安装 vue-resource npm i vue-resource --save 在main.js里面加入以下代码 import VueResource from 'vue-resource' Vue.use(VueResource) Vue.ht

abp框架运行——前后端分离（基于VUE）

目录 1.介绍abp 2.abp如何工作 3.运行Domo 3.1官网点击 创建Demo 3.2 配置NetCore,选择Vue 3.3 输入系统名称验证码 4.官方手册文档 5.VUE项目 6. Swagger用户名密码登录 6.1 获取所有用户接口 7.Abp vNext下一代 8. Abp 第三代 9.前端 9.1 依赖包安装 9.2 运行前端代码 9.3 登录截图 9.4 用户管理截图 功能 思想 工具 数据迁移 Angular版本 1.介绍abp 全称:aspnetboilerplat

【Vue+Django REST framework】前后端分离平台开发之【项目初始化】

项目初始化 系统环境 python 3.7.3 Django 2.2.4 DjangoRestFramework 3.10.2 第一步:启动虚拟化环境 virtualenv虚拟化环境搭建:https://www.cnblogs.com/bk770466199/p/11366374.html 第二步:安装相关依赖包 #查看当前安装依赖包列表 pip list #豆瓣源加速安装Django pip install -i https://pypi.douban.com/simple django 虽然

一套基于SpringBoot+Vue+Shiro 前后端分离 开发的代码生成器

一.前言 最近花了一个月时间完成了一套基于Spring Boot+Vue+Shiro前后端分离的代码生成器,目前项目代码已基本完成 止步传统CRUD,进阶代码优化: 该项目可根据数据库字段动态生成 controller.mapper.service.html.jsp.vue.php..py ... 等各种类型代码,采用 velocity 模板引擎在页面动态配置生成代码,前后端动态权限配置,前端权限精确到 按钮 级别,后端权限精确到 uri 上,QQ授权第三方单用户登录...等 基本环境: JDK

基于Vue的前后端分离项目实践

一.为什么需要前后端分离 1.1什么是前后端分离  前后端分离这个词刚在毕业(15年)那会就听说过,但是直到17年前都没有接触过前后端分离的项目.怎么理解前后端分离?直观的感觉就是前后端分开去做,即功能和职责上的一种划分,前端负责页面的渲染,部分页面交互的逻辑,然后通过网络请求与后端进行数据的交互:后端则着重关注业务逻辑的处理,直接操控数据库. 1.2前后端未分离前(1)jsp + servlet 开发模式: JSP页面:负责视图层的渲染及交互,内部可以嵌入java 代码,在某些场景下开发起来比

《Spring Boot 入门及前后端分离项目实践》系列介绍

课程计划 课程地址点这里 本课程是一个 Spring Boot 技术栈的实战类课程,课程共分为 3 个部分,前面两个部分为基础环境准备和相关概念介绍,第三个部分是 Spring Boot 项目实践开发.Spring Boot 介绍.前后端分离.API 规范等内容旨在让读者更加熟悉 SpringBoot 及企业开发中需要注意的事项并具有使用 SpringBoot 技术进行基本功能开发的能力:这最后的项目实战为课程的主要部分,我会带着大家实际的开发一个前后端分离的 Spring Boot 实践项目,

前后端分离实践（一）

前言 最近这一段时间由于Nodejs的逐渐成熟和日趋稳定,越来越多的公司中的前端团队开始尝试使用Nodejs来练一下手,尝一尝鲜. 一般的做法都是将原本属于后端的一部分相对于业务不是很重要的功能迁移到Nodejs上面来,也有一些公司将NodeJS作为前后端分离的一个解决方案去施行.而像淘宝网这类的大型网站也很早的完成了前后端的分离,给我们这样的后来者提供了宝贵的经验. 同样,我们的大网盘团队也早在去年早早就开始了紧锣密布的准备工作,这目前工作也做的差不多了,现在我就来总结一下在过程中遇到的坑点以

SpringBoot 和Vue前后端分离入门教程(附源码)

作者:梁小生0101 juejin.im/post/5c622fb5e51d457f9f2c2381 推荐阅读(点击即可跳转阅读) 1. SpringBoot内容聚合 2. 面试题内容聚合 3. 设计模式内容聚合 4. 排序算法内容聚合 5. 多线程内容聚合 前端工具和环境: Node.js V10.15.0 Vue.js V2.5.21 yarn: V1.13.0 IDE:VScode 后端工具和环境: Maven: 3.52 jdk: 1.8 MySql: 14.14 IDE: IDEA S

docker-compose 部署 Vue+SpringBoot 前后端分离项目

一.前言 本文将通过docker-compose来部署前端Vue项目到Nginx中,和运行后端SpringBoot项目 服务器基本环境: CentOS7.3 Dokcer MySQL 二.docker-compose 部署Vue+SpringBoot 前后端分离项目 整体项目配置结构,这里在不影响原来项目的结构,因此将所有配置文件都提出来存放到docker文件夹内了,但注意docker-compose文件须放到项目总的根目录下哦! 1.新增后端所需配置文件api-Dockerfile # 指定基