Fiori2.0学习笔记-核心技术框架&基本项目结构

核心框架

SAPUI5：重量级，基于HTML5的UI开发组件，收费框架

OpenUI5：托管在github平台，开源的，拥有部分控件

异同

模块化的定义，MVVM类型框架

集成JQuery，不需要额外引入

支持异步加载核心类库，提高运行效率

响应式，富UI框架

支持多种数据绑定模式（单向、双向、一次性）

支持JSON、XML、JS、HTML格式的View布局（推荐使用XML格式）

个性化主题设计

主要类库

sap.m 主要针对移动设备

sap.ui 最为丰富的控件，更多针对Desktop

sap.ca 深度封装，常见于官方标准程序，自定义开发时不适用此库

sap.chart 图表的库，继承自vizframe

sap.viz 图表的库，实际开发中较上者更常用

sap.ushell 单例模式的容器库，常用于程序的初始化（加载一个容器的时候通常会用到这么一个类库）

-

单例模式，是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例的特殊类。通过单例模式可以保证系统中，应用该模式的类一个类只有一个实例。即一个类只有一个对象实例

基本项目结构

开发工具：WEB-IDE



model 可以放置一些工具类

view 视图显示页面

controller 控制器，里面写一些逻辑

i18n 配置多语言文件

Component.js 容器、入口文件（工程的详细信息，配置、路由…）

neo-app.json 提供给WEB-IDE一些读取本地信息和核心库的信息

manifest.json 整个工程的描述文件（打开这个就能看到整个工程的详细信息）（笔者更愿意把他理解为component的一个扩展，为了使component看上去更加清晰，我们就在外面写一个manifest的JSON文件然后在component.js调用他）