摘要：随着互联网发展迅速,web app以其方便快捷性的优势已经逐步浮现在人们的视线中受到了人们的关注。在日常生活中，web app不断与人们接近，人们也越来越依赖web app，使用它们已经成为日常必不可少的一步。人们不需要去商城购物，只需要拿着手机上网购物，而且手机里的购物商城经常会打特价，为人们节省了购物时间也节省了很多支出。相比于京东、淘宝等手机应用来说,web app不需要下载安装，只需要打开浏览器输入商城的网址就可以进入购物，使用成本较低，节省内存流量，只需要提供良好的网络环境就可以使用。所以如何开发一个好的web app越来越受到人们的重视。

本文介绍了美妆购物商城的设计与实现，着眼于目前web app越来越火，人们使用起来越来越方便，随着html5、css3的出现，在移动端方面做出的产品越来越受人们的喜爱。使用响应式进行布局使得页面能够在不同的设备上页面显示的效果都不相同，使用自适应单位进行布局，使得页面可以在不同终端上都能够完美呈现。美妆商城包括首页、商品列表页、商品详情页、购物车页、登录注册页。是一个在移动设备上使用的web app。

关键词：美妆商城；web app；响应式；

目录

摘要

Abstract

1 概述-1

1.1开发背景-1

1.2开发意义-1

1.3系统开发的目的-1

1.4系统功能概述-2

1.5开发环境-2

2 系统分析-3

2.1系统功能需求分析-3

2.1.1 用户管理需求-3

2.1.2 商品管理需求-3

2.1.3 购物车管理需求-3

2.2系统性能需求分析-3

2.3可行性分析-4

2.3.1技术可行性分析-4

2.3.2操作可行性分析-4

2.3.3经济可行性分析-4

2.4系统目标-5

2.5系统总体设计-6

2.6功能模块设计-6

2.6.1注册模块设计-6

2.6.2购物车模块设计-7

2.7界面设计-8

3详细设计-9

3.1数据详细设计-9

3.2程序详细设计-11

3.2.1系统配置-11

3.2.2首页显示-11

3.2.3商品列表页显示-13

3.2.4商品详情页显示-14

3.2.5购物车页显示-16

3.2.6登录页显示-17

3.2.7注册页显示-18

4系统调试-19

4.1调试遇到的问题-19

结    论-21

参考文献-22

致    谢-23