摘要：未来移动端设备将在生活中占据越来越重要的地位。App则是安装在移动设备上的智能手机应用程序。由于电商平台数据更新频繁的特性，电商应用选择Web App而不是Native App是具有积极意义的。用户在使用Web App时就能够实时获取最新的数据来浏览。应用在更新维护时也方便快捷，仅需要更新云端的数据，用户端的App框架则基本无需变更。Web App在开发时使用“HTML5+APP框架开发模式”，目前也有许多支持Web App的框架与平台。开发流程则大致由服务端实现、客户端实现和测试上线三部分组成。

本文在电商平台的基础下，设计并实现了电商平台用户端Web App的基本功能，具体包括登录，WEB调用，商品展示等。本文的主要工作如下：

（1）介绍了Web App开发框架。对Web App开发所需配置进行分析，并介绍了从用户端框架到Web开发框架的搭建和部署。

（2）介绍Web App的功能需求。对用户的使用需求进行分析，定义所开发应用需要实现的关键功能点。

（3）详细介绍了重点功能的设计与实现过程。对电商平台的特点进行分析，优化所实现的功能点。例如根据数据量极大的特点所做出的分页策略。由此来优化用户的使用体验。

关键词  Web App  HTML5  Native App  移动应用开发

毕业设计说明书外文摘要

Title   The Development of Users’ APP Based on Web for the Electronic Business      

Abstract：The mobile equipment will occupy an increasingly important position in the future. App is an application installed on a mobile device. Because of the frequent updates of data in this platform, it is benefit to choose Web App instead of Native App when developing an application based on the electronic business. The data can be real-time loaded and displayed when users use web app. The update of web app is also convenient, as only need to update the data on cloud without changing the local framework. Web App used "HTML5 + APP framework developing model" in the development. There are also many framework and platform providing support to Web App. The development procedure of Web App consist of three steps, including the implementation of server, client and test three parts.

In this paper, based on the platform of the electronic business, the basic functions of the Web App are designed and implemented, including login, WEB call, product display and so on. The main work in this paper is as follows:

(1) Introduced the Web App development framework. Considered about the configuration of Web App development, and introduced the construction and deployment of the client framework and the Web development framework.

(2) Described the functional requirements of Web App. Considered about the user demand, and defined the functional point which need to be achieved in the development of this application.

(3) Details of the design and implementation of functions. Analysis of the characteristics of the business platform and optimize the realization of the functional. Such as making the paging strategy because of the large amount of data.

Keywords  Web App    HTML5    Native App    The Development of Mobile App

目   次

1  引言 1

1.1 Web App应用背景 1

1.2目前支持Web App的各种框架与平台 2

1.3移动端APP开发流程 3

1.4 Web App开发对于电商平台的意义 4

1.5 论文章节安排 5

2  开发环境部署及搭建 7

2.1  Web App架构简介   7

2.2  开发工具简介   8

2.3 开发环境部署   8

3  基于WEB的电商网站用户端APP开发 11

3.1 需求分析 11

3.1.1 用户登录 11

3.1.2 APP框架内的WEB调用 12

3.1.3 商品展示 12

3.1.4 下单流程 13

3.1.5 支付功能 13