独立SAPUI5/OpenUI5应用能否使用sap.ushell的数据丢失防护机制？

原生内置方案说明 #

SAPUI5/OpenUI5 目前没有提供开箱即用的全局数据丢失防护组件，但可以通过组合原生API减少重复开发：

• 利用视图控制器的生命周期钩子（如onBeforeRendering）结合脏状态标记，实现视图级的离开检查，但这种方式需要在每个视图重复编写逻辑，开发成本较高。
• 使用sap.m.MessageBox作为确认弹窗的基础组件，这是原生提供的交互组件，无需额外依赖。

最优替代方案：全局路由拦截+集中式脏状态管理 #

你考虑的扩展sap.f.routing.Router的思路是可行的，且是当前实现全局数据丢失防护的最优方案之一，以下是具体的落地优化方案：

1. 封装集中式脏状态管理类 #

先单独实现一个脏状态管理工具，统一处理应用内所有视图/组件的脏状态，避免状态分散：

sap.ui.define([], function() {
  return {
    _dirtyStates: new Map(),

    // 设置指定视图/组件的脏状态
    setDirty: function(key, isDirty) {
      this._dirtyStates.set(key, isDirty);
    },

    // 获取指定视图/组件的脏状态
    isDirty: function(key) {
      return this._dirtyStates.get(key) || false;
    },

    // 检查是否存在任何未保存的脏状态
    hasAnyDirty: function() {
      return Array.from(this._dirtyStates.values()).some(state => state);
    },

    // 重置指定视图/组件的脏状态
    resetDirty: function(key) {
      this._dirtyStates.delete(key);
    },

    // 清空所有脏状态（如全局保存后）
    clearAll: function() {
      this._dirtyStates.clear();
    }
  };
});

2. 扩展Router实现全局导航拦截 #

继承sap.f.routing.Router，重写navTo方法，在跳转前统一检查脏状态并弹出确认框：

sap.ui.define([
  "sap/f/routing/Router",
  "sap/m/MessageBox",
  "./DirtyStateManager" // 引入上面的脏状态管理类
], function(Router, MessageBox, DirtyStateManager) {
  return Router.extend("your.app.router.ExtendedRouter", {
    navTo: function(name, parameters, replace) {
      // 存在脏状态时拦截导航
      if (DirtyStateManager.hasAnyDirty()) {
        MessageBox.confirm("当前有未保存的修改，确定要离开吗？", {
          title: "确认离开",
          onClose: function(action) {
            if (action === MessageBox.Action.OK) {
              // 用户确认后清空脏状态并执行跳转
              DirtyStateManager.clearAll();
              Router.prototype.navTo.call(this, name, parameters, replace);
            }
          }.bind(this)
        });
      } else {
        // 无脏状态直接执行跳转
        Router.prototype.navTo.call(this, name, parameters, replace);
      }
    }
  });
});

3. 在组件中启用自定义Router #

在应用的Component.js中替换默认的Router为自定义扩展的版本：

sap.ui.define([
  "sap/ui/core/UIComponent",
  "./router/ExtendedRouter"
], function(UIComponent, ExtendedRouter) {
  return UIComponent.extend("your.app.Component", {
    metadata: {
      manifest: "json"
    },

    createRouter: function() {
      // 使用自定义Router替代原生Router
      return new ExtendedRouter(this.getRouterConfig(), this);
    }
  });
});

4. 视图层集成脏状态标记 #

在需要跟踪修改的视图控制器中，在数据变化时设置脏状态，保存成功后重置：

sap.ui.define([
  "sap/ui/core/mvc/Controller",
  "../DirtyStateManager"
], function(Controller, DirtyStateManager) {
  return Controller.extend("your.app.view.EditForm", {
    onInputChange: function() {
      // 输入内容变化时标记当前视图为脏状态
      DirtyStateManager.setDirty(this.getView().getId(), true);
    },

    onSaveSuccess: function() {
      // 保存成功后重置当前视图的脏状态
      DirtyStateManager.resetDirty(this.getView().getId());
      // 后续逻辑...
    }
  });
});

方案优势 #

• 全局统一拦截逻辑，无需在每个视图重复编写导航检查代码，大幅降低开发和维护成本
• 集中式脏状态管理，支持多视图独立跟踪，适配复杂应用场景
• 基于原生Router扩展，完全符合SAPUI5的架构设计，兼容性和稳定性有保障

内容的提问来源于stack exchange，提问作者Pieter