鲜花购物网站的开发在承载传统的商城购买认知外，也让更多的爱花人士了解花的别称、种类和介绍，不单单可以满足用户的购物需求，也会让更多的花香弥漫左右，为生活添加浓郁的一笔。在鲜花购物网站上人们可以在网上订购鲜花以及与鲜花相关的产品等操作，管理员可以对订单信息，客户信息等进行管理。本课题通过对该网站的需求分析，确认其开发的主流框架为Vue.js,并配以Element-Ui、Bootstarp组件库，网站后端使用PHP作为开发语言，采用MySQL数据库。本论文对鲜花购物网站的开发背景，采用技术，功能设计以及功能实现进行了详细的分析与描述。
目 录
一、 引言 7
（一） 项目背景 7
（二） 项目意义 7
二、需求分析 7
(一)技术可行性分析 7
(二)经济可行性分析 8
(三)操作可行性分析 8
三、技术栈及开发工具简介 8
(一)Vue框架简介 8
(二)数据库MySQL 8
(三)Visual Studio Code 8
四、前后台功能设计 9
（一）前台设计 9
（二） 后台设计 10
五、开发及运行环境 10
（一）前台开发环境 10
（二）后台开发环境 10
（三）运行环境 11
（四）数据库设计 11
六、网站的详细设计 12
（一）前台设计 12
1.登录功能 12
2.注册功能 13
3.鲜花列表展示功能 14
4.鲜花详情展示功能 16
5.商品购物车列表展示功能 19
6.鲜花结算列表展示功能 22
7.订单列表展示功能 25
（二）后台系统的实现 26
1.后台登录功能 26
2.商品管理功能 32
3.轮播图管理功能 36
4.订单管理功能 37
5.用户管理功能 41
总 结 44
谢 辞 45
参考文献 46
 *51今日免费论文网|www.jxszl.com +Q: &351916072& 
一、 引言
项目背景
在当今社会，计算机网络技术飞速发展，电脑和手机也成为了现在人们日常生活中不和缺少的日用品，而网购已成为大部分生活的一部分。鲜花购物网站更是贴切当代年轻人的生活，不管是送给情人还是亲人，在网上购买都十分的简单便捷，而且可以在网站上一览众多的鲜花，也能给接收者一份意外之喜,不用像以前一样亲自去店里买，不用担心因为事情耽误而来不及买花，也不用担心时间不充裕，天气不好的时候下雨天也不影响买一束花给爱人或者朋友，甚至可以预定好一个日期送达，避免因为事情而忘记给爱人亲人一个惊喜，不需要亲自去店里挑挑拣拣，在网站上直接就可以选择自己喜欢的花。而基于Vue开发的鲜花购物网站更是满足了这些需求。
利用Vue开发的鲜花购物网站，不仅提高了大家的买花欲望与效率，而且可以让人们更直观，更彻底的看到每一束花。这也是网络成熟发展的大势所趋。
项目意义
近年来，人们在网络上购物的现象已经很普遍了。设计本网站的最初目的是为了对于不同人群购买鲜花的需要能够有一个很好的平台。随着各种电商网站的兴起，搭建一个包含各种品牌各种价格各种类型的销售平台来方便不同需求的购买者达成自己的目的。将鲜花销售搬到网络上对于用户来说更加的方便，可以不受时间与地点的限制进行商品选购。同时相比较线下的实体店来说，商品的种类也是多种多样达成交易的可能性更高。
在整体系统的开发过程中，最主要的就是对各种网站技术的学习和使用。通过进行一个完整网站的搭建来对所学习到的各种技术内容进行尝试锻炼，锻炼自己的整体思维与开发能力。同时要进行用户需求分析，明白自己所面向的客户到底是哪些，只有明白用户需要什么才能进行针对性的开发与设计带给客户更好的体验增加用户黏性。
基于Vue开发的以鲜花购物网站为课题的项目，轻量便于维护，开发成本较小，作为主流的前端框架，它结合了React、Angular的优势，满足用户买花的需求，让其生活更加丰富充实。
二、需求分析
可行性研究的目的就是用最小的代价在尽可能短的时间内确定问题是否能够解决，可行性研究不是为了直接去做，是了解它能不能做，可不可以做，所以我们必须要进行客观的分析。
(一)技术可行性分析
Vue和MySQL的结合可以在实际应用中成为一种为用户提供了业界软件开发一直坚持的非常友好的，不仅更加的容易上手、而且功能也比较完善，维护成本相较大型的数据库更低，因此，技术相对容易实现。
(二)经济可行性分析
本系统开发简单但是同样的也是需要消耗一定的时间，所用的开发工具和软件都是开源的。并且，因为现在的社会形势比较好，所以这款网站的运营、管理所耗费的成本都不会很高。由此可见，这制度的发展是完全无须担心的。
(三)操作可行性分析
当今互联网社会，更多的人会操作电脑，硬件的成本会相对降低，这导致了购买的成本也会随着降低，此系统是利用计算机中的VSCode作为软件的开发平台，对于相对易操作并且简单的小或中型的数据库，目前业界比较流行的数据库开发、管理软件开发用到的工具MySQL和VSCode，这就是一种可行的解决方案。Vue.js作为目前主流的前端框架, 组件形态的生命周期机制和状态与属性的数据交互机制让应用开发变得更加灵活而又富有章法, 同以前的将H5和CSS以及JS糅杂在一起不一样,事件、行为、展现, 强行分离和抽象的状态。。
三、技术栈及开发工具简介
(一)Vue框架简介
“简单却不失优雅，小巧而不乏大匠”。当前最火的前端框架当属Vue.js了，很多使用过Vue的程序员这样评价它，“Vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点”。
Vue.js 是一个基于JavaScript的MVVM库，是一套构建用户界面的渐进式框架。它是以数据驱动和组件化的思想构建的，采用自底向上增量开发的设计。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js；同时比起 React + Redux 相对复杂的架构，Vue.js 更加轻量级也更加容易上手，是初创项目的首选前端框架。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。
(二)数据库MySQL
MySQL是一个关系型数据库管理系统，由瑞典 MySQL AB 公司开发，目前属于 Oracle 公司。MySQL数据库主要是用来存储网站中的数据的，网站运行所产生的数据也必须经过MySQL进行处理。在众多的数据处理软件中，MySQL的数据处理能力一直是遥遥领先的。是网站开发人员最喜欢使用的数据库之一。

原文链接：http://www.jxszl.com/jsj/jsjkxyjs/564419.html