开发移动购物APP.docxVIP

ForFuture Group MUI 开发移动 APP 购物 APP ganquanzhong.top/shop 目录 一 、 实 训 内 容 . 1 1.1 概 述 . 1 1.1.1 浅 谈 HTML5 发 展 . 1 1.1.2 HTML5 开 发 手 机 APP 过 去 的 劣 势 与 当 前 的 优 势 . 1 1.1.3 认 识 Hbuilder 开 发 工 具 及 MUI 框 架 . 2 1.2 系 统 功 能 介 绍 . 3 1.2.1 基 于 Web 的 网 络 商 城 项 目 开 发 移 动 APP 3 1.2.2 系 统 功 能 说 明 . 3 1.3 系 统 架 构 和 文 件 作 用 介 绍 . 4 1.3.1 项 目 架 构 及 说 明 . 4 1.3.2 页 面 布 局 设 计 . 6 1.4 系 统 功 能 的 实 现 . 7 1.4.1 移 动 APP 后 端 实 现 . 7 1.4.2 移 动 APP 页 面 实 现 . 8 1.4.3 调 试 发 行 打 包 . 12 二 、 程 序 运 行 结 果 及 结 果 分 析 . 13 2.0 打 包 安 装 到 Android 系 统 上 . 13 2.1 系 统 首 页 . 13 2.2 系 统 注 册 和 登 录 页 面 . 14 2.3 系 统 商 品 详 情 页 . 15 2.4 商 品 分 类 . 16 2.5 购 物 车 . 16 2.6 订 单 及 收 货 信 息 . 17 2.7 分 享 . 17 2.8 个 人 信 息 及 其 他 . 18 一、实训内容 1.1 概述 1.1.1 浅谈 HTML5 发展 未来App的市场呈现一片光明景象，而对于移动开发商来说，不同平台的应 用则需要开发不同的App来支持，无论在更新及维护上都需要一定的成本。于是 更多人想到了基于HTML5的Web App，目前主流操作系统iOS、Android以及 Windows Phone的浏览器都对于html5大部分特性的支持也更加突显HTML5在未来 移动设备端的地位。 Html5 的特性在于对于开发者，可以更多地跨设备、跨平台使用。强大的跨 平台性也为企业大大降低了开发成本、丰富的标签体系，也大大降低了应用开 发的技术门槛。 1.1.2 HTML5 开发手机 APP 过去的劣势与当前的优势 过去的 HTML5 切页白屏、转场卡顿、下拉刷新不流畅、侧滑菜单不流畅， HTML5 技术无法对硬件底层的功能进行调用。众多问题逼迫开发者只能用原生 技术解决。 优势： 离线缓存； 音频视频自由嵌入，多媒体形式更为灵活； ganquanzhong.top/shop 3、Canvas 绘图，提升移动平台的绘图能力； 4、专为移动平台定制的表单元素。 1.1.3 认识 Hbuilder 开发工具及 MUI 框架 a)  性能：提升 HTML5 性能的手机端引擎，让侧滑菜单、下拉刷新等动态 交互卡顿的问题得以解决; 工具：HTML5 开发 IDE 产品 HBuilder, 超快的编程利器;封装成跨平台 的 HTML5plus 规范，并将规范公开于 。包括二维码、摇一 摇、语音输入、地图、支付、分享、文件系统、通讯录等常用 API，可以方便 简单的编写，并且可跨平台。 能力：把 40 万原生 API 封装成 JavaScript 对象，以解决 HTML5 能力不 足问题的 Native.js 技术;Native.js 技术即在 js 中编写原生代码技术，突破浏览器 的限制。 最接近原生体验的高性能框架： MUI 框架，体积只有几十 K，加载、运行远快于一般框架。 HTML5plus Runtime，简称 5+ Runtime，是运行于手机端的强化 web 引擎， 除了支持标准