一张图读懂 SAP UI5 应用的骨架与运行路径

📅 2026/7/27 23:31:16
一张图读懂 SAP UI5 应用的骨架与运行路径
这张图画的不是一个孤立页面,而是一个典型 SAP UI5 应用从浏览器启动到页面渲染、从 URL hash 变化到路由匹配、从模型创建到视图绑定、从控件事件到控制器逻辑的完整链路。把它当成一张运行时地图来看,会比单纯背目录结构更清楚。SAP 官方对 SAPUI5 的定位很明确,它是一组用于构建浏览器端桌面与移动应用的库,同一套代码可以服务不同设备,并支持一致的企业级 UX,数据绑定、i18n、routing 这些能力也都是 SAPUI5 应用开发中的核心主题。(SAP)沿着图的左上角看,浏览器里加载的是localIndex.html,里面放了一个sap.m.Shell。在真实项目里,这个入口文件常见名字是index.html,本地调试时也可能叫localIndex.html。它负责完成 UI5 bootstrap,把sap-ui-core.js加载进来,声明应用需要的库、主题、资源路径,然后创建顶层容器。图中把Shell放在浏览器内部,表达的是应用并不是直接把一堆 HTML 写进页面,而是把 UI5 控件树挂到浏览器 DOM 的某个根节点上。