zoukankan      html  css  js  c++  java
  • SAP UI5学习笔记之(三)SAP Fiori Launchpad Sandbox中运行HelloWorld

    在上篇文章SAP UI5学习笔记之(二)熟悉的HelloWorld中我们运行了HelloWorld程序。

    在启动运行程序时我们发现还有一种运行方式:Run as SAP Fiori Launchpad Sandbox。

    这是以沙箱模式测试运行Fiori Launchpad应用的方法。SAPUI5主要就是为Fiori Launchpad服务的,所以这种运行方式是也是我们测试运行的常用方法。

    但是需要注意的是,在使用Run as SAP Fiori Launchpad Sandbox运行时不会加载index.html文件,而是直接加载Component.js文件。

    所以在这种情况下,我们的画面中就不会出现HelloWorld了。

     

     在这种情况下,我们怎么实现我们的HelloWorld程序呢?

    上篇文章中我们提到Component.js文件加载后会加载模型、视图和控制器等,所以在Fiori Launchpad中我们的画面都是在视图也就是view文件夹下的完成的。

     Fiori Launchpad中实现HelloWorld

    我们使用WEB IDE的特殊功能Layout Editor实现HelloWorld。这样我们就可以直接可视化的画出我们想要的控件。

    方法一:右键视图文件App.view.xml→Open Layout Editor可以直接打开Layout界面。

    方法二:选中工程任意目录(可以是工程名也可以是视图名),点击编辑器最左侧一列中的Storyboard(小火箭图标);

    在Storyboard中双击视图或者点击编辑图标进入编辑界面。

    在过滤选择中输入label,找到label控件,把它推拽到中间画布上。

     

    在最右侧将Text属性修改为HelloWorld。

     这样HelloWorld就在画面上设计完成了。点击最左侧的Development图标返回Code Editor。

     可以看到在App.view.xml文件中自动加了一行代码:

      <Label text="HelloWorld" width="100%" id="label0"/>

    右键工程→Run→Run as SAP Fiori Launchpad Sandbox运行程序。

    SAP Fiori Launchpad Sandbox下的HelloWorld程序就完成了。

  • 相关阅读:
    124. 二叉树中的最大路径和
    快速排序,归并排序
    剑指offer ——重建二叉树
    共享指针的简单实现
    string_自定义
    幸运的袋子
    动态规划——出差问题
    计算数组平均值
    时间格式化并算差值
    适配器模式
  • 原文地址:https://www.cnblogs.com/snaildreams/p/13362550.html
Copyright © 2011-2022 走看看