Question

我想知道如何在多个JavaScript文件中拆分控制器。我目前有一个控制器，它有大约5000多行，并且导航它是相当令人沮丧的。有任何建议如何开始？

Answer 1

您可以从几种方法开始：

使用＆＃34; Mixin＆＃34;图案
将你的逻辑分成几个＆＃34;类＆＃34;然后把它们分成两个AMD模块，然后只需要＆＃34;要求＆＃34;它们并在您的控制器中使用

Mixin可以实现为 AMD模块，它只返回具有所有需要功能的 JSON 对象。为了将它注入控制器，只需使用 jQuery.extend 方法来使用mixin增强控制器的对象。

Answer 2

这个问题可能会引起一些有见解的答案，但一般，你可以从以下开始：

询问自己是否可以先降低5k + LOC。例如。：
- 确保你没有重新发明UI5的轮子支持开箱即用，例如formatting，解析和验证模型数据。
- 考虑采用UI5提供的更多声明性方法，例如application descriptor，简单expression bindings，双向data binding，将视图拆分为小fragments / {{ 3}}有合适的控制器（views）等
分析您的代码以包含 separating concerns而不是composition （inheritance）

我还鼓励在开始之前写一些回归short intro。

Answer 3

另一种方法是在控制器之间设置一些层次结构，并使用控制器之间的继承。将多个控制器使用的逻辑移动到一个BaseController.js。

例如，您可以设置从BaseController.js扩展的sap/ui/core/mvc/Controller：

sap.ui.define([ "sap/ui/core/mvc/Controller" ], function(Controller) {
    "use strict";

    return Controller.extend("BaseController", {

        someBaseFunction : function() {
            // Do something
        },

    });

});

另一个控制器，例如App.controller.js BaseController.js延伸至sap.ui.define(["%PATH_TO_YOUR_BASE_CONTROLLER%/BaseController", ], function(BaseController) { "use strict"; return BaseController.extend("%PATH_TO_YOUR_APP", { onInit : function() { // Call function from BaseController.js this.someFunction(); } }); });：

{{1}}

在多个js文件中拆分控制器

3 个答案: