本文是基于淘宝 UED 官方博客-淘宝前后端分离专栏的阅读理解,整理出的。目的是为了更深入理解前后端的概念,从而分清利弊,得到符合自己项目的分离方案。

前后端分离的目的:

使得后端专注于业务和数据接口,前端专注于交互和展现,使用一份数据接口,开发适应不同终端的多个版本前端项目。
前端:负责View和Controller层。
后端:只负责Model层,业务处理/数据等。

SPA(single-page Application)

  1. 不适合同步(同步操作会block整个页面,导致页面的重新加载)
  2. SEO不友好,所有数据,从接口获取再动态渲染进页面,不适用于内容导向的应用

前后端分离尝试

渲染

  1. Form Submit全页刷新 => ajax局部刷新
    1. Form组件 + input[type=submit] 提交表单数据后跳转到form的action,所以会引起全页刷新
  2. 服务端渲染 + MVC => 客户端渲染 + MVC
    1. 服务端渲染,是指用JSP,PHP等动态语言,将数据与页面模板整合后输出给浏览器。

相关文章:

  • 2021-08-05
猜你喜欢
  • 2022-12-23
  • 2021-11-22
  • 2021-12-14
  • 2022-12-23
  • 2022-12-23
  • 2021-05-07
相关资源
相似解决方案