基于HTML的名花实卉网站前端设

摘  要：随着互联网的高速发展，现在越来越多的人们将网上购物当作自己的消费首选，实体行业也受到了巨大的冲击。虽然实体行业不会因为网上购物的冲击而消失，但实体行业的线上和线上双向发展已经成为必然的趋势。本网站为了线下贩卖鲜花的商家和需要鲜花的线下消费者更加方便交易。方便消费者的同时也方便了商家。

本网站使用了主流的Css+Div布局方式。网站内有，网站主页，登陆页面，注册页面，商品详情页等其他页面。页面采用了橙绿的配色，很好的彰显了鲜花网站的风格。主页面的布局双飞翼的布局方式，商品模块加了翻转的动画，爽大方，干净利落。同时也结合了java script和jQuery给网站添加了一些动画和动态功能。

关键词：html 购物网站 java script

目 录           

1 引言 1

1.1 名花实卉购物交易网站的开发背景 1

1.2 名花实卉购物交易网站意义与设计目的 1

2 开发工具及环境介绍 2

2.1 名花实卉交易购物网站的开发环境 2

2.2 本项目所应用的开发工具 2

2.2.1 Sublime Text 3 2

2.2.2 Adobe Photoshop CS6 3

2.2.3 Dreamwearver CC 2017 3

2.2.4 MySql 3

2.2.5 Goole Chrom 4

2.3 本项目应用的主要开发技术 4

2.3.1 HTML语言 4

2.3.2 PHP(超文本预处理器) 5

2.3.3 java script，jQuery 6

3 项目概述 8

3.1 项目概述 8

3.2 项目风险 8

3.3 项目进度计划 9

4 项目需求分析 10

4.1 网站概要设计 10

4.2 网站工作角色分析 10

4.3 现行研究存在的问题及解决方法 11

5 数据库设计 12

5.1 数据库结构 12

5.2 数据库表的结构 12

5.3 数据库表UML图 12

6 网站的实现 13

6.1 网站的页面设计和布局 13

6.1.1 网站首页 13

6.1.2 登陆/注册页面 16

6.1.3 商品列表页面 19

6.1.4 商品详情页 21

7 测试 24

7.1 测试 24

7.2 测试例子及结果 25

8 总结与展望 26

致谢 27

参考文献 28