摘要：现有的鲜花网站大多页面普通，设计单一。本网站将通过售卖鲜花，鲜花蛋糕，花皂，定制玩具等花和包含花的一些附属产品提供给顾客更多的选择。顾客也可以直接从网站订购商务套餐，节日鲜花，七日花等主题鲜花实现包月购买等。这样就实现了从经营者直接面向消费者的优势。无论从节约成本抑或是降低时空限制，都将给鲜花经营者以最大的帮助。本系统符合大部分人的需求，步骤详细操作简单。年轻人可以根据自己的情况进行操作，为自己选择合适的鲜花或者商品，方便快捷。本系统将主要运用HTML5技术，通过Node.js平台和Mysql技术连接数据库，实现一个用户从浏览鲜花到购买鲜花于一体的网上商城。用户可以通过本网站浏览到鲜花，蛋糕，花皂，香薰，定制玩具，也可以在这里查看七日花，商务套餐，节日推荐等主题花朵包月购买，完成了用户登录注册，修改个人信息，收藏商品，加入购物车，查看订单，评论回复，支付购买这一套完整的流程。页面使用自适应布局。

关键词：前后端分离；网上商店；自适应布局；HTML5技术；Node.js平台

目 录

摘 要

Abstract

1  绪论-1

1.1 行业现状-1

1.1.1 国外现状-1

1.1.2 国内现状-1

1.2 研究目的-1

1.3 研究意义-2

1.4 本章小结-2

2  系统分析-3

2.1 可行性分析-3

2.1.1 技术可行性-3

2.1.2 经济可行性-3

2.1.3 操作可行性-3

2.2 需求分析-3

2.2.1 功能需求-3

2.2.2 性能需求-4

2.2.3 用户需求-4

2.3 框架介绍-4

2.3.1 Vue.js-4

2.3.2 HTML、CSS3、jQuery-5

2.3.3 MySQL-5

2.4 本章小结-5

3  概要设计-6

3.1 数据关系设计及用例图-6

3.1.1 E-R图设计-6

3.1.2 用例图设计-6

3.1.3 登录功能流程图设计-7

3.1.4 购物车流程图设计-8

3.2 数据库设计-8

3.3 本章小结-10

4  详细设计-11

4.1 首页推荐模块的设计与实现-11

4.1.1 设计思路-11

4.1.2 具体实现-11

4.2 商品模块的设计与实现-13

4.2.1 设计思路-13

4.2.2 具体实现-13

4.3 购物车模块的设计与实现-16

4.3.1 购物车列表功能-16

4.3.2 添加购物车功能-16

4.4 个人中心模块的设计与实现-17

4.4.1 设计思路-17

4.4.2 具体实现-17

4.5 本章小结-18

5  软件测试-20

5.1 测试商品的分类查询功能-20

5.2 测试添加删除购物车功能-20

5.3 用户登录注册功能-21

结    论-22

参考文献-23