服务粉丝

我们一直在努力
当前位置:首页 > 财经 >

【图书】Spring Boot+Vue 3 大型前后端分离项目实战

日期: 来源:前端早读课收集编辑:飘飘

前言

蛮合适了解全栈知识的。本文摘录《Spring Boot+Vue 3 大型前后端分离项目实战》。

图书介绍从这开始~~

到底什么是前后端分离?

01 前后端分离是一种项目开发模式

当业务变得越来越复杂或产品线越来越多时,原有的开发模式就无法满足业务需求了。

产品越来越多,展现层的变化越来越快、越来越多,此时应该进行前后端分离的分层抽象,简化数据获取过程。

比如,目前比较常用的是前端人员自行实现跳转逻辑和页面交互,后端人员只负责提供接口数据,二者之间通过调用 RESTful API 的方式进行数据交互,如图 1 所示。


图 1 前后端分离模式下的交互方式简图

此时就不会出现 HTML 代码需要转换成 JSP 进行开发的情况,前端人员只负责前端部分,并不会掺杂后端代码,这样代码就不再耦合。

同时,前端项目与后端项目也不会再出现耦合严重的现象,只要前后端人员协商和定义好接口规范及数据交互规范,双方就可以并行开发,互不干扰,业务也不会耦合,两端只通过接口进行交互。

在使用 MVC 模式开发项目时,后端任务往往过重,“控制权” 也比较大,既要负责处理业务逻辑、权限管理等后端操作,也需要处理页面跳转等逻辑。

在前后端分离的模式中,后端由原来的大包大揽似的 “独裁者” 变成了接口提供者,而前端也不仅仅是原来那样只处理小部分业务,页面跳转也不再由后端处理和决定,整个项目的控制权已经由后端过渡至前端,前端需要处理的工作更多。

前端项目和后端项目隔离开来、互不干涉,通过接口和数据规范完成项目功能需求,这也是目前比较流行的一种开发方式。

02 前后端分离是一种人员分工模式

前后端分离的核心就是后端负责数据和逻辑的处理,前端负责页面显示和动效的交互。

在这种开发模式下,前端开发人员和后端开发人员分工明确,职责划分十分清晰,双方各司其职,不会存在边界不清晰的情况。

前端开发人员通常包括 Web 开发人员、原生 App 开发人员。后端开发人员则是指 Java 开发人员(以 Java 语言为例)。不同的开发人员只负责自己的项目即可。

后端人员专注于控制层(RESTful API)、服务层、数据访问层,前端人员专注于前端控制层、视图层,不会再出现前端人员需要维护部分后端代码,或者后端人员需要调试样式等职责不清和前后端耦合的情况。下面用两张项目开发流程的简图进行对比。

如图 2 所示为 MVC 开发模式下的开发流程,该开发过程中存在前后端耦合的情况,如果出现问题,前端人员需要返工、后端人员也需要返工,开发效率会有所降低。


图 2 MVC 开发模式下的开发流程

前后端分离后,开发流程如图 3 所示。


图 3 前后端分离开发模式下的开发流程

前后端分离后,与原有的开发模式有了较大的不同,此时就可以并行开发多端产品。

在设计完成后,Web 端开发人员、App 端开发人员、后端开发人员都可以快速投入到开发工作中,能够做到并行开发。前端开发人员与后端开发人员职责分离,即使出现问题,也是修复各自的问题而不会互相影响和耦合,开发效率高且满足企业对多产品线的开发需求。

03 前后端分离是一种项目部署模式

前后端分离后,各端应用可以独立打包部署,并针对性地对部署方式进行优化,不再是将前端代码和后端代码耦合在一起,最终形成一个部署包进行部署。

以 Web 应用为例,部署前端项目后,不再依赖 Servlet 容器,可以使用吞吐量更大的 Nginx 服务器,采用动静分离的部署方式,既提升了前端的访问体验,也减轻了后端服务器的压力,再进一步优化,可以使用页面缓存、浏览器缓存,也可以使用 CDN 等产品提升静态资源的访问效率。

对于后端服务而言,可以进行集群部署,提升服务的响应效率,也可以进行服务化的拆分等。前后端分离后的独立部署维护及针对性的优化,可以加快整体响应速度和吞吐量。

关于本书

本书讲解的 Spring Boot+Vue 3 前后端分离项目并不是个 “Hello Word” 项目,这个项目代码量充足、组件完善页面美观、交互完整,能够给读者提供充足的支持和良好的学习体验。

读者收获

前后端开发升职加薪企业级别全栈技能必备技能实战项目 Spring Boot 核心知识体系企业开发必备技术栈企业级编码风格 Vue 3 “全家桶” 实战落地可以写入简历的真实企业项目从 0 到 1 开发及上线全流程标准的前后端分离开发模式真实的企业开发规范抽取前后端组件 + 工具

适宜人群

本书定位 Spring Boot+Vue 前后端项目的实战和进阶,资深开发人员可按需选择对应的章节阅读。为了照顾有一定编程经验的初学者,本书也设置了入门章节。以下读者非常适合学习本书:

  • 需要学习 Spring Boot 完整项目的开发人员;

  • 需要学习 Vue 3 完整项目的开发人员;

  • 前端开发人员;

  • 需要前后端分离项目实战的开发人员:

  • 想要成为全栈开发工程师的开发人员;

  • 从事 Java Web 开发的技术人员:

  • 计算机 / 软件专业大学生:

  • 想完成一个完整项目作为面试敲门砖的开发人员;

  • 想要将自己的项目上线到互联网的开发人员。

作者简介

@十川~,企业技术主管、掘金优秀作者、CSDN 博客专家、专栏作者、视频讲师。GitHub 开源项目 newbee-mall 系列的主理人,多年一线开发经验,历任高级开发工程师后端主程、技术部门主管等职位。熟练使用 Java、SOLSpring Boot、Vue 等计算机语言和开发框架,有非常丰富的开发经验,同时也是开源项目的爱好者和贡献者。

@尼克陈,资深前端开发、掘金优秀作者、掘金小册作者毕业于宁波大学科技学院,多年一线开发经验,对前端技术有自己的理解,善于通过多个角度,通俗易懂地阐述前端知识点。熟练使用 NodeJS、React、Vue 等计算机语言和开发框架,热衷各种有趣的前端工具库的研究

对这《Spring Boot+Vue 3 大型前后端分离项目实战》有兴趣的读者,可以通过下方二维码了解详情。

其他图书

【图书】现代JavaScript库开发:原理、技术与实战

相关阅读

  • 【早说】给年轻人的建议

  • 把自己的生活项目化。I offer the following advice to young people: 1. Identify the skills that are relevant to your long-term happiness and try to master them as
  • 呼和浩特:立足优势 加快构建现代产业体系

  • 今年以来,我市坚持把项目建设作为“头号工程”,借助自治区举全区之力推进实施“强首府”的重大举措,推动审批权限充分下放、创新资源重点集聚、发展资金集中投放、财税金融全面
  • SeeDAO|Juicebox 社区概要

  • 摘要:这是 12 个独立的系列故事「各种 Web3 项目(包括众筹平台、NFT 、 DeFi 和游戏)如何解决去中心化社区建设」中的第 2 篇。您可以点击下方链接阅读有关所有项目见解的汇总
  • 锡林郭勒盟:只争朝夕 快马加鞭

  • 工程机械来回穿梭、新建板房里挂图作战、新的动能加快形成……行走在3月的锡林郭勒草原上,很多重大项目建设克服料峭春寒,已在如火如荼开复工中。  3月18日,蒙能东苏
  • 太卷了!13家券商主承25亿元公司债券项目!

  • 1.自有资金2亿,寻找全国城投债DC和综收14.5%以上的高收益债项目,有需要的城投请加微信ibonds2私聊,中介勿扰2.云南区域AA+城投小公募,一级新发,缺口5亿,ZS15%+左右,寻直投资金

热门文章

  • “复活”半年后 京东拍拍二手杀入公益事业

  • 京东拍拍二手“复活”半年后,杀入公益事业,试图让企业捐的赠品、家庭闲置品变成实实在在的“爱心”。 把“闲置品”变爱心 6月12日,“益心一益·守护梦想每一步”2018年四

最新文章

  • 【第2897期】ECMAScript 2023 有哪些更新?

  • 前言阴雨绵绵的开始。今日前端早读课文章由 @CUGGZ 分享,公号:前端充电宝授权。正文从这开始~~ECMAScript 规范每年都会更新一次,ECMAScript 2023 预计将于 6 月左右获得批准,这将
  • 【第2896期】插件化设计模式在前端领域的应用

  • 前言基于前端场景,一览其中的设计原理与插件核心执行流程。今日前端早读课文章由 @洋葱分享,公号:洋葱说前端授权。@洋葱,从事前端开发领域多年。关注前端工程化、研发效能、前
  • 【早说】给年轻人的建议

  • 把自己的生活项目化。I offer the following advice to young people: 1. Identify the skills that are relevant to your long-term happiness and try to master them as
  • 【早说】找到擅长的领域

  • 在工作上,尽可能把擅长的做到极致,有时间精力再去补其他的。Find an area where you can play to your strengths and avoid your weaknesses, and amplify your strengths wh