Fiori QuikStart 1~3 项目结构变化

QuikStart1

1. 项目通过index.html启动，其中将index.js指定为启动脚本
2. index.js定义了页面的实际UI控件和功能逻辑，最后通过placeAt将index.js中的UI布局替换到index.html中

QuikStart2

QuikStart2中将QuikStart1中的index.js拆分为index.js+App.view.xml+App.controller.js

• index.js启动引导脚本
  • App.view.xml网页UI配置
  • App.controller.js逻辑处理

QuikStart3

QuikStart3相比于QuikStart2在项目结构上没有变化，而内容上的变化主要体现在View的UI配置上。

值得一提的是，在index.html中指定的项目启动脚本data-sap-ui-on-init="module:ui5/quickstart/index"实际上是指定其中的OnInit方法来负责项目每次启动时初始化工作。