使用apicloud仿每日优鲜源码

# APICloud-7Days-Online-Training-Tutorials ### **APICloud七天在线课程－讲义** 以一个实际APP项目开发为主线，按照APP开发的标准流程一步步来讲解，如何从0开始开发一款APP。从需求梳理开始，包括：需求分析、架构设计、界面布局、功能分解、服务对接、接口联调、编码规范、性能优化、发布更新等等。希望大家可以通过整个课程了解一个标准APP全生命周期的开发流程。 在APP的实际开发过程中会穿插介绍APICloud的相关技术点，包括平台的使用、APICloud应用设计思想、云控制台操作、各类扩展API的调用以及一些开发技巧和优化策略。 希望通过课程和大家一起交流，共同分享，不断的来完善教程、丰富实例代码和案例。谢谢。 最新教程讲解和七天课程的完整视频详见：APICloud官方出品的新书[《30天App开发从0到1》](https://github.com/apicloudcom/30-APP-0-1) > 🚀 本课程案例已有升级 APICloud 3.x 版本使用多端技术 avm.js 开发的应用，可同时编译为Android & iOS App以及微信小程序。 > 相应介绍、源码和技术讲解请移步到[本页尾部](#avm) 。 # [Day-1课程内容](https://github.com/apicloudcom/APICloud-7Days-Online-Training-Tutorials/blob/master/Day1.md) 应用开发之前的准备工作：了解APICloud平台、理解APICloud应用设计思想、掌握平台开发流程。学习如何对一款APICloud应用进行需求分析、功能分解和架构设计等。 1. **APICloud平台介绍** 1.1 查看APICloud平台能力 1.2 APICloud应用的开发模式和使用的技术语言 1.3 APICloud平台各个方面做一个整体的了解 1.4 APICloud开发者相关的服务支撑体系 1.5 新手应该如何开始入门APICloud应用开发 2. **APICloud平台使用流程** 2.1 APICloud云控制台使用 2.2 选择一款主流H5编码工具并安装相应的APICloud插件 2.3 APICloud应用开发的基础操作流程 3. **应用需求分析** 3.1 梳理需求说明文档 3.2 进行UE/UI设计 4. **总体架构设计** 4.1 APICloud应用设计思想 5. **UI架构设计** 5.1 APICloud应用的UI组成结构 5.2 APICloud界面布局5大组件 5.3 APICloud混合渲染技术原理 5.4 使用APICloud5大UI组件完成应用UI架构设计 5.5 输出APP的UI架构设计文档 6. **功能点分解** 6.1 基于需求说明，梳理出主要功能点 6.2 为每个功能点，给出合适的技术实现方案 6.3 在APICloud聚合API找到功能点对应的模块 6.4 输出APP的功能模块分解文档 7. **开放服务选择** 7.1 基于需求说明，梳理出需要使用的开放服务 7.2 调研不同的开放服务商所提供的服务是否能满足自己应用的需求 7.3 在APICloud聚合API找到对应的开放服务模块 7.4 输出APP的开放服务分解文档 8. **数据接口定义** 8.1 定义服务端接口文档 8.2 输出服务端接口调试文件 9. **应用证书和第三方Key申请** 9.1 申请应用证书 9.2 确定应用包名 9.3 申请开放平台相关Key # [Day-2课程内容](https://github.com/apicloudcom/APICloud-7Days-Online-Training-Tutorials/blob/master/Day2.md) 理解APICloud应用执行流程，掌握界面布局相关API使用，了解屏幕适配原理，从0开始搭建整体APP框架，完成所有界面跳转，输出完整的APP静态数据版本。 ### 主要内容： 1. **APICloud应用执行流程** 1.1 APICloud应用执行流程说明 2. **引擎初始化后默认创建的两个UI组件实例** 2.1 主Widget容器（Main Widget） 2.2 根窗口（Root Window） 3. **config配置文件使用** 3.1 了解config文件作用 3.2 掌握config文件使用 4. **引擎的两个重要事件** 4.1 content事件 4.2 apiready事件 5. **查看api对象功能** 5.1 查看api对象功能列表 5.2 api对象常用方法使用 6. **屏幕适配** 6.1 viewport设置 6.2 UI尺寸 6.3 量图标准 7. **前端框架** 7.1 APICloud前端框架的作用和设计思想 7.2 APICloud前端框架使用 8. **状态栏处理** 8.1 沉浸式状态栏效果说明 8.2 沉浸式效果实现 8.3 修改状态栏样式 9. **界面布局相关API使用** 9.1 Widget相关API 9.2 Window相关API 9.3 Layout相关API 9.4 Frame相关API 10. **搭建APP整体框架，完成APP静态数据版本** 10.1 每个页面UI结构分析 10.2 按照UI架构设计创建对应的UI组件及H5文件 10.3 编写每个Window或Frame所对应的H5页面文件 10.4 实现Frame之间切换 10.5 优化onclick交换响应 10.6 实现界面之间跳转 10.7 实现页面之间参数传递 10.8 监听Android返回键，实现退出APP 10.9 阻止iOS滑动返回 # [Day-3课程内容](https://github.com/apicloudcom/APICloud-7Days-Online-Training-Tutorials/blob/master/Day3.md) 了解APICloud平台提供的数据通信能力，掌握APICloud数据通信相关API使用，按照服务端接口文档进行APP前后端接口联调，将APP页面中的静态数据改为从服务端动态获取，并完成相关的业务逻辑。掌握APICloud平台的事件管理机制，了解APICloud数据云功能和使用。 ### 主要内容： 1. **APICloud平台提供的数据通信能力** 1.1 HTTP 1.2 HTTPS 1.3 TCP／UDP 2. **APICloud数据通信常用API使用** 2.1 HTTP请求相关API 2.2 文件下载相关API 3. **使用api.ajax与服务端进行数据通信** 4. **按照服务端接口文档，进行APP与服务端的接口联调** 5. **窗口间通信机制** 5.1 跨窗口调用函数 5.2 自定义事件 6. **常用对话框窗口使用** 6.1 提示对话框 6.2 状态对话框 6.3 选择对话框 7. **APICloud平台事件机制** 7.1 全局事件管理 7.2 平台事件类型 7.3 事件监听机制 8. **APICloud数据云** 8.1 数据云功能特点 8.2 数据云操作使用 8.3 APP中3种与数据云的通信方式 # [Day-4课程内容](https://github.com/apicloudcom/APICloud-7Days-Online-Training-Tutorials/blob/master/Day4.md) 掌握使用JS模版来展示列表数据，推荐使用doT模版；了解下拉刷新和上拉加载的实现原理及相关API的使用，实现下拉刷新、上拉加载更多功能；了解APICloud图片缓存原理及相关API的使用，对APP中网络图片实现本地缓存；了解APICloud平台提供的本地数据能力，理解APICloud应用沙箱结构，了解应用资源访问协议，掌握相关API的使用。 ### 主要内容： 1. **使用JS模版展示列表数据** 1.1 JS模版原理 1.2 doT模版使用 1.3 使用doT版本实现列表数据展示 2. **实现下拉刷新** 2.1 下拉刷新实现机制 2.2 相关API使用 2.3 实现下拉刷新功能 3. **实现上拉加载** 3.1 上拉加载实现机制 3.2 相关API使用 3.3 实现上拉加载功能 4. **实现图片缓存** 4.1 图片缓存机制 4.2 相关API使用 4.3 实现图片缓存功能 5. **本地数据存储** 5.1 APICloud平台提供的本地数据存储能力 5.2 数据存储相关API使用 5.3 实现数据存储功能 6. **应用沙箱结构** 6.1 默认的沙箱位置 6.2 修改Android默认沙箱位置 7. **资源访问协议** 7.1 资源存放的位置 7.2 资源访问协议 7.3 资源访问相关API属性 # [Day-5课程内容](https://github.com/apicloudcom/APICloud-7Days-Online-Training-Tutorials/blob/master/Day5.md) 了解APICloud引擎架构，理解模块扩展机制、调用过程和模块设计规范；�