摘要：近几年随着智能手机的飞速发展，智能手机如雨后春笋一般，成为了人们生活中必不可少的一部分。电商购物也从原来的电脑端，慢慢迁移到了手机上。现在智能手机主要分为安卓以及IOS，开发一个支持双平台的App需要一个安卓工程师和一个IOS工程师，那开发成本就大大增加。综上所述，利用Ionic混合开发技术，实现一套代码，两个平台使用。这样开发成本低于原生应用开发，维护更新比原生开发简单。

本App主要分为首页、分类查看、购物车以及设置模块。用户进入App后，可以浏览首页的商品以及活动，点击分类后跳转到商品列表页面，选择商品列表里面的商品，跳转到商品详细页面，在该页面可以选择商品的规格信息，然后添加到购物车，购物车可以结算购物商品。在设置页面有上传用户头像，联系客服，退出功能。该购物App功能完善，界面友好，系统稳定，比较适合做中小型购物购物网站的App。

关键词：电子商务；购物应用；混合开发

目录

摘要

Abstract

1 绪论-1

1.1 手机购物App简介-1

1.1.1 电商购物背景-1

1.1.2 电商购物特点-1

1.1.3 电商购物的发展现状-2

1.2 开发工具及数据库简介-2

1.2.1 Hybrid App简介-2

1.2.2 Ionic 技术简介-3

1.2.3 IndexDB简介-4

1.3 可行性分析-4

1.4 本章小结-5

2 软件的需求分析-6

2.1 软件开发环境配置-6

2.2 软件系统功能说明-8

2.3 本章小结-10

3 软件设计-11

3.1 数据库设计-11

3.2 概要设计-14

3.3 详细设计-16

3.3.1 流程设计-16

3.3.2 用户界面设计-17

3.3.3 相关操作的伪算法-20

3.4 本章小结-20

4 软件实现-22

4.1 软件界面实现-22

4.1.1 首页-22

4.1.2 商品分类-23

4.1.3 购物车-24

4.1.4 设置页面-25

4.2 所遇到的问题以及解决方案-26

4.3 本章小结-27

5 系统测试-28

5.1 加载更多商品-28

5.2 购物车结算-28

5.3 用户图片上传-28

5.4 本章小结-28

结    论-29

参 考 文 献-30

致    谢-31