摘要：在这个信息技术蓬勃发展的今天，人们可以利用碎片时间随时随地从网上获取信息。然而网络上多种多样的信息往往未加以整理，人们更愿意接受有用且精简的数据，特别是喜欢网购美妆产品的人们希望更直观了解到商品的特点。本文设计的基于信息整理的美妆推介系统是可以安装在手机上的Web App，结合了最新前端技术HTML5和CSS3进行页面布局，页面风格简洁时尚，颜色搭配合理，这是原生APP所不具备的特色。前端页面使用能够自适应不同尺寸移动屏幕的jQuery Mobile框架。系统后端服务器数据将用户分享的美妆产品口碑进行了信息整理，按照时间段排名出美妆产品口碑，这些信息将会为用户带来购物参考，且数据真实可靠。Web APP相比于原生APP还有一个优点就是该项目仅需要开发一款，就能够在安卓和iOS系统上安装使用。还有一个亮点就是能够自适应手机不同尺寸的屏幕，这样开发一款项目就可以在不同类型的手机上面使用。

关键词：信息整理 美妆推介 Web应用 HTML5技术

目录

摘要

Abstract

1 绪论-1

1.1 课题研究背景以及研究意义-1

1.2 课题研究的国内外发展及现状-1

1.3 课题的主要内容-2

2 系统开发相关技术-3

2.1  HTML5技术简介-3

2.2  jQuery技术简介-4

2.3  PhoneGap打包技术-4

2.4  jQuery Mobile框架简介-5

2.5  Hbuilder技术简介-6

2.6  Bmob平台简介-6

3 美妆推介系统的设计-7

3.1 美妆系统的功能分析-7

3.2 美妆系统界面设计-7

3.3 美妆系统的交互设计-8

4 系统说明与展示-8

4.1 启动界面-8

4.2 用户登录界面-8

4.3 主界面-10

4.4 分享美妆产品口碑界面-14

4.5 个人用户界面-15

结论-17

参考文献-18

致谢-19