正文

浅谈前后端分离

简单_欣欣  简单_欣欣  2022-08-04  704

关键词：

浅谈前后端分离

所谓的前后端分离，到底是分离什么呢？其实就是页面的渲染工作，之前是后端渲染好页面，交给前端来显示，分离后前端需要自己拼装html代码，然后再显示。前端来管理页面的渲染有很多好处，比如减少网络请求量，制作单页面应用等。事情听起来简单，但这么一分离又会牵扯到很多问题，比如：

资源的按需加载。尤其是在单页应用中。
页面展现逻辑。分离让前端的逻辑陡增，需要有一个良好的前端架构，如mvc模式。
数据校验。因为页面数据都是从后端请求来的，必须校验要展示的数据是否合法，避免xss或其他安全问题。
短暂白屏。因为页面不是同步渲染的，在请求数据完毕之前，页面是白屏的，体验很不好。
代码的复用。众多的模板、逻辑模块需要良好组织实现可复用。
路由控制。无刷新的前端体验同时毁掉了浏览器的后退按钮，前端视图需要有一套路由机制。
SEO。服务端不再返回页面，前端根据不同的逻辑呈现不同的视图（并非页面），要对搜索引擎友好需要做很多额外的工作。

以上每一个问题都够棘手，要处理好需要有设计精良又符合实际项目的方案。现在已经有很多框架可以帮我们做这些事情，Backbone, EmberJS, KnockoutJS, AngularJS, React, avalon等等，利用它们可以架构起一个富前端。但框架毕竟是框架，要利用到实际项目中，还是需要有自己的设计，框架并不能解决所有的问题。

之前也有看过淘宝团队的实践，利用nodejs做一个中间层，处理页面渲染、路由控制、SEO等事情，将前后端的分界线进行了重新定义。个人感觉这应该是一个正确的方向，有点颠覆的感觉，前端走向工程化，将变成真正的全栈式大前端。不知现在这种架构是否在淘宝全面铺开，真有点期待看看效果。

浅谈前后端分离。

在传统的web应用开发中，大多数的工作人员会将浏览器作为前后端的分界线。将浏览器中为用户进行页面展示的部分称之为前端，而将运行在服务器，为前端提供业务逻辑和数据准备的所有代码统称为后端。在前后端不分离的时... 查看详情

浅谈前后端分离与不分离

前后端的分离与不分离　　随着不同终端的兴起，对开发人员的要求越来越高，纯浏览器端的响应式已经不能满足用户体验的高要求，我们往往需要针对不同的终端开发定制的版本，为了提升开发效率，前后端分离的需求越来越... 查看详情

浅谈前后端分离与实践(代码片段)

一、起源（故事纯属虚构，如有雷同，纯属巧合）传说在很久很久以前，我们有志之士有了个创业的想法，于是乎开始了自己的创业之梦，但是人手不足啊，于是乎所有角色老子一个人全包了：Roles:PM,DBA,RD,FED,Designer,...Skills:Linux,... 查看详情

前后端分离实践

前后端分离并不是什么新鲜事，到处都是前后端分离的实践。然而一些历史项目在从一体化Web设计转向前后端分离的架构时，仍然不可避免的会遇到各种各样的问题。由于层出不穷的问题，甚至会有团队质疑，一体化好好的，为... 查看详情

前后端混合开发模式和前后端分离开发模式

前后端混合开发模式和前后端分离开发模式一、前后端混合开发模式二、前后端分离开发模式查看详情

浅谈前后端交互

首先，关于接口文档——由后台设计修改（前端是接口文档的使用者）其次，前后端交互的数据，格式是：json，（xml不多了）重要的是，前后端如何交互？？——接口地址+前端请求的参数+后台返回的参数　　1、接口地址：　... 查看详情

前后端分离浅析

什么是前后端分离？前后端为什么要分离？前后端怎么样分离的？前后端分离给我们前端技术人员的开发带来什么样的好处？下面我就带着这些问题，来简单谈谈我了解到的前后端分离情况。在讲前后端分离之前，让我们先... 查看详情

前后端分离的好处有哪些？

前后端分离是什么？前后端分离的好处都有哪些？如果两者不分离，会带来什么麻烦事？针对网友关注度非常高的话题，我们今天来大家一一解答。一、什么是前后端分离？前后端分离实质上是前后端代码分离，一般后端人员主... 查看详情

前后端分离框架

...ps://www.cnblogs.com/shanrengo/p/6397734.html前言：分离模式　　对前后端分离研究了一段时间，恰逢公司有一个大项目决定尝试使用前后端分离模式进行，便参与其中。该项目从2016年初立项至今，平平稳稳得度过，但也涌现出越来越多... 查看详情

前后端分离

一、什么是前后端分离?最开始租内讨论的过程中我们发现。每个人对前后端分离的理解不一样。为了保证能在同一个频道讨论，先就什么是"前后端分离"达成一致大家一致认同的前后端分离的例子就是SPA,所有用到的展现的数据... 查看详情

django前后端不分离&前后端分离&模板引擎(代码片段)

一、前后端不分离与前后端分离的比较前后端不分离特点：后端需控制数据的展示前后端不分家，耦合严重返回的是HTML页面，适应性、拓展性差只能用于浏览器，其它终端不匹配前后端分离的特点：当前主流后端只对数据进行... 查看详情

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

...net/fuzhongmin05推荐：https://www.xttblog.com/?p=51781、背景前后端分离已成为互联网项查看详情

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

...net/fuzhongmin05推荐：https://www.xttblog.com/?p=51781、背景前后端分离已成为互联网项查看详情

什么是前后端分离与前后端不分离

　　我起初认为前后端分离是，在软件开发过程中前后端分工就叫做前后端分离，其实是前端所有用到的数据都是后端通过异步接口的方式提供的，前端只管页面的展示及效果。　　前端和后端不分离的时候，前端的页面也... 查看详情

深入浅出：了解前后端分离优势以及前后端接口联调

目录：1.项目有前后端分离和前后端不分离；2.前后端接口联调；3.前端性能优化；一、项目有前后端分离和前后端不分离：　　在前后端不分离架构中，所有的静态资源和业务代码统一部署在同一台服务器上。服务器接收到浏览... 查看详情

论前后端分离的好处

前后端分离最大的意义在于前后端可以并行开发。现在搞BS架构程序，前后端分离应该是主流了。前后端分离有什么好处呢？我认为最大的好处是，使得前后端可以并行开发。其次是前后端分离成2个不同的工种，... 查看详情

vue发布中的前后端分离和前后端不分离

前后端分离思路:前端和后台完全分离.前端提供静态的css和js,在运行时将css和js给后端，后端进行数据的请求（ajax）前后端分离就是前端和后台在不同的服务器上。基本是前端一个nginx加css和js后端nginx加index.html当用户访问的时候... 查看详情

前后端分离与不分离

前后端不分离　　在前后端不分离的应用模式中，前端页面看到的效果都是由后端控制，由后端渲染页面或重定向，也就是后端需要控制前端的展示，前端与后端的耦合度很高。这种应用模式比较适合纯网... 查看详情