当应用 Spring Boot 和 Vue.js 进行前后端拆散我的项目时,以下是一个举荐的我的项目构造和技术栈:
- 我的项目构造:
我的项目根目录:蕴含我的项目的配置文件、构建工具配置等。
backend` 目录:蕴含 Spring Boot 后端代码。
frontend` 目录:蕴含 Vue.js 前端代码。
这种我的项目构造使得前后端代码能够互相独立,不便别离进行开发和保护。
- 后端技术栈:
Spring Boot:作为后端框架,提供 RESTful API 的实现和业务逻辑解决。
Spring MVC:用于构建 RESTful API,解决前端的申请并返回数据。
Spring Data:用于简化数据拜访层的开发,例如与数据库的交互。
Spring Security:用于身份验证和受权治理。
- 前端技术栈:
Vue.js:作为前端框架,构建用户界面和解决交互逻辑。
Vue Router:用于实现前端路由,治理页面之间的导航和跳转。
Vuex:用于状态治理,集中管理应用程序的状态。
Axios:用于发送 HTTP 申请到后端 API,并解决返回的数据。
- 数据交互:
后端应用 Spring Boot 提供 RESTful API,解决前端的申请,并返回 JSON 格局的数据。
前端应用 Axios 库发送 HTTP 申请到后端 API,并解析后端返回的 JSON 数据。
- 开发工具:
后端开发工具:应用 Java 开发工具,如 IntelliJ IDEA 或 Eclipse。
前端开发工具:应用 Web 开发工具,如 Visual Studio Code 或 WebStorm。
这种前后端拆散的架构使得前后端能够独立开发、部署和扩大,进步了开发效率和可维护性。同时,您能够依据我的项目需要抉择适宜的插件、组件库和 UI 框架来加强我的项目性能和用户体验,如 Element UI、Ant Design Vue 等。
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
我的项目特色
- 以服务为外围,微服务架构,Dubbo 作为微服务框架实 RPC,负载平衡,申请重试
- Zookeeper 作为注册核心,治理,调度 Dubbo 服务提供者,服务消费者
- SpringBoot 框架作为我的项目的框架,从零开始创立我的项目,组织我的项目的代码构造,治理配置文件,靠近实在我的项目的开发环境
- Maven 构建我的项目,治理多个微服务的依赖。Maven 的继承与聚合实现依赖,版本的集中管理,采纳 parent,child 我的项目构造
- Redis 缓存多种业务数据,波及 string、hash、zset 多种数据类型
- 前后端拆散我的项目,JWT 令牌跟踪,治理会话
我的项目学习地址