Sapui5 如何实现多流程模式?

Sapui5 如何实现多流程模式?,sapui5,Sapui5,在SAPUI5/OpenUI5文档的“应用程序最佳实践-准备”部分中提到了多流程模式。(-几乎在底部) 我需要实现这个模式,但完全不知道如何继续下去 是否需要替换组件的“根视图”参数 还是需要替换App.view.xml中的App控件?我该怎么做呢 或者我需要导航到具有splitApp控件的视图吗?因此,在应用程序控件中放置splitApp?然后我可以相应地调整路由器中的路由吗?我该怎么说呢 我目前正在遵循“最佳实践”中所示的实现,因此我将组件、路由器和xml视图用于我的应用程序 我很高兴能得到

在SAPUI5/OpenUI5文档的“应用程序最佳实践-准备”部分中提到了多流程模式。(-几乎在底部)

我需要实现这个模式,但完全不知道如何继续下去

  • 是否需要替换组件的“根视图”参数
  • 还是需要替换App.view.xml中的App控件?我该怎么做呢
  • 或者我需要导航到具有splitApp控件的视图吗?因此,在应用程序控件中放置splitApp?然后我可以相应地调整路由器中的路由吗?我该怎么说呢
  • 我目前正在遵循“最佳实践”中所示的实现,因此我将组件、路由器和xml视图用于我的应用程序

    我很高兴能得到任何帮助或指引正确的方向。提前谢谢! (是的,我已经在谷歌上广泛搜索过了,唉,复杂的例子很少见,也很难找到


    Byebye,Cleo

    要实现它,你需要一个应用程序和一个拆分容器

    我做了一个简单的示例,有一个全屏页面和一个主/详细+按钮来导航

    最好的问候

    很好的问候@TobiasOetzel:-)

    我修改了导航,使其从全屏向后滑动而不是向前滑动,回到主细节

    fullscreen = new sap.m.Page({
      title : "fullscreen",
      content : new sap.m.Button({
        text : "to master detail",
        press : function () {
          app.back() // modified line 
        }
      })
    });
    

    因此,经过几天的摆弄和@TobiasOetzel向正确方向的推动,我想出了这个解决方案。它基于tdg示例,在组件和xml视图中使用路由器

    组成部分:

    rootView : "my.ui5.multiflow.view.App",
    
    [...]
    
    routes : [ 
    {
      pattern : "",
      name : "_index",
      view : "Main",
      targetAggregation: "pages",
      targetControl : "idAppControl",
    },
    {
      pattern : "foo",
      name : "_foo",
      view : "SplitContainer",
      targetAggregation : "pages",
      targetControl : "idAppControl",
      subroutes : [
      {
         pattern : "foo",
         name : "foo_sub1",
         view : "Master",
         targetAggregation : "masterPages",
         targetControl : "idSplitContainerControl",
         subroutes : [
         {
            pattern : "foo",
            name : "foo_sub2",
            view : "Detail",
            targetAggregation : "detailPages",
         },
         {
            pattern : "foo/foo/:all*:",
            name : "foo_sub3",
            view : "Detail2",
            targetAggregation : "detailPages",                                  
         }]
      }]
    }]
    

    App.view如下所示:

    <mvc:View
    xmlns:mvc="sap.ui.core.mvc"
    displayBlock="true"
    xmlns="sap.m">
       <App id="idAppControl" />
    </mvc:View>
    
    
    虽然我最终没有使用他提议的任何更改。
    以及openui5-SDK-1.22.10\test resources\sap\ui\core\samples\routing中的SDK示例


    我欢迎任何更正和/或改进建议。

    我使用以下路由流程成功调整了SAPUI5教程应用程序: F–F–MD D–F

    (F=全屏;M=SplitApp母版页;D=SplitApp详细页)


    谢谢你

    我看了菲奥里是怎么做的,就像你说的那样,我不懂这个路由的东西。我已经完成了应用程序最佳实践,一切都很好。但每次我试着做我自己的路线,我只是得到一个空壳。我做错了什么?我已经复制了你的代码,并在视图文件夹中创建了三个视图(App、SplitContainer和Main)。我担心,@OddDev,路由和sapui5可能会出现大量问题。关于视图,还需要视图详图和详图2。也许这已经解决了你的问题。否则,您的代码是否有JSFIDLE版本?或者在其他任何地方查看您的应用程序?
    <mvc:View
    xmlns:mvc="sap.ui.core.mvc"
    displayBlock="true"
    xmlns="sap.m">
       <SplitContainer 
           id="idSplitContainerControl" 
            height="500px"
       />
    </mvc:View>