2旧版本移动端的解决方案.pptVIP

WWW.7LK.COM Html5在移动互联网项目的应用 主讲人：曲毅 目录 移动端业务 1 Crow 5 引擎功能介绍 4 新版本移动端的解决方案 3 旧版本移动端的解决方案 2 移动端产品车轮图 移动 团购 客户端 iPad商城 客户端 手机商城 客户端 微信 公众服务 支付 达人问妆 CMS Wap 站点 HTML 5 站点 桃花版 客户端 目录 移动端业务 1 Crow 5 引擎功能介绍 4 新版本移动端的解决方案 3 旧版本移动端的解决方案 2 旧版本移动端的解决方案 问题 业务重复性太高 各个客户端单独开发成时间及人力成本太高 客户端各版本之间维护成本太高 针对移动电商业务扩展性不高 1 Android 客户端独立开发 2 iPhone 客户端独立开发 3 iPad 客户端独立开发 4 Wap站 HTML5站 独立开发 目录 移动端业务 1 Crow 5 引擎功能介绍 4 新版本移动端的解决方案 3 旧版本移动端的解决方案 2 新版本移动端的解决方案 Android客户端嵌入HTML5引擎，主体业务逻辑抽取 iPhone客户端嵌入HTML5引擎，主体业务逻辑抽取 iPad客户端嵌入HTML5引擎，主体业务逻辑抽取 Wap站、HTML5站独立开发 未来winphone和智能电视，依然可以嵌入HTML5引擎，主体业务逻辑抽取 优点 主体业务逻辑可以跨平台重用（跨平台） 各个客户端变轻，而且无需用户更新，人力和时间成本大大降低 客户端各版本之间维护成本降低 针对移动电商业务扩展性，HTML5技术可以充分发挥其优势 混合编程，灵活性高 具体业务的抽取 使用H5技术购物车、结算等都抽象出来，未来只维护一个基础的购物车，任何项目只需要继承复用，提高购物车质量，节省成本，快速交付。 可抽象模块：购物车，结算中心，商品（团购）详情等，业务模块化，使用拼接、组装方式开发 主体业务逻辑抽取，一个内核完美适配所有客户端，真正实现全平台覆盖。 Android IOS HTML 5 微信 Win Phone 可复用购物车 Crow5如何解决这些问题 webview打开URL？ 为何不用html5？慢，卡，明显的加载，不连贯。 Crow5引擎由哪些部分组成？ 移动端有哪些应用了 Crow5？ H5引擎为我们做了些什么？ ipad 1.0.4已经完美的植入了crow5引擎。 未来规划winphone和智能电视等。 ? ? ? ? ? 技术规划 一个强劲的引擎 从此您的产品将具备 异步加载 动画控制 局部刷新 按需加载 分屏显示 加速器 拦截器 图片样式定位 延时监控 数据驱动 缓存脱离 JS内存管理 01 可定制化 02 MVC模块化 03 异步加载 04 Crow 5诞生 手机商城、桃花版客户端功能介绍 手机商城、桃花版客户端功能介绍 另外，即将上线的手机客户端3.1.0版本将支持特卖和移动专享价两大特色功能。 iPad客户端功能介绍 目录 移动端业务 1 Crow 5 引擎功能介绍 4 新版本移动端的解决方案 3 旧版本移动端的解决方案 2 采用的开发方式 H5引擎支持结构图 Crow 5 引擎的组成部分 H5移动商城迭代 H5移动商城迭代 HTML5引擎 Crow5介绍 主体购物逻辑抽取 完善的基于约定的模块式开发 高效的性能 数十种设计模式的实现 完美实现与原生的内嵌 插件式拼装，灵活，自主 智能自动的实现响应式布局 前端安全过滤器 离线脱机，小伙伴再也不用担心购物没有网络了 模版引擎漂移 日至远程调试 心跳保持 还有很多很多，没有不可能只有想不到 Crow5 远程日志调试 服务器 电脑调试 日志转移 手机操作 手机接收调试信息 Console.log(日志信息) XHR finished loading Crow5 响应式布局 布 局 管 理 器 引擎 Crow5 模板引擎漂移 引擎 直接下载 正常访问 无信号时依然可访问域名 因为模板引擎漂移离线了 引擎有心跳保持 复活啦！ 有信号 失去信号 信号恢复 Crow5 心跳控制 HTML dao 数据 驱动器 Crow 5 心跳 起搏器 服务器 Config HTML Store requset 不心跳 数据改变信息 心跳 response Crow5 动态数据填充模式 config Module 预渲染 配置文件 dao data 数据驱动 局部刷新 动 态 填 充 Page HTML Crow 5 静态渲染 动态填充 Crow5分层图 control service Model DAO 模版控制器 server r