基于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 32

2.2.2 Adobe Photoshop CS63

2.2.3 DreamwearverCC 20173

2.2.4 MySql3

2.2.5 Goole Chrom4

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

2.3.1 HTML语言4

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

2.3.3 java script，jQuery6

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