SAP UI渲染模式:客户端渲染 VS 服务器端渲染

简介: SAP UI渲染模式:客户端渲染 VS 服务器端渲染

今年由于疫情原因,SAP一年一度的DKOM(Developer Kick-Off Meeting)切换成了线上模式,刚刚于昨天圆满落幕。


时间过得真快,去年的DKOM仿佛还历历在目:SAP成都研究院数字创新空间小伙伴们在2020 SAP上海DKOM.


但是Jerry昨天没有太多时间去在线观看,只因为… 我们团队昨天收到了一个优先级为VERY HIGH的客户incident:image.pngimage.pngimage.png这个incident是客户在使用SAP Spartacus并试图启用其服务器端渲染模式(Server Side Rendering,简称SSR)时,遇到了问题,因此我有机会回顾之前使用过的SAP UI开发技术里,关于客户端渲染(Client Side Rendering,简称CSR)和服务器端渲染的知识点。


回顾目录SAP ABAP Webdynpro - 服务器端渲染

SAP BSP / WebClient UI - 服务器端渲染

SAP UI5 - 客户端渲染

SAP Commerce Cloud Accelerator UI - 服务器端渲染

Jerry手头正在处理的incident - SAP * Spartacus Angular UI - 客户端渲染 & 服务器端渲染

Jerry 2018年曾经写过一篇文章,SAP UI和Salesforce UI开发漫谈 ,对我曾经工作过的SAP产品里,所使用过的UI开发技术做了泛泛的介绍。


而本文,则是对这些UI技术采用的页面渲染方式做一个简单的总结。


客户端渲染 VS 服务器端渲染

这组概念的比较,在网上有众多文章介绍。


客户端渲染,即客户端发起HTML网页请求时,服务器不做任何处理,直接返回静态的HTML文件。客户端收到后,执行JavaScript,生成DOM,插入HTML页面,完成最终页面的绘制。


客户端渲染模式里,视图源代码生成,页面路由,以及应用的业务逻辑,全部放在客户端实现和运行执。服务器只负责HTML页面的持久化存储,因此客户端渲染应用又称为胖客户端应用(Rich Client Application).image.png而服务器端渲染模式里,视图源代码生成,页面路由,以及应用的业务逻辑均在服务器端完成,客户端只负责接收到服务器端渲染好的HTML源代码并解析。image.png两种渲染方式各有优缺点,及其应用场合。image.pngSAP ABAP Webdynpro - 服务器端渲染

应用开发人员以所见即所得的方式开发ABAP Webdynpro的视图,其源代码存储于ABAP系统的数据库表里。ABAP Webdynpro的视图同用户的交互通过Action和Event完成,交互逻辑由ABAP实现,在ABAP服务器端执行。image.png比如我开发了一个ABAP Webdynpro UI,在Input字段里输入一个数字:image.png点击Create按钮之后,能够动态生成对应数量的Label和Text View控件:image.pngimage.png而这些UI的动态绘制,是通过服务器端的ABAP编程语言,实现在Create按钮的事件处理函数里的。点击Create按钮,运行在服务器端的ABAP代码即触发,动态创建新的UI控件实例。




相关文章
|
11天前
|
开发框架 JavaScript 前端开发
服务端渲染框架
服务端渲染框架
|
2月前
|
前端开发 JavaScript 搜索推荐
|
2月前
|
前端开发 JavaScript 中间件
|
5月前
|
JavaScript 前端开发 搜索推荐
Vue 的服务器端渲染(SSR)和客户端渲染(CSR)在渲染过程、性能、用户体验等方面都存在显著的区别
【5月更文挑战第8天】Vue 的 SSR 和 CSR 在渲染上有明显差异。SSR 服务器端生成 HTML 返回给浏览器,提供更快首屏加载和更好的 SEO,但增加服务器负担。CSR 客户端渲染,首次加载可能较慢,但交互更流畅,开发更简单。两者各有优劣,需根据项目需求权衡选择。
42 2
|
5月前
|
数据采集 资源调度 前端开发
React的服务器端渲染:使用ReactDOMServer进行高效页面预渲染
【4月更文挑战第25天】使用ReactDOMServer,React支持服务器端渲染以实现高效预渲染。通过在Node.js环境中将React组件转化为HTML字符串,减少客户端JavaScript负载和渲染时间。优点包括更快首屏加载、改善SEO和兼容无JavaScript环境,但也会增加服务器负载、复杂性和状态管理挑战。开发者需根据项目需求平衡SSR和CSR。
|
5月前
|
缓存 JavaScript 前端开发
|
5月前
|
前端开发 JavaScript UED
服务器端渲染(SSR)与客户端渲染(CSR):选择哪个更适合你的应用程序?
在现代Web应用程序开发中,前端技术已经变得非常重要。在构建Web应用程序时,开发人员需要考虑两种不同的渲染方式:服务器端渲染(SSR)和客户端渲染(CSR)。本文将比较这两种渲染方式并探讨如何选择最适合你的应用程序。
76 0
|
5月前
|
开发框架 .NET Java
服务端渲染 VS 客户端渲染
服务端渲染 VS 客户端渲染
50 0
|
缓存 JavaScript 前端开发
客户端渲染
什么是客户端渲染页面呢?
63 2
|
数据采集 前端开发 JavaScript
详解服务器端渲染 页面(SSR)
详解服务器端渲染 页面(SSR)
186 0
下一篇
无影云桌面