一张图读懂 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 的某个根节点上。