php前后端分离模式 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前后端分离开发模式

) 太多了… 前后端分离前我们的开发协作模式一般是这样的前端写好静态的HTML页面交付给后端开发。...前后端分离模式前后端分离并不只是开发模式，而是web应用的一种架构模式。...在开发阶段，前后端工程师约定好数据交互接口，实现并行开发和测试；在运行阶段前后端分离模式需要对web应用进行分离部署，前后端之前使用HTTP或者其他协议进行交互请求。...客户端和服务端采用RESTFul API的交互方式进行交互在传统架构模式中，前后端代码存放于同一个代码库中，甚至是同一工程目录下。页面中还夹杂着后端代码。...职责分离前后端仅仅通过异步接口(AJAX/JSONP)来编程前后端都各自有自己的开发流程，构建工具，测试集合关注点分离，前后端变得相对独立并解耦合分离后的开发模式

5781 0

前后端分离开发模式（二）

前后端单页面交互 MVVM 开发模式用户访问浏览器，Nginx 返回 H5 页面，这些静态资源一般都会通过 Nginx 来提供，页面中发出的请求是用户请求，通过 Restful 方式去后端服务器请求数据...，后端服务器一般会返回 JSON 格式的数据。...这就做了一个前后端的分隔，对于手机来说，一般能显示 H5 ，也可以在手机上进行访问。...，不用重复开发，唯一的区别是针对不同端进行一些接口上的微调处理总结前后端分离的优点几乎上大于缺点，让各自领域的专业人员进行开发，还可以并行开发，提高开发速度。...前后端分离不仅是一种开发模式，也是一种架构。

3281 0

您找到你想要的搜索结果了吗？

是的

没有找到

Html|前后端分离模式的思考

1 引言前后端分离从端口划分就是将浏览器、客户端分为前端，提供真实服务的软件就成为后端。...从开发语言的角度划分后端的编程语言和前端的编程语言，例如Java是做后端真实数据服务的，JavaScript、HTML是做前端业务数据的展现与用户行为操作的。 2 为什么会出现前后端分离？...为什么会出现前端和后端分离模式，这得从有前后端分离开发模式之前的开发模式说起。我们先看下面两张图。 ? 图 1 介绍第一张图是非前后端分离。...这样的开发模式全程是一个串行的模式，从外观就有点像一条龙服务的模式，后者依赖于前者。用编程中的一个词语就是，高藕和。 ? 图 2 效果第二张图是前后端分离。...通过这种模式，我们不难看出，在产品经理完成之后，不再是单独的设计工程师完成之后交给前端工程师，然后在交给后端工程师，而是三者可以处于并行的一个状态。

5921 0

浅谈架构之路：前后端分离模式

前言：分离模式　　对前后端分离研究了一段时间，恰逢公司有一个大项目决定尝试使用前后端分离模式进行，便参与其中。...该项目从2016年初立项至今，平平稳稳得度过，但也涌现出越来越多的问题，绝对不是说前后端分离模式不好，而是很多公司在尝试前后端分离的时候没有做好充分得准备。　　...采用前后端分离模式可以减后台负担，加快研发效率，当然，前提是前端能做好的话。...3、后端API是否Restful风格？　　很多公司采用了前后端分离模式后，后端API仍然采用以往的传统风格，这是不合理的，Restful风格的API应该是前后端分离的最佳实践。...前后端分离后，无论是API接口的对接还是测试工作，都涉及到前后端人员的沟通，很多公司采用前后端分离后，前后端协作模式配合力度底，互相等待，开发效率低下，反而不如传统的开发模式。

1.3K6 0

前端|前后端分离模式的思考（二）

一、引入上次谈完了前后端分离的模式，接下来分析总结一下非前后端分离模式的缺点。 1.开发效率低。 ? 图1.1 步骤展示通过上面的图，可以看的出每一个环节都依赖进行，可能会延长了开发周期。...传统的模式很难支持这样的业务场景。通过前后端分离，前端负责对应的交互业务，后端负责数据的处理。 5.使得代码的耦合度更高。这里可以从一种软件设计模式来分析。...二、前后端分离有什么好处综上了解了非前后端分离的弊端，但也不难分析出前后端分离的一些好处。 1.提高开发效率。 2.降低了软件设计的耦合度。...每个环节都需要保证沟通、协商好，否则很容易导致团队混乱，因此前后端分离模式对团队协调也是有着较高的要求。 2.不利于搜索引擎抓取。...前后端分离，后端的代码和前端的代码都需要单独部署。在开发中也需要针对开发需求部署不同的环境。 4.增加繁杂的配置。前后端分离，需要设置跨域一系列的其他操作。

4313 0

前后端分离

前后端分离前后端分离就是将一个应用的前端代码和后端代码分开写，为什么要这样做？如果不使用前后端分离的方式，会有哪些问题？...前端–》HTML静态页面–》后端—》JSP 这种开发方式效率极低，可以使用前后端分离的方式进行开发，就可以完美解决这一问题。...前后端开发者只需要提前约定好接口文档（URL、参数、数据类型…），然后分别独立开发即可，完全不需要依赖后端，最后完成前后端集成即可，真正实现了前后端应用的解耦合，极大地提高了开发效率。...单体—》前端应用+后端应用前端应用：负责数据展示和用户交互后端应用：负责提供数据处理接口。前端HTML—》Ajax—》RESTFUL后端数据接口。...(例：Java开发、spring boot开发) 传统单体应用前后端分离的结构前后端分离就是将一个单体应用拆分成两个独立的应用，前端应用和后端应用以JSON格式进行数据交互。

5061 0

【前后端分离】

前后端开发者只需要提前约定好接口文档(URL、参数、数据类型…)，然后分别独立开发即可，在初期前端可以先造假数据进行测试(json)，完全不需要依赖后端，后期完成前后端集成即可，实现了前后端应用的解耦合...总结：就是为了适应技术和业务发展的需求，前端开发需要从之前的前后端混合在一起的组织架构中分离出来，形成独立的前端部门和后端部门实际应用中理解为：前后端分离就是将前端视图和后端数据进行分离，后端只需要提供接口...(后端数据)给前端，前端提供的独立的视图系统，并且前后端分离项目在进行项目部署的时候可以分开，不仅开发效率提高了，而且一定上减少了程序的耦合。...以前架构前后端分离技术架构：

771 0

前后端分离架构：Web 实现前后端分离，前后端解耦

那么，在这个时期，开发方式有如下两种：「方式一」前后端未分离架构「方式二」前后端未分离架构方式二已经逐渐淘汰。...很多场景下还有同步/同步+异步混合的模式，SPA 不能作为一种通用的解决方案；现阶段的 SPA 开发模式，接口通常是按照展现逻辑来提供的，而且为了提高效率我们也需要后端帮我们处理一些展现逻辑，这就意味着后端还是涉足了...view 层的工作，不是真正的前后端分离。...(4)异步与模板统一；淘宝首页就是被几十个HTML片段（每个片段一个文件）拼装成，之前PHP同步include这几十个片段，一定是串行的，Node可以异步，读文件可以并行，一旦这些片段中也包含业务逻辑，...创新之路不会止步，无论是前后端分离模式还是其他模式，都是为了更方便得解决需求，但它们都只是一个“中转站”。

1.9K4 0

Hybris平台Web架构模式演变：前后端分离

“前后端分离”显然已不是什么新鲜的话题，表面上看是一场架构模式的变革，但实质上是为了解决以往传统的服务端MVC设计模式的一些诟病和痛点。...），在这个模式下，前后端协作模式一般采用以下两种方式： 1....这就是我们近期在使用传统技术经过搭建了几十个Hybris电商运营网站之后进行的一次大胆的前后端分离的尝试，取得了很好的效果。下面，将为读者分享Hybris平台Web架构模式演变及并行化实践。...解决方式：采用注解方式，显示地声明一个Rest API为Require Hard LogIn 性能考虑在前后端分离的架构模式下，前端有且仅有静态内容。...最后，基于Hybris平台的前后端分离的Web架构模式同样易于向SPA Web应用转型，带来更快，更好的用户体验。作者：杨智，现就职于奥博杰天软件有限公司，担任多个电子商务项目的解决方案架构师。

1.5K6 0

前后端分离及后端分层

原文链接：https://mp.weixin.qq.com/s/5SwQMIJ6Amv4m_8cIOaw3Q 前后端分离回顾一下自己学JavaWeb的历程：...这里压根就不需要JSP了(纯HTML+AJAX)，这算是前后端分离的一种了在开发上体验：如果完全使用HTML+AJAX的话，会发现其实需要写非常非常多的JavaScript代码，而且这些JavaScript...…流下不学无术的泪水目前我了解到的前后端分离，首先部署是分离的(至少不会跟Java绑定在一起部署)： ? 前端和Java部署机器分离 Java接口只返回JSON数据： ?...我一直想知道的是：前框框架和node是啥关系。...如果请求是调用后端服务，则经过Nginx转发到后端服务器，完成响应后经Nginx返回到浏览器。

1.8K4 1

前后端分离开发模式下后端质量的保证 —— 单元测试

概述　　在今天，前后端分离已经是首选的一个开发模式。这对于后端团队来说其实是一个好消息，减轻任务并且更专注。在测试方面，就更加依赖于单元测试对于API以及后端业务逻辑的较验。...当然单元测试并非在前后端分离流行之后才有，它很早就存在，只是鲜有人重视且真的能够用好它。...而在前后端分离开发模式下，特别是两者交付时间差别很大的情况时，后端可能需要更加地依赖于单元测试来保证代码的正确性。　　...既然这样，那么我们就用前两篇我们在领域模型驱动设计中讲到的用户注册的例子吧。...2个星期，或者2个月甚至2年前写的单元测试还能运行并且得到同样的结果么？团队中的其它人也可以运行你2个月前写的单元测试么？可以点击一下按钮就运行你所有的单元测试，并返回正确的结果么？

1.7K9 0

前后端分离模式下的权限设计方案

来源：www.cnblogs.com/liuyh/p/8027833.html ---- 前后端分离模式下，所有的交互场景都变成了数据，传统业务系统中的权限控制方案在前端已经不再适用，因此引发了我对权限的重新思考与设计...前后端分离模式下，前后端在权限控制中各自的职责是什么？在弄清前后端在权限控制中各自的职责是什么之前，需要理解前后端各自在系统中的职责。这个还是很好理解：服务端：提供数据接口。

6273 0

前后端分离模式下的权限设计方案

作者：_liuxx cnblogs.com/liuyh/p/8027833.html 前后端分离模式下，所有的交互场景都变成了数据，传统业务系统中的权限控制方案在前端已经不再适用，因此引发了我对权限的重新思考与设计...前后端分离模式下，前后端在权限控制中各自的职责是什么？在弄清前后端在权限控制中各自的职责是什么之前，需要理解前后端各自在系统中的职责。这个还是很好理解：服务端：提供数据接口。

7193 0

前后端分离开发模式下后端质量的保证 —— 单元测试

概述　　在今天，前后端分离已经是首选的一个开发模式。这对于后端团队来说其实是一个好消息，减轻任务并且更专注。在测试方面，就更加依赖于单元测试对于API以及后端业务逻辑的较验。...当然单元测试并非在前后端分离流行之后才有，它很早就存在，只是鲜有人重视且真的能够用好它。...而在前后端分离开发模式下，特别是两者交付时间差别很大的情况时，后端可能需要更加地依赖于单元测试来保证代码的正确性。　　...既然这样，那么我们就用前两篇我们在领域模型驱动设计中讲到的用户注册的例子吧。...2个星期，或者2个月甚至2年前写的单元测试还能运行并且得到同样的结果么？团队中的其它人也可以运行你2个月前写的单元测试么？可以点击一下按钮就运行你所有的单元测试，并返回正确的结果么？

1.3K10 0

不懂前后端分离？

一传统的开发模式前后端分离前我们的开发协作模式一般是这样的： image.png 前端写好静态的HTML页面交付给后端开发。静态页面可以本地开发，也无需考虑业务逻辑只需要实现View即可。...二前后端分离的开发模式前后端分离并不只是开发模式，而是web应用的一种架构模式。...在开发阶段，前后端工程师约定好数据交互接口，实现并行开发和测试；在运行阶段前后端分离模式需要对web应用进行分离部署，前后端之前使用HTTP或者其他协议进行交互请求。 1....前后端代码库分离 image.png 在传统架构模式中，前后端代码存放于同一个代码库中，甚至是同一工程目录下。页面中还夹杂着后端代码。前后端工程师进行开发时，都必须把整个项目导入到开发工具中。...分离后，开发模式是这样的 image.png image.png

3722 0

前后端分离实践

为什么要做前后端分离当前项目从立项到2018年，已经有10余年的历史了。前端的技术栈是jQuery。后台是基于10年前的PHP框架，中间也经历过多次重构。...2）团队成员本身具有全栈开发的能力，转换成前后端分离的模式成本较低。从业务本身来看：产品天生适合采用单页应用，无需SEO。前端方案选型基于上述原因，促成团队下定决心进行正式的改造。...后端方案选型这些年后端的发展与前端相比，就显得小巫见大巫了。后端现有代码量更大，如果仅仅为了PHP的命名空间、自动加载、依赖注入，就去更换框架就有些得不偿失了。...前后端分离对后端而言，最大的改造点，在于接入层的处理，即数据的输入输出方式。对接口而言，性能对前后端分离的体验至关重要，也是我们重点考虑的问题，我们加入了HTTP协议层的缓存。...后端业务接口性能和安全：随着业务改造，新接口的性能及伴随的业务安全。共用逻辑的拆分和复用：和现有模式的代码复用和拆分，服务层的完善。一些观点没有工具支撑的规范，抵不过人的惰性。

1.2K9 0

再谈前后端分离

前段时间我针对手头上的项目前端配置进行了反思以及总结并且写了两篇文章:webpack传统后端渲染的项目前端配置,webpack配置之前后端不分离, 很显然这些配置能满足一时的需求, 但是也有不足....后端写完逻辑后前端发现自己看不懂了(这里就需要稍微懂一点后端了), 这里不能说谁错了, 只是开发模式很不合理. 我们需要做的是尽量避免这种情况的出现. 对于后端模板我们姑且不算静态资源....甚至极端情况下html文件也应该是前端的事情, 所以spa(单页应用)诞生了: 后端不再直接参与前端逻辑和静态资源的处理, 这样当然有好处: 前后端算是完全分离了, 页面由前端渲染, 但是弊处也相当明显...对于上面的情况, 我们可能有个更好的开发模式, 也是我目前在用的, 如下图所示: 看起来似乎第二个没有明显不一样....总结上面不涉及具体代码以及配置, 但是思路在那里, 不管后端是什么, 我们前端可以都写的很爽, 同样, 前后端分离不是说什么都是给前端干, 完全可以协调工作量.

9848 0

前后端分离djangorestframe

关于验证码部分，在我这篇文章里说的挺详细的了：Python高级应用（3）—— 为你的项目添加验证码这里还是再给一个前后端分离的实例，因为极验官网给的是用session作为验证的，而我们做前后端分离的用的是...在启动项目之前，需要设置一个中间件，不然会有跨域请求问题，有跨域请求解决问题，请移步：前后端分离djangorestframework——解决跨域请求这里就不多介绍了在utils目录下创建一个中间件

6262 0

前后端分离实践

前后端分离并不是什么新鲜事，到处都是前后端分离的实践。然而一些历史项目在从一体化 Web 设计转向前后端分离的架构时，仍然不可避免的会遇到各种各样的问题。...由于层出不穷的问题，甚至会有团队质疑，一体化好好的，为什么要前后端分离？...说到底，并不是前后分离不好，只是可能不适合，或者说……设计思维还没有转变过来…… 一体式 Web 架构示意前后分离式 Web 架构示意为什么要前后端分离比为什么要前后端分离更现实的问题是什么时候需要前后端分离...，即前后端分离的应用场景。...前后端分离之后，两端的开发人员都轻松不少，由于技术和业务都更专注，开发效率也提高了。分离带来的好处渐渐体现出来： 1.

1.4K9 1

前后端分离架构

一、概述前后端分离在前后端分离的应用模式中，后端仅返回前端所需的数据，不再渲染HTML页面，不再控制前端的效果。...至于前端用户看到什么效果，从后端请求的数据如何加载到前端中，都由前端自己决定，网页有网页的处理方式，App有App的处理方式，但无论哪种前端，所需的数据基本相同，后端仅需开发一套逻辑对外提供数据即可。...在前后端分离的应用模式中，前端与后端的耦合度相对较低。在前后端分离的应用模式中，我们通常将后端开发的每个视图都称为一个接口，或者API，前端通过访问接口来对数据进行增删改查。...二、演示1.0 一般来说，在企业中，使用Vue+Java Spring Cloud微服务架构，来做前后端分离。...为了方便，这里使用2个django项目，一个是前端demo-login，一个是后端demo-api。

8154 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭