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

49次阅读

共计 1633 个字符,预计需要花费 5 分钟才能阅读完成。


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 和解决业务逻辑。你能够依据具体需要和我的项目规模来扩大和优化这个基础架构。

正文完
 0