乐趣区

关于后端:快速上手-Spring-Boot-Vue-项目完整指南

jiezi

​
Spring Boot 和 Vue.js 是两个独立的技术，能够联合应用来构建现代化的 Web 应用程序。

Spring Boot 是一个用于创立独立的、基于 Java 的应用程序的框架。它简化了 Spring 应用程序的初始化和配置过程，提供了一种疾速开发和部署的形式。Spring Boot 具备主动配置性能，能够依据应用程序的依赖和配置主动配置 Spring 框架的各个组件。

Vue.js 是一个风行的 JavaScript 框架，用于构建用户界面。它采纳了组件化的开发方式，能够轻松地构建交互式的前端应用程序。Vue.js 具备简洁的语法和响应式的数据绑定机制，使得开发者能够更容易地治理和更新应用程序的状态。

联合 Spring Boot 和 Vue.js 能够实现前后端拆散的架构，前端应用 Vue.js 构建用户界面，后端应用 Spring Boot 提供 API 和解决业务逻辑。

这几天看了 BiliBili 上能源节点最新的 Springboot+vue 前后端拆散的盈利宝我的项目，跟着做，并且跑通了整个我的项目，明天分享给大家

我的项目介绍

盈利宝是一个前后端拆散的企业级我的项目，本我的项目是一个大型互联网金融我的项目，采纳 Spring Boot , Dubbo 微服务的架构，包含多个独立的微服务，micr-common 个公共服务，micr-web 服务，micr-database 数据库服务，micr-pay 领取服务 ,micr-task 定时工作。

前端技术栈：Vue,JavaScript, Axios, Promise 

后端技术栈：Spring Boot 2，Dubbo2.7, MyBatis 3, Redis 5, MySQL 5

我的项目特色

  1. 以服务为外围，微服务架构，Dubbo 作为微服务框架实 RPC，负载平衡，申请重试
  2. Zookeeper 作为注册核心，治理，调度 Dubbo 服务提供者，服务消费者
  3. SpringBoot 框架作为我的项目的框架，从零开始创立我的项目，组织我的项目的代码构造，治理配置文件，靠近实在我的项目的开发环境
  4. Maven 构建我的项目，治理多个微服务的依赖。Maven 的继承与聚合实现依赖，版本的集中管理，采纳 parent，child 我的项目构造
  5. Redis 缓存多种业务数据，波及 string、hash、zset 多种数据类型
  6. 前后端拆散我的项目，JWT 令牌跟踪，治理会话

我的项目学习地址

上面是一个简略的步骤来创立一个 Spring Boot 和 Vue.js 的我的项目：

  1. 创立 Spring Boot 我的项目：应用 Spring Initializr（https://start.spring.io/）来创立一个新的 Spring Boot 我的项目。抉择所需的依赖项，如 Spring Web 和 Spring Data JPA，而后下载生成的我的项目代码。
  2. 创立 Vue.js 我的项目：应用 Vue CLI（https://cli.vuejs.org/）来创立一个新的 Vue.js 我的项目。通过命令行运行以下命令：
vue create my-app

依照提醒抉择所需的个性和配置选项，而后期待我的项目创立实现。

  1. 集成前后端我的项目：将 Vue.js 我的项目中生成的前端代码复制到 Spring Boot 我的项目的动态资源目录中（通常是 src/main/resources/static）。这样，当 Spring Boot 应用程序启动时，前端代码将作为动态资源提供。
  2. 创立 API 端点：在 Spring Boot 我的项目中创立 API 端点来解决前端申请。能够应用 Spring MVC 注解来定义控制器和路由，解决 HTTP 申请并返回相应的数据。
  3. 启动应用程序：应用适当的构建工具（如 Maven 或 Gradle）构建和启动 Spring Boot 应用程序。确保前端和后端的开发服务器都在运行。

这样，你就创立了一个联合了 Spring Boot 和 Vue.js 的我的项目。前端应用 Vue.js 构建交互式的用户界面，后端应用 Spring Boot 提供 API 和解决业务逻辑。你能够依据具体需要和我的项目规模来扩大和优化这个基础架构。

​

退出移动版