只需6张图,让你了解web前后端分离与服务端渲染模式!

IT知识
414
0
0
2022-08-10

根据下图再理解一下传统的 MVC 模式:客户端—— AJAX 请求——服务端接受请求——返回 JSON 数据——客户端——解析 JSON ——页面渲染。

只需6张图,让你了解web前后端分离与服务端渲染模式!

现在,可以将以上的 MVC 模式,进行改造成前后端分离模式。

只需6张图,让你了解web前后端分离与服务端渲染模式!

前后端职责划分

前端的职责:页面UI,页面展示、交互、渲染,用户体验等。

后端的职责:数据存储,业务逻辑,RESTful 接口,性能、可用性、伸缩性、扩展性、安全性等。

简单分离模式

只需6张图,让你了解web前后端分离与服务端渲染模式!

服务端渲染模式

JSP渲染

只需6张图,让你了解web前后端分离与服务端渲染模式!

静态页渲染

只需6张图,让你了解web前后端分离与服务端渲染模式!

Node.js渲染模式

只需6张图,让你了解web前后端分离与服务端渲染模式!