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调用他)