基于vue的鲜花售卖管理系统的设计与实现-毕业设计源码24276

vx_danpianji889

于 2024-09-13 14:44:34 发布

阅读量449

点赞数 9

文章标签： vue.js 前端 html css javascript vscode vue

本文链接：https://blog.csdn.net/vx1_Biye_Design/article/details/142210593

版权

摘要

近年来，随着移动互联网的快速发展，电子商务越来越受到网民们的欢迎，电子商务对国家经济的发展也起着越来越重要的作用。简单的流程、便捷可靠的搜索方式、安全的信息保护都使得电子商务越来越赢得网民们的青睐。

本文主要通过对鲜花售卖管理系统进行了功能性需求分析，对系统的安全性和可扩展性进行了非功能性需求分析。在详细的需求分析的基础上，根据系统的功能设计确定了数据库结构，实现完整的代码编写。鲜花售卖管理系统完成了主要模块的页面设计和功能实现。本文展示了首页页面的实现效果图，并通过代码和页面介绍了用户注册功能、鲜花展示功能、鲜花加购功能以及花语普及的实现过程。

关键词：Java；Springboot框架；鲜花售卖管理系统

Abstract

In recent years, with the rapid development of mobile Internet, e-commerce has become more and more popular among netizens, and e-commerce plays an increasingly important role in the development of national economy. Simple processes, convenient and reliable search methods, and secure information protection have all made e-commerce increasingly popular among netizens.

This article mainly conducts functional requirement analysis on the flower sales management system, and non functional requirement analysis on the system's security and scalability. On the basis of detailed requirement analysis, the database structure was determined based on the system's functional design, and complete code writing was achieved. The flower sales management system has completed the page design and functional implementation of the main modules. This article presents the implementation effect diagram of the homepage, and introduces the implementation process of user registration function, flower display function, flower purchase function, and flower language popularization through code and page introduction.

Key words:Java；Springboot framework; Flower Sales Management System

绪论

研究意义与应用价值

近年来，随着计算机技术的快速发展和互联网时代的到来，使Internet技术持续迅猛的发展，也给传统的交易方式提出了新的模式。首先，按以往，人们只能通过花店或电话来预定鲜花，去花店即浪费时间又繁琐，电话订购虽然方便，但是不能获得鲜花的具体信息，而且还要受时间和空间的限制。鲜花售卖管理系统可以很好的解决这个问题，拉近了消费者与商家间的距离。与传统的销售交易方式相比，通过线上购买鲜花可以让消费者在任何地方都可以轻松的购买到自己中意的鲜花。对于商家来说，可以将更多的鲜花信息放在网络上，可以让更多的消费者来任意选购，同时还可以节约大量的人力和物力。

发展趋势

线上鲜花订购,已经成为了如今鲜花销售的一种重要形式。在欧美很多国家，线上鲜花订购已经成为传统花店的一个巨大对手。2007年美国鲜花博览会上，一些销售严重受到线上鲜花订购影响的传统鲜花销售商表示，面对技术的挑战，传统花店的日子很不好过,他们担心在线鲜花销售某天会取代传统花店。而据《日经周报》报道，日本传统花店的数量在近6年内减少了18%，大型连锁花店及线上花店的发展正在将日本的传统花店挤出市场。在中国大地上，最受欢迎的线上商品之一是鲜花礼品，56%的线上购物者选择线上订购鲜花礼品，中国线上订购鲜花的比例是全球最高的国家之一。

检索方便,无需在乱花丛中一束一束的找，是线上花店的第一大优势。不过，更重要的是价格，比实体花店低出20%-40%的价格是线上花店吸引消费者的最大优势所在。此外，线上花店品种越来越齐全也让消费者对其依赖度日益增加。

研究内容

鲜花售卖管理系统的开发及实现，所需要的工作内容：

（1）首先是确定选题，确定好所要做的系统，并对系统的背景及现在面临的一些问题等进行系统的初步确认。

（2）系统确认完成后，结合系统开发的需求进行确认系统开发所使用的技术，鲜花售卖管理系统的开发使用Springboot框架，数据库进行平台的搭建开发，确认好使用的技术进行技术分析，所使用的技术是否可以完成系统的实现。

（3）确定好系统使用的技术，进行在线确认系统所划分的用户角色，并且根据用户角色划分确定所要设计的功能模块。

（4）系统的功能模块确认完成后进行程序及界面的设计，设计完成后，并且通过测试来判断程序是否完善，对于系统测试，需要不同的用户进行不同的内容编辑及提交，及使用不同的测试方式找出程序中存在的漏洞，并对程序出现的漏洞问题进行在线解决处理，如果测试系统没有任何问题时，可以将系统上传进行正式操作使用

本文的结构

本文具体内容包括：绪论、系统采用的关键技术、系统分析、系统设计、系统实现和系统测试。本文着重描述了系统的组成与结构，阐述了系统的设计方案、实现方法以及所采用的开发工具和相关技术，另外，重点剖析了部分环节的开发过程。本系统在一定的环境下对系统的重要模块进行了模拟测试，证实了系统的可用性、可靠性

开发工具及相关技术介绍

Java开发语言

Java是一种面向对象的程序设计语言，类是Java程序的基本组成单元，类中又包含了属性和方法，在类中又可以创建无数个对象。类中包含的主要成员是字段和方法，字段是指一种数据变量，方法是指对字段进行操作的集合，包括给其他变量赋值、调用方法等[1]。

Springboot框架

Spring框架是Java平台上的一种开源应用框架，提供具有控制反转特性的容器。尽管Spring框架自身对编程模型没有限制，但其在Java应用中的频繁使用让它备受青睐，以至于后来让它作为EJB（EnterpriseJavaBeans）模型的补充，甚至是替补。Spring框架为开发提供了一系列的解决方案，比如利用控制反转的核心特性，并通过依赖注入实现控制反转来实现管理对象生命周期容器化，利用面向切面编程进行声明式的事务管理，整合多种持久化技术管理数据访问，提供大量优秀的Web框架方便开发等等。Spring框架具有控制反转（IOC）特性，IOC旨在方便项目维护和测试，它提供了一种通过Java的反射机制对Java对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期，容器可以通过扫描XML文件或类上特定Java注解来配置对象，开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有面向切面编程（AOP）框架，SpringAOP框架基于代理模式，同时运行时可配置；AOP框架主要针对模块之间的交叉关注点进行模块化。Spring框架的AOP框架仅提供基本的AOP特性，虽无法与AspectJ框架相比，但通过与AspectJ的集成，也可以满足基本需求。Spring框架下的事务管理、远程访问等功能均可以通过使用SpringAOP技术实现。Spring的事务管理框架为Java平台带来了一种抽象机制，使本地和全局事务以及嵌套事务能够与保存点一起工作，并且几乎可以在Java平台的任何环境中工作。

Mysql数据库

Mysql数据库逻辑结构包含表空间(tablespace)、段(segment)、范围(extend)、数据块(datablock)、和模式对象(schemaobject) [9]。每一个数据库都可以逻辑划分为一个或多个表空间，每一个表空间都是由一个或多个数据文件来组成。Mysql数据库分为系统表空间和非系统表空间，每一个Mysql数据库都包含一个称作SYSTEM的系统表空间。

Mysql的语言是非结构化的，用户可以在数据上进行工作。MySQL因为其速度、可靠性和适应性而备受关注。大多数人都认为在不需要事务化处理的情况下，MySQL是管理内容最好的选择。并且因为Mysql的语言和结构比较简单，但是功能和存储信息量很强大，所以得到了普遍的应用。

Mysql数据库在编程过程中的作用是很广泛的，为用户进行数据查询带来了方便。Mysql数据库的应用因其灵活性强，功能强大，所以在实现某功能时只需要一小段代码，而不像其他程序需要编写大段代码。总体来说，Mysql数据库的语言相对要简洁很多。

数据流程分析主要就是数据存储的储藏室，它是在计算机上进行的，而不是现实中的储藏室。数据的存放是按固定格式，而不是无序的，其定义就是：长期有固定格式，可以共享的存储在计算机存储器上。数据库管理主要是数据存储、修改和增加以及数据表的建立。为了保证系统数据的正常运行，一些有能力的处理者可以进行管理而不需要专业的人来处理。数据表的建立，可以对数据表中的数据进行调整，数据的重新组合及重新构造，保证数据的安全性。介于数据库的功能强大等特点，本系统的开发主要应用了Mysql进行对数据的管理。

B/S结构

B/S（Browser/Server）比前身架构更为省事的架构。它借助Web server完成数据的传递交流。只需要下载浏览器作为客户端，那么工作就达到“瘦身”效果，不需要考虑不停装软件的问题。

Vue.js 主要功能

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能驱动复杂的单页应用。

系统分析

可行性分析

本系统将在经济、技术、操作这三个角度上进行可行性分析。

经济可行性

整个系统从设计到开发以及测试过程严谨步骤齐全，所有工作任务全部由本人完成，并未获取外部技术支持，节约了一切服务成本开销以及人工成本，在硬件方面，为节约成本使用一台电脑作为项目部署服务器以及数据库服务器，成本在一万元一下，真个网络部署也是由本人独立完成不涉及到其他人工费用，整个开发过程本着低成本，低消耗的原则。

技术可行性

技术可行性分析的目的是确认该系统能否利用现有技术实现，并评估开发效率和完成情况。技术的可行性是指在当前的技术条件下，计算机软件和硬件的开发是否能够满足发展的要求。因为该系统的开发基于Java语言，所以开发该系统所需的软件和硬件条件可以在普通计算机上满足。因为它占用的内存相对较少，所以用Mysql数据库开发和设计软件理论上没有问题，因为它占用的内存太少。上述技术可以有效地保证系统的成功和高效开发。

操作可行性

鲜花售卖管理系统的使用界面简单易于操作，采用常见的界面窗口来登录界面，通过电脑进行访问操作，用户只要平时使用过电脑都能进行访问操作。此系统的开发采用Java技术开发，人性化和完善化是B/S结构开发比较显要的特点使得用户操作相比较其他更加简洁方便。易操作、易管理、交互性好在本系统操作上体现得淋漓尽致。

功能性需求分析

系统功能需求：

（1）用户模块：主要包括用户的注册和登陆、用户个人信息管理等功能。

（2）鲜花展示模块：主要包括鲜花信息浏览、鲜花信息展示、鲜花搜索等功能。

（3）鲜花加购模块：主要包括添加购买链接上进行某种鲜花的加购功能。

（4）鲜花搜索模块：可以随意在网上搜索自己感兴趣的鲜花。

用户用例图如下所示。

图1 用户用例图

管理员用例图如下所示。

图2 管理员用例图

鲜花添加用例描述如下表所示。

表1鲜花添加用例描述

用例名称	添加新鲜花
参与者	管理员
用例概述	本用例用于管理员进行添加新鲜花操作
前置条件	管理员添加新鲜花前必须登录系统
后置条件	系统中添加一个新鲜花
基本事件流	参与者动作	系统响应
	管理员在后台主界面选择“新鲜花”。 4、管理员填写新鲜花信息，点击“添加”按钮。	2、系统打开添加新鲜花界面。 3、系统检查管理员输入的鲜花信息是正确有效的。 5、系统将鲜花添加到数据库中。 6、系统提示“操作成功”。 7、系统跳转到鲜花管理界面。
其他事件流	1、系统验证管理员输入的鲜花名为空，则提示“请填写鲜花名称！”。 2、系统验证管理员输入的价格不是数字格式，则提示“价格必须是数字格式！”

鲜花删除用例描述如下表所示。

表2鲜花删除用例描述

用例名称	删除鲜花
参与者	管理员
用例概述	本用例用于管理员进行删除鲜花操作
前置条件	管理员删除鲜花前必须登录系统
后置条件	系统中删除一个鲜花
基本事件流	参与者动作	系统响应
	1、管理员在后台主界面选择“鲜花管理”。 4、管理员选择一个鲜花，点击“删除”按钮。 6、管理员点击“确定”按钮。	2、系统从数据库中获取鲜花信息列表 3、系统打开鲜花列表界面。 5、系统提示“你确定要删除吗？”。 7、系统将鲜花从数据库中删除。 8、系统提示“删除成功”。 9、系统跳转到鲜花管理界面。
其他事件流	无

用户编辑用例描述如下表所示。

表3用户编辑用例描述

用例名称	修改用户
参与者	管理员
用例概述	本用例用于管理员进行修改用户信息操作
前置条件	管理员已经登录系统
后置条件	系统中更新一条用户记录
基本事件流	参与者动作	系统响应
	1、管理员在后台主界面选择“用户管理”。 4、管理员在用户列表中选择一个用户，点击“编辑”按钮。 6、管理员填写用户信息，点击“保存修改”按钮。	2、系统从数据库中获取用户信息。 3、系统打开用户列表界面。 5、系统打开修改用户信息界面。 7、系统将更改后的添加到数据库中。 8、系统提示“操作成功”。 9、系统跳转到用户管理界面。
其他事件流	无

鲜花加购用例描述如下表所示。

表4鲜花加购用例描述

用例名称	鲜花加购
参与者	用户
用例概述	本用例用于用户进行对鲜花加购操作
前置条件	用户已经登录系统
后置条件	系统中增加一条用户加购记录
基本事件流	参与者动作	系统响应
	1、用户在前台首页选择任意一个鲜花分类。 4、管理员在用户列表中选择一个鲜花。 7、用户填写加购订单，点击“加购”按钮。	2、系统从数据库中获取鲜花列表信息。 3、系统打开鲜花列表界面。 5、系统从数据库中获取鲜花信息。 6、系统打开鲜花信息及加购界面。 8、系统检查用户输入的信息是正确有效的。 9、系统将加购记录添加到数据库中。
其他事件流	1、系统验证用户输入的字段为空，则提示“*加购数量不能为空！”。

非功能性需求分析

随着用户量的增加，系统可能会需要同时服务上千、上万个页面，服务器需要同时响应大量用户的操作，这就要求系统需要有良好的可扩展性，否则系统会出现延迟，卡顿甚至服务器崩溃的问题。高扩展性可以使软件保持旺盛的生命力，同时也能够使系统更好的适应用户增加、提高性能需求、增加应用功能等改变。

系统中保存了大量用户个人信息，因此，保证系统服务器和数据安全是在开发过程中需要考虑的重要问题。安全性包括服务器安全、操作系统安全、数据库安全、程序代码安全以及用户个人信息和支付安全等，系统可以通过采用防火墙技术、加密技术、认证技术等来增强其安全性，只有一个健壮安全的系统才能具有长久的生命力。

业务流程分析

鲜花售卖管理系统的中，用户模块和鲜花模块进行数据交互，实现鲜花查询以及加购的功能。主要包括用户注册登录、鲜花展示模块、鲜花商城模块。

系统设计

功能模块设计

通过软件的需求分析已经获得了系统的基本功能需求。根据各大功能模块的不同，将系统分为各种功能大块。系统功能结构如下图所示。

图4系统功能结构图

游客(未进行注册或登陆的用户)可以浏览、搜索鲜花，但不能进行收藏和加购。用户注册首先需要进行表单验证，来验证账号和密码是否合法，然后验证账号是否已经存在，验证通过即可注册。

注册成功后，用户可以通过输入用户名来登录系统，输入密码后进行验证。登录成功后，用户可以使用首页浏览，鲜花信息查看、鲜花加购、花语诠释等功能。

个人信息管理

用户登录系统后，在账户设置中，可以修改昵称、头像、登陆密码等个人基本信息。

鲜花搜索

系统首页展示了鲜花搜索输入框，用户在输入框内输入与鲜花类型相关的关键字，系统通过模糊查询搜索到用户需要的鲜花并展示。

鲜花信息

用户在浏览鲜花时，点击某一个鲜花，跳转到该鲜花的信息展示页。在鲜花信息页面展示了鲜花的详情信息，比如鲜花名称，鲜花详情等，用户通过浏览信息了解鲜花的具体信息，最终决定是否加购。

鲜花加购

在鲜花信息页面，用户可以通过点击“加购”按钮，显示加购成功。

鲜花添加

添加鲜花首先需要输入鲜花基本信息，如鲜花名称、鲜花图片等。管理员可以进行增删改查。每一种鲜花都拥有花语诠释，用户可以点击某款鲜花进行花语了解以及查看。

数据库设计

1.数据库表设计

数据库表是设计和实现系统的一个重要基础。以下列出了鲜花售卖管理系统几个重要的数据库表。

表cart (购物车)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	cart_id	int	10	0	N	Y		购物车ID：
2	title	varchar	64	0	Y	N		标题：
3	img	varchar	255	0	N	N	0	图片：
4	user_id	int	10	0	N	N	0	用户ID：
5	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
6	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
7	state	int	10	0	N	N	0	状态：使用中，已失效
8	price	double	9	2	N	N	0.00	单价：
9	price_ago	double	9	2	N	N	0.00	原价：
10	price_count	double	11	2	N	N	0.00	总价：
11	num	int	10	0	N	N	1	数量：
12	goods_id	mediumint	8	0	N	N		商品id：[0,8388607]
13	type	varchar	64	0	N	N	未分类	商品分类：
14	description	varchar	255	0	Y	N		描述：[0,255]用于产品规格描述

表flower_mall (鲜花商城)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	flower_mall_id	int	10	0	N	Y		鲜花商城ID
2	flower_date	date	10	0	Y	N		鲜花日期
3	hits	int	10	0	N	N	0	点击数
4	praise_len	int	10	0	N	N	0	点赞数
5	cart_title	varchar	125	0	Y	N		标题：[0,125]用于产品html的标签中
6	cart_img	text	65535	0	Y	N		封面图：用于显示于产品列表页
7	cart_description	varchar	255	0	Y	N		描述：[0,255]用于产品规格描述
8	cart_price_ago	double	8	2	N	N	0.00	原价：[1]
9	cart_price	double	8	2	N	N	0.00	卖价：[1]
10	cart_inventory	int	10	0	N	N	0	商品库存
11	cart_type	varchar	64	0	N	N	未分类	商品分类：
12	cart_content	longtext	2147483647	0	Y	N		正文：产品的主体内容
13	cart_img_1	text	65535	0	Y	N		主图1：
14	cart_img_2	text	65535	0	Y	N		主图2：
15	cart_img_3	text	65535	0	Y	N		主图3：
16	cart_img_4	text	65535	0	Y	N		主图4：
17	cart_img_5	text	65535	0	Y	N		主图5：
18	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
19	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表goods (商品信息)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	goods_id	mediumint	8	0	N	Y		产品id：[0,8388607]
2	title	varchar	125	0	Y	N		标题：[0,125]用于产品和html的<title>标签中
3	img	text	65535	0	Y	N		封面图：用于显示于产品列表页
4	description	varchar	255	0	Y	N		描述：[0,255]用于产品规格描述
5	price_ago	double	8	2	N	N	0.00	原价：[1]
6	price	double	8	2	N	N	0.00	卖价：[1]
7	sales	int	10	0	N	N	0	销量：[0,1000000000]
8	inventory	int	10	0	N	N	0	商品库存
9	type	varchar	64	0	N	N		商品分类：
10	hits	int	10	0	N	N	0	点击量：[0,1000000000]访问这篇产品的人次
11	content	longtext	2147483647	0	Y	N		正文：产品的主体内容
12	img_1	text	65535	0	Y	N		主图1：
13	img_2	text	65535	0	Y	N		主图2：
14	img_3	text	65535	0	Y	N		主图3：
15	img_4	text	65535	0	Y	N		主图4：
16	img_5	text	65535	0	Y	N		主图5：
17	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
18	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
19	customize_field	text	65535	0	Y	N		自定义字段
20	source_table	varchar	255	0	Y	N		来源表：
21	source_field	varchar	255	0	Y	N		来源字段：
22	source_id	int	10	0	N	N	0	来源ID：
23	user_id	int	10	0	Y	N	0	添加人

表goods_type (商品类型)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	type_id	int	10	0	N	Y		商品分类ID：
2	father_id	smallint	5	0	N	N	0	上级分类ID：[0,32767]
3	name	varchar	255	0	Y	N		商品名称：
4	desc	varchar	255	0	Y	N		描述：
5	icon	varchar	255	0	Y	N		图标：
6	source_table	varchar	255	0	Y	N		来源表：
7	source_field	varchar	255	0	Y	N		来源字段：
8	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表inventory_information (库存信息)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	inventory_information_id	int	10	0	N	Y		库存信息ID
2	flower_name	varchar	64	0	Y	N		鲜花名称
3	flower_number	varchar	64	0	Y	N		鲜花编号
4	flower_prices	int	10	0	Y	N	0	鲜花价格
5	number_of_flowers	int	10	0	Y	N	0	鲜花数量
6	flower_description	text	65535	0	Y	N		鲜花描述
7	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表logistics_delivery (物流配送)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	logistics_delivery_id	int	10	0	N	Y		物流配送ID
2	order_number	varchar	64	0	Y	N		订单号
3	product_name	varchar	64	0	Y	N		商品名称
4	purchase_quantity	varchar	64	0	Y	N		购买数量
5	total_transaction_amount	double	11	2	Y	N	0.00	交易总额
6	the_date_of_issuance	date	10	0	Y	N		发货日期
7	delivery_number	varchar	30	0	Y	N		配送订单
8	ordinary_users	int	10	0	Y	N	0	普通用户
9	shipping_address	varchar	64	0	Y	N		收货地址
10	delivery_status	varchar	64	0	Y	N		配送状态
11	signing_status	varchar	64	0	Y	N		签收状态
12	recommend	int	10	0	N	N	0	智能推荐
13	contact_name	varchar	255	0	Y	N		联系人名字
14	merchant_id	int	10	0	Y	N		商家id
15	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
16	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表order (订单)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	order_id	int	10	0	N	Y		订单ID：
2	order_number	varchar	64	0	Y	N		订单号：
3	goods_id	mediumint	8	0	N	N		商品id：[0,8388607]
4	title	varchar	32	0	Y	N		商品标题：
5	img	varchar	255	0	Y	N		商品图片：
6	price	double	10	2	N	N	0.00	价格：
7	price_ago	double	10	2	N	N	0.00	原价：
8	num	int	10	0	N	N	1	数量：
9	price_count	double	8	2	N	N	0.00	总价：
10	norms	varchar	255	0	Y	N		规格：
11	type	varchar	64	0	N	N	未分类	商品分类：
12	contact_name	varchar	32	0	Y	N		联系人姓名：
13	contact_email	varchar	125	0	Y	N		联系人邮箱：
14	contact_phone	varchar	11	0	Y	N		联系人手机：
15	contact_address	varchar	255	0	Y	N		收件地址：
16	postal_code	varchar	9	0	Y	N		邮政编码：
17	user_id	int	10	0	N	N	0	买家ID：
18	merchant_id	mediumint	8	0	N	N	0	商家ID：
19	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
20	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
21	description	varchar	255	0	Y	N		描述：[0,255]用于产品规格描述
22	state	varchar	16	0	N	N	待付款	订单状态：待付款，待发货，待签收，已签收，待退款，已退款，已拒绝，已完成
23	remark	text	65535	0	Y	N		订单备注
24	delivery_state	varchar	16	0	Y	N	未配送	发货状态：未配送，已配送
25	vip_discount	double	11	2	Y	N	0.00	折扣

表outbound_information (出库信息)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	outbound_information_id	int	10	0	N	Y		出库信息ID
2	flower_name	varchar	64	0	Y	N		鲜花名称
3	flower_number	varchar	64	0	Y	N		鲜花编号
4	flower_prices	int	10	0	Y	N	0	鲜花价格
5	outbound_quantity	int	10	0	Y	N	0	出库数量
6	outbound_time	date	10	0	Y	N		出库时间
7	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

系统实现

用户登录的实现

用户注册完成后，点击“登陆”进入到登陆页面，输入用户名和密码，点击“登陆”按钮，对用户名和密码进行验证，根据传入的用户名和密码在数据库中是否能查询到一条用户信息，若不能返回用户信息则登陆失败，页面提示用户名或密码错误。

登陆拦截管理器，在config文件夹下的WebAppConfig.java文件，代码如下：

@Configuration

@Slf4j

public class WebAppConfig implements WebMvcConfigurer {

@Override

public void addInterceptors(InterceptorRegistry registry) {

//登录拦截的管理器

InterceptorRegistration registration = registry.addInterceptor(loginInterceptor());

//拦截的地址

registration.addPathPatterns("/**");

//方行的地址

//registration.excludePathPatterns("/**");

//根据需要拦截，一般设置所有地址拦截，放行公共连接

}

@Bean

public LoginInterceptor loginInterceptor(){

return new LoginInterceptor();

}

登录界面如下图所示。

图5-1登录界面

用户登录的关键代码如下。

/**

* 登录

* @param data

* @param httpServletRequest

* @return

@PostMapping("login")

public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {

log.info("[执行登录接口]");

String username = data.get("username");

String email = data.get("email");

String phone = data.get("phone");

String password = data.get("password");

List resultList = null;

Map<String, String> map = new HashMap<>();

if(username != null && "".equals(username) == false){

map.put("username", username);

resultList = service.select(map, new HashMap<>()).getResultList();

}

else if(email != null && "".equals(email) == false){

map.put("email", email);

resultList = service.select(map, new HashMap<>()).getResultList();

}

else if(phone != null && "".equals(phone) == false){

map.put("phone", phone);

resultList = service.select(map, new HashMap<>()).getResultList();

}else{

return error(30000, "账号或密码不能为空");

}

if (resultList == null || password == null) {

return error(30000, "账号或密码不能为空");

}

//判断是否有这个用户

if (resultList.size()<=0){

return error(30000,"用户不存在");

}

User byUsername = (User) resultList.get(0);

系统主要功能实现

首页的实现

用户界面要尽量简洁大方，使用户能够方便找到需要的功能入口，浏览鲜花、花簇，且要易于修改和维护，同时还要保证用户合法和系统安全。

首页界面如下图所示。

图5-2首页界面

系统首页的关键代码如下：

@PostMapping("/set")

@Transactional

public Map<String, Object> set(HttpServletRequest request) throws IOException {

service.update(service.readQuery(request), service.readConfig(request), service.readBody(request.getReader()));

return success(1);

}

public Map<String,String> readConfig(HttpServletRequest request){

Map<String,String> map = new HashMap<>();

map.put(FindConfig.PAGE,request.getParameter(FindConfig.PAGE));

map.put(FindConfig.SIZE,request.getParameter(FindConfig.SIZE));

map.put(FindConfig.LIKE,request.getParameter(FindConfig.LIKE));

map.put(FindConfig.ORDER_BY,request.getParameter(FindConfig.ORDER_BY));

map.put(FindConfig.FIELD,request.getParameter(FindConfig.FIELD));

map.put(FindConfig.GROUP_BY,request.getParameter(FindConfig.GROUP_BY));

map.put(FindConfig.MAX_,request.getParameter(FindConfig.MAX_));

map.put(FindConfig.MIN_,request.getParameter(FindConfig.MIN_));

return map;

}

public Map<String,String> readQuery(HttpServletRequest request){

String queryString = request.getQueryString();

if (queryString != null && !"".equals(queryString)) {

String[] querys = queryString.split("&");

Map<String, String> map = new HashMap<>();

for (String query : querys) {

String[] q = query.split("=");

map.put(q[0], q[1]);

}

map.remove(FindConfig.PAGE);

map.remove(FindConfig.SIZE);

map.remove(FindConfig.LIKE);

map.remove(FindConfig.ORDER_BY);

map.remove(FindConfig.FIELD);

map.remove(FindConfig.GROUP_BY);

map.remove(FindConfig.MAX_);

map.remove(FindConfig.MIN_);

return map;

}else {

return new HashMap<>();

}

@Transactional

public void update(Map<String,String> query,Map<String,String> config,Map<String,Object> body){

StringBuffer sql = new StringBuffer("UPDATE ").append("`").append(table).append("`").append(" SET ");

for (Map.Entry<String,Object> entry:body.entrySet()){

Object value = entry.getValue();

if (value instanceof String){

sql.append("`"+humpToLine(entry.getKey())+"`").append("=").append("'").append(value).append("'").append(",");

}else {

sql.append("`"+humpToLine(entry.getKey())+"`").append("=").append(value).append(",");

}

sql.deleteCharAt(sql.length()-1);

sql.append(toWhereSql(query,"0".equals(config.get(FindConfig.LIKE))));

log.info("[{}] - 更新操作：{}",table,sql);

Query query1 = runCountSql(sql.toString());

query1.executeUpdate();

}

public String toWhereSql(Map<String,String> query, Boolean like) {

if (query.size() > 0) {

try {

StringBuilder sql = new StringBuilder(" WHERE ");

for (Map.Entry<String, String> entry : query.entrySet()) {

if (entry.getKey().contains(FindConfig.MIN_)) {

String min = humpToLine(entry.getKey()).replace("_min", "");

sql.append("`"+min+"`").append(" >= '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("' and ");

continue;

}

if (entry.getKey().contains(FindConfig.MAX_)) {

String max = humpToLine(entry.getKey()).replace("_max", "");

sql.append("`"+max+"`").append(" <= '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("' and ");

continue;

}

if (like == true) {

sql.append("`"+humpToLine(entry.getKey())+"`").append(" LIKE '%").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("%'").append(" and ");

} else {

sql.append("`"+humpToLine(entry.getKey())+"`").append(" = '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("'").append(" and ");

}

sql.delete(sql.length() - 4, sql.length());

sql.append(" ");

return sql.toString();

} catch (UnsupportedEncodingException e) {

log.info("拼接sql 失败：{}", e.getMessage());

}

return "";

}

用户注册的实现

用户进入系统首页后，点击“注册”链接进入到注册页面，按照页面提示输入用户名密码和手机号，页面进行表单验证，验证输入的用户名和账号是否合法，表单验证通过后，点击“立即注册”按钮，利用 Ajax 技术，对用户名和账号实现页面无刷新验证，检测数据库中是否已经存在该用户名，若数据库中不存在，则注册成功，注册成功后，自动跳转到登录页面。

用户注册界面如下所示。

图5-3用户注册界面

用户注册的关键代码如下：

/**

* 注册

* @param user

* @return

@PostMapping("register")

public Map<String, Object> signUp(@RequestBody User user) {

// 查询用户

Map<String, String> query = new HashMap<>();

query.put("username",user.getUsername());

List list = service.select(query, new HashMap<>()).getResultList();

if (list.size()>0){

return error(30000, "用户已存在");

}

user.setUserId(null);

user.setPassword(service.encryption(user.getPassword()));

service.save(user);

return success(1);

}

鲜花商城的实现

鲜花商城页面，如下图所示。

图5-4鲜花商城页面

鲜花商城的关键代码如下。

@PostMapping("/add")

@Transactional

public Map<String, Object> add(HttpServletRequest request) throws IOException {

service.insert(service.readBody(request.getReader()));

return success(1);

}

@Transactional

public Map<String, Object> addMap(Map<String,Object> map){

service.insert(map);

return success(1);

}

鲜花加购的实现

用户在浏览鲜花时，对于心仪的想要购买的鲜花，可以将该鲜花进行加购点击。点击“欢迎加购”按钮，页面将该鲜花的数据传递到后台，首先查询数据库加购表中是否已经存在该鲜花，系统通过读取 session获取到用户 ID，将用户 ID 传递到后台。

鲜花加购界面如下图所示。

图5-6鲜花加购界面

鲜花加购的关键代码:

@RequestMapping("/get_list")

public Map<String, Object> getList(HttpServletRequest request) {

Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));

return success(map);

}

系统测试

系统可靠性测试

以进入系统首页的访问速度为例展示系统的性能测试；系统的主要用户群体是购物理念较为先进的消费者，系统要在3秒钟内响应；需要完成页面的菜单栏、首页界面及鲜花商城、鲜花加购以及各功能模块入口等元素的显示。

系统功能性测试

功能性测试是指执行指定的工作流程，通过对一个系统的所有特性和功能都进行测试确保符合需求和规范。

系统功能性测试表如下表所示。

表11系统功能性测试表

编号	测试功能	测试内容	测试结果
1	用户登录	1．验证用户名与密码的正确性。 2．验证密码是否可见。	通过
2	首页展示	1．首页数据是否成功加载。 2．验证搜索功能的准确性。 3．验证是否可以异步加载。 4．验证导航栏按钮。	通过
3	个人信息修改	1．验证登录名是否可以正常更改。 2．验证联系方式是否可以更改。 3．验证收货地址可以正常修改。 4．验证密码是否可以修改。	通过
4	鲜花加购管理	1．加购是否可以生成。 2．验证加购信息是否准确。	通过
5	鲜花商城	1．鲜花信息是否与上传一致。 2．是否能完成信息修改。	通过
7	添加鲜花	1．上传鲜花是否添加验证。 2．图片是否成功上传。 3．验证表单是否提交成功。	通过
8	用户信息	1．验证用户录入功能。 2．验证用户违规清理功能。	通过

系统合格性测试

集成测试后，所有的模块已经全部连接完毕，形成了一个完整的系统。合格性测试是在集成测试完毕后，进一步对系统进行综合性的检测。经过合格性测试，可以检查出系统是否符合系统的设计，能够完成需求的所有功能。本系统经过最后的测试，所有模块功能都能按预定要求工作。

测试结果

在实际测试中，经过一系列系统性的测试，使我们能够及时发现一些系统在设计中出现的疏忽和漏洞。经过严密的测试，不仅发现了模块内部的错误，也查找到模块连接后产生的错误。经过测试，对系统产生错误的地方进行优化、修改和完善，使得系统能够实现最初设计的基本功能。

总结与展望

本文针对鲜花售卖管理系统的特点和用户需求，利用Java、VUE和MVVM 模式等技术，通过详细的需求分析、页面设计和功能设计，最终实现了一个基于Vue的鲜花售卖管理系统。

系统实现了包括用户注册登录、鲜花商城模块、鲜花加购模块功能的系统。另外，系统还进行了数据安全设计模块设计，并添加了用户的访问控制，建立了一个完整、健壮、安全稳定的鲜花售卖管理系统。

由于时间限制和本人能力条件有限，还存在一些不足，今后也会出现许多新的开发技术，未来还可以对程序做出如下改进：

（1）优化程序页面，使页面更加美观且方便操作；

（2）优化鲜花搜索功能，提供多条件选择查询搜索；

（3）进一步提高使用程序的安全性，使其更加健壮；

（4）优化数据和代码，提升软件效率，方便维护和扩展。

参考文献

[1]杨文豪. 基于微服务的网上商城系统的设计与实现[D].北京邮电大学,2021.

[2]程红琳. 网上商城品目扩容效果几何[N]. 中国政府采购报,2021-05-18(005).

[3]魏钢毅. 从“一品目一采购”到供应商承诺入驻[N]. 中国政府采购报,2021-05-11(005).

[4][4]王娟.基于Android系统的手机网上商城设计与实现[J].电子技术与软件工程,2021(03):43-44.

[5]裴来芝,宁云智,刘东海.基于ASP.NET的网上商城中用户注册功能模块设计与实现[J].电脑编程技巧与维护,2020(10):44-46.

[6][6]袁江琛.Ajax+jQuery在网上商城购物车模块中的设计与实现[J].电脑编程技巧与维护,2020(10):34-35+68.

[7]王柯梦,王瑞平.基于B2C网上商城前台系统数据库设计与实现[J].广西质量监督导报,2020(09):70-71.

[8]黄舒珣. 基于文本挖掘的迪卡侬网上商城顾客满意度影响因素研究[D].广西民族大学,2020.

[9]孙建英.分布式、集中式、区块链技术在网上商城中的应用[J].商场现代化,2020(01):13-15.

[10]李贝贝. 考虑策略型消费者的网上商城动态定价研究[D].大连大学,2019.

[11]王一凡. 基于MOT的云南移动网上商城O2O手机营销策略优化研究[D].云南大学,2019.

[12]袁嘉. 零售商多渠道供应链的定价决策与渠道选择[D].重庆交通大学,2019.

[13]徐光耀. 基于Dubbo分布式架构网上商城的研究与实现[D].沈阳师范大学,2019.

致谢

时间过的很快，不知不觉，大学的学习生活即将结束。毕业之际，我真诚地向帮助过我的老师、家人、同学、朋友们表达感谢。首先要感谢的是我的母校。感谢母校给了我美好的生活和优越的学习环境，使我能学到了很多知识，也不断的变得优秀；感谢家人在这四年期间一直给与我的爱和无条件的支持，让我没有后顾之忧地完成学业；感谢软件学院的任课老师们给我鼓励和认可，让我有信心去做好每一件事情；感谢同学们的帮助，让我的大学生活更有意义。在此次毕业设计的实现过程中，我得到了老师们的耐心指导让我顺利完成了该设计。从最初的选题和开题开始，老师就给予我很多帮助，他们认真负责的态度、丰富的教学经验让我学到了很多。

同时也要感谢我敬爱的班主任和实训课程的老师，他们在各个方面都教给了我丰富的经验，在面对各种困难时如何处理。因为今年的特殊性，老师们不仅在学习中给我以精心的指导，同时还在其它方面给予我观关怀，指导老师不辞辛苦的为大家录制视频和一遍遍讲解让我心怀感激之情。在此，我真诚的感恩、感谢我的指导教师们。

还要感谢实习期间不厌其烦教导我鼓励我的技术师傅，他指导了我各个方面的技巧，尤其是编程方面，迄今我的很多技巧和编写规范都有赖于他的指导、纠正。

最后还要特别感谢身边的各位同学们，一直支持鼓励我，无论何时何种境况。我很荣幸获得同学们的帮助，也很开心能够和大家共度大学四年的时光。

最后的最后，再次发自肺腑的感谢所有帮助过我的人。