当应用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令牌跟踪,治理会话
我的项目学习地址