本文是基于淘宝 UED 官方博客-淘宝前后端分离专栏的阅读理解,整理出的。目的是为了更深入理解前后端的概念,从而分清利弊,得到符合自己项目的分离方案。
前后端分离的目的:
使得后端专注于业务和数据接口,前端专注于交互和展现,使用一份数据接口,开发适应不同终端的多个版本前端项目。
前端:负责View和Controller层。
后端:只负责Model层,业务处理/数据等。
SPA(single-page Application)
- 不适合同步(同步操作会block整个页面,导致页面的重新加载)
- SEO不友好,所有数据,从接口获取再动态渲染进页面,不适用于内容导向的应用
渲染
- Form Submit全页刷新 => ajax局部刷新
- Form组件 + input[type=submit] 提交表单数据后跳转到form的action,所以会引起全页刷新
- 服务端渲染 + MVC => 客户端渲染 + MVC
- 服务端渲染,是指用JSP,PHP等动态语言,将数据与页面模板整合后输出给浏览器。