【摘要】由于网络技术的飞速发展，电脑进入了每个家庭，网购也因为网络的发展而诞生并且发展需不俗。网购不仅仅能够让消费者可以买到自己想要的产品，而且可以让自己在家里就能享受送货上门的服务。

本文设计并开发了一款小型的电商网站，运用HTML，JavaScript进行页面的搭建与编写，采用AJAX进行后台的交互，网站的后台设计采用的是JSON 存取技术，并且采用HBuilder软件进行编写搭建。电商网站的设计包含了用户登录、用户注册、首页商品、商品详情、商品展示（放大镜效果）、商品的购买以及加入购物车进入购物车的详情页面等电商网站的主要功能。通过流程图对网站流程进行设计。经过测试这个电商网站适合小型商店使用进行简单的商品展示，它实现了大部分电商网站的功能与应用，并且有更好的视觉效果和用户体验。

电商网站的异军突起，带动了社会上各个行业的发展，物流行业也因为它的迅速崛起而发展迅速。

【关键词】电商网站；设计；实现 ；JSON

目录

摘要

Abstract

1 引言-1

1.1 研究背景-1

1.2 研究意义-1

1.3 论文章节安排-1

2 相关技术与开发环境-2

2.1 相关技术介绍-2

2.2 网站开发环境简介-2

3 网站功能模块需求分析-3

3.1 功能需求分析-3

3.2  可行性分析-3

3.3  功能模块图-3

4 网站功能模块的设计-4

4.1 基本功能模块的设计-5

4.1.1 用户登录功能的设计-5

4.1.2 用户注册功能的设计-5

4.1.3 商品展示（tap加放大镜效果）的设计-5

4.1.4 购物车的设计-6

4.2 扩展功能模块的设计-6

4.2.1 首页数据展示的设计-6

4.2.1 首页banner（轮播图）展示的设计-6

5 网站功能模块的实现-6

5.1 基本功能模块的实现-6

5.1.1 用户登录功能模块的实现-6

5.1.2 网站注册功能的实现-8

5.1.3 商品展示（tap加放大镜效果）的实现-8

5.1.4 购物车功能的实现-11

5.2 扩展功能的实-12

5.2.1 首页数据展示的实现-12

5.2.2 首页banner（轮播图）的实现-13

6 网站测试与结果分析-15

6.1 网站测试方法-15

6.2 功能测试-15

6.3 测试结果分析-15

总结与展望-18

参考文献-19

致谢-20