摘要

为了提高安州地区特色产品的市场可见度和流通效率,传统线下销售模式由于地域限制、信息不畅通而发展受阻。设计并开发一个集产品展示、在线交易、管理于一体的电商平台,是打破地域壁垒、促进特产信息共享和价值转化的一种方式。

系统基于B/S架构,后端采用Spring Boot框架,前端运用Vue.js,数据库选用MySQL,并在IntelliJ IDEA集成开发环境中完成。平台主要服务对象为普通用户、商家用户和管理员这三类。普通用户可以浏览商品新闻资讯,在特产商城选购商品,完成订单查询和在线支付。商家用户有独立的商品管理、订单处理、配送跟踪模块,可以查看后台销售数据统计。管理员是对全局的监督,对用户和权限进行管理,对系统公告进行发布,对商品资源进行审核,对订单状态进行监控,对多维度后台数据进行统计分析。

平台运行稳定,特产信息集中展示、在线交易闭环管理实现,信息共享、交易效率提升明显,但是高并发场景下性能优化还需加强。

关键词:电商平台;Spring Boot;Vue;MySQL;特产销售

Abstract

To boost the market visibility and circulation efficiency of Anzhou's specialty products, the conventional offline sales model is constrained by geographical barriers and information asymmetry. Creating and deploying an e-commerce platform that incorporates product showcasing, online transactions, and management serves as an efficient method to overcome regional limitations and foster the exchange of specialty product information and value transformation.

The system is built on the B/S architecture, with the backend powered by the Spring Boot framework, the frontend developed using Vue.js, and MySQL serving as the database. All components were created within the IntelliJ IDEA integrated development environment. The platform mainly caters to three user groups: regular users, merchant users, and administrators. Ordinary users can browse product updates, buy items from the specialty store, and carry out order inquiries as well as online payments. Merchant users have access to independent modules for managing products, processing orders, and tracking deliveries, as well as backend sales statistics. Administrators are tasked with overseeing global operations, which include managing users and permissions, publishing system announcements, reviewing product resources, monitoring order statuses, and conducting multi-dimensional backend data analysis.

The platform runs smoothly, enabling the centralized presentation of specialty information and the closed-loop handling of online transactions. This effectively enhances the sharing of information and the efficiency of transactions. However, further improvement is needed for performance optimization in high-concurrency scenarios.

Key words: E-commerce platform; Spring Boot; Vue; MySQL; Specialty sales

目录

摘要

Abstract

1 绪论

1.1 研究背景与意义

1.2 国内外研究现状

1.3 主要研究内容

2 相关技术介绍

2.1 Spring Boot框架

2.2 Vue框架

2.3 MySQL数据库技术

2.4 MyBatis持久层框架

3 系统分析

3.1 功能需求分析

3.2 可行性分析

3.2.1 技术可行性

3.2.2 操作可行性

3.2.3 经济可行性

4 系统设计

4.1 系统架构设计

4.2 功能结构图

4.3 流程图

4.3.1 总体业务流程图

4.3.2 商品浏览与选购流程设计

4.3.3 订单生成与支付流程设计

4.3.4 商家订单处理流程设计

4.3.5 管理员数据统计流程设计

4.4 数据库设计

4.4.1 概念设计

4.4.2 E-R图设计

4.4.3 数据库表设计

5 系统实现

5.1 普通用户功能实现

5.1.1 商品新闻资讯功能实现

5.1.2 特产商城功能实现

5.1.3 订单查询功能实现

5.1.4 订单支付功能实现

5.2 管理员功能实现

5.2.1 后台数据统计功能实现

5.2.2 系统用户管理功能实现

5.2.3 系统管理功能实现

5.2.4 通知公告管理功能实现

5.2.5 资源管理功能实现

5.2.6 特产商城功能实现

5.2.7 分类列表功能实现

5.2.8 订单列表功能实现

5.2.9 订单配送功能实现

5.3 商家用户功能实现

5.3.1 后台数据统计功能实现

5.3.2 特产商城功能实现

5.3.3 分类列表功能实现

5.3.4 订单列表功能实现

5.3.5 订单配送功能实现

6 系统测试

6.1 测试目的

6.2 测试方法

6.3 测试内容

6.4 测试结论

7 总结

参考文献

致谢

1绪论

1.1研究背景与意义

安州地区特色产品的销售过去主要用手工记账和线下集市等方法进行。造成供求信息严重不对称、交易效率低,销售数据分散割裂难以整合[1]。伴随电子商务的普及,部分农户也开始利用社交软件或者简单的网页展示自己的产品,信息获取的速度得到一定程度的提高,互动方式也由线下转为线上。但是这些方式提供的体验还很零碎,内容更新滞后,用户之间缺少社交联系,有价值的市场反馈也无法沉淀下来,造成新的数据孤岛。现有的手段已经不能满足消费者对于产品溯源、即时互动、个性化推荐等深层次的需求了[2]。开发出专业的特产电商平台可以直接改善信息传播链,削减交易中的人为差错,让产地资源同市场需求达成即时的匹配共享。对规范安州特产线上销售流程、提高消费者参与质量、培育健康的产地品牌社群有实际意义,也为其他地域性农产品的数字化服务整合提供可以参照的范例。

1.2国内外研究现状

国内农产品电商领域发展迅速,模式也发生了很大变化。早期淘宝特色中国等平台主要起到信息门户的作用,以编辑推荐、产品陈列为主。随后垂直电商兴起,像沱沱工社这样的平台加强了社区互动以及用户评价系统。进入移动互联网时代之后,兴盛优选等社区团购平台把社交裂变和即时配送融合在一起,以位置为基础来提供场景化服务[3]。这体现出了从单纯的信息发布到形成强关系链,再到用数据驱动精准匹配的发展过程[4]。众多学者对供应链优化、用户体验、社群运营策略等做了研究[5]。就农产品上行的难题而言,研究也提出过用直播、内容营销等方式来提高产品的附加值和用户粘性[6]。总体来说,国内研究更多是从商业模式的创新、经验的总结等角度来对区域特产电商进行研究的[7]。

国外的研究有不一样的侧重点,欧美等地的农产品电商如Farmigo、HarvestMark更早地将CSA理念引入进来,注重生产端和消费端的直接联系和信任建立[8]。平台设计强调透明化,用区块链等技术实现了全链条溯源,满足消费者对食品安全和伦理生产的关注。学术研究深入分析了该模式可以加快供应链,增加农户利润,促进可持续农业的积极作用[9]。除此之外,像Amazon Fresh这样的大型综合平台依靠强大的物流和数据能力,创建了生鲜垂直频道,研究重点在于库存管理、冷链物流优化和个性化推荐算法[10]。与之相比,日本等地的农产品电商与地域品牌塑造结合在一起,采用精细化包装和故事化的营销来提高产品的竞争能力[11]。有关研究对文化因素在电商消费决策中的作用进行了分析[12]。成功的特产电商并不是单纯依靠技术就能达成的,而需要将市场消费心理、供应链特点、社会文化背景等各方面结合使用。

1.3主要研究内容

本课题主要研究安州特产B2C电商平台的设计与实现,主要针对普通用户、商家用户、系统管理员这三个角色的需求进行研究。研究内容有系统需求分析、基于前后端分离的总体架构设计、各个功能模块的详细设计、数据库建模、具体实现和测试。技术路线上,前端使用Vue.js框架,后端使用Spring Boot框架,数据存储使用MySQL。最终形成了特产商城、订单管理、多角色后台控制台等主要模块,主要解决传统特产销售存在的信息不透明、交易流程繁杂、管理效率低下的问题。

2相关技术介绍

2.1 Spring Boot框架

Spring Boot框架设计用来简化基于Spring的应用程序创建和部署的过程。它依靠Spring Framework的核心功能,但是使用约定优于配置的理念来减少大量的XML配置[13]。该框架自带嵌入式Web服务器,例如Tomcat或者Jetty,使得开发的Web应用程序可以以独立的JAR包形式直接运行。自动配置机制根据项目引入的依赖动态装配相应的Bean,开发者只需要提供必要的属性配置就可以完成数据库连接、安全控制、模板引擎等常用组件的集成。特产电商平台后端开发中的Spring Boot数据访问模块给特产商城、订单列表等功能提供统一数据库操作接口[14]。它提供的Spring MVC模块结构很清楚地规定了控制器、服务层和数据访问层之间职责的边界,控制器接收到前端发起的“订单支付”请求,服务层执行业务逻辑,最后由数据访问层完成持久化操作。

2.2 Vue框架

Vue.js是一个渐进式的JavaScript框架,用于创建用户界面。其核心库主要用声明式渲染、组件化系统做为基本的设计思想[15]。视图模板语法允许开发者把DOM和底层组件实例的数据进行声明式绑定,当数据发生改变的时候,视图可以自动高效地进行更新。组件系统把用户界面拆分为独立可复用的代码单元,每个组件管理自己的状态和模板。组合式API的引入给复杂组件逻辑组织和复用提供了一种基于函数的设计方式。在电商平台前端界面的创建过程中,Vue的单文件组件把模板、脚本、样式都封装在一起,有利于开发与维护商品新闻资讯、后台数据统计等独立的功能模块[16]。路由管理器Vue Router把不同的URL路径映射到对应的组件视图上,从而实现“商品新闻资讯”浏览与“订单查询”页面之间的无刷新跳转。状态管理工具Vuex提供了一个中心化的存储来管理所有的组件共享状态,比如当前登录用户信息或者全局购物车数据,从而保证“特产商城”页面和“订单支付”页面之间状态的一致性。

2.3 MySQL数据库技术

MySQL是一种开源的关系型数据库管理系统。它采用客户端/服务器模式,使用标准结构化查询语言对数据进行操作和管理。数据以表的形式组织,表之间通过外键关系建立联系,支持事务处理来保证数据操作的原子性、一致性、隔离性、持久性[17]。InnoDB存储引擎作为默认的选择,支持行级锁定和外键约束。数据库利用执行计划优化器解析并优化SQL查询语句,选择效率最高的数据访问路径。在特产电商平台的数据存储设计中,数据库表结构是以核心业务实体为依据来建立的。商品信息表记录了特产的各种属性,分类列表的管理功能依靠该表进行增、删、改、查。订单列表与订单配送状态追踪功能需要关联查询订单表、订单明细表、物流信息表,并对它们进行更新操作[18]。用户权限数据表是支撑“系统用户管理”模块的,定义了系统各种角色所拥有的访问权限。

2.4MyBatis持久层框架

MyBatis是一个半自动化的对象关系映射持久层框架。它将Java方法与SQL语句进行关联,允许开发者直接编写和优化SQL。相较于全自动ORM框架,MyBatis在SQL控制灵活性上更为突出。框架的核心配置文件定义了数据源、事务管理器以及映射文件的路径。映射文件通过<select>、<insert>、<update>、<delete>等标签将SQL语句与接口方法绑定。参数映射机制能够将Java对象属性自动填充到SQL的预编译参数中,结果集映射则将查询返回的数据库记录转换为Java对象或集合。在平台后端与MySQL数据库的交互过程中,MyBatis承担了数据持久化的具体任务[19]。开发者针对“后台数据统计”中的复杂聚合查询可以编写定制化的SQL语句,利用MyBatis的动态SQL功能根据条件动态拼接WHERE子句。对于“系统管理”中涉及的多表关联操作,结果集映射能够将查询结果装配成包含嵌套对象的复杂领域模型,便于业务逻辑层的进一步处理。

3系统分析

3.1功能需求分析

普通用户只能浏览平台发布商品的新闻资讯,无法获取特产信息和促销活动信息。用户可以在特产商城页面上搜索、筛选、查看各种特产商品的详细信息和图片,将自己感兴趣的商品加入到自己的购物车中。用户进入订单查询界面查看历史订单和当前订单状态。用户选定商品之后,进入支付流程完成订单支付,支付方式支持常见的线上支付渠道。平台记录用户浏览、购买行为供以后使用。普通用户角色用例图如图3-1所示。

商家用户可以拥有后台数据统计的功能,可以查看店铺销售概况和商品访问的数据。商家负责管理自己的特产商城,可以对商品信息进行上架、下架、价格调整等操作。商家维护分类列表,对店铺的商品进行分类管理。商家处理订单列表,确认顾客的订单并安排以后的发货流程。商家跟踪订单物流信息,更新到订单完成为止。商家用户角色用例图如图3-2所示。

管理员拥有系统最高管理权限,查看后台数据统计,掌握平台整体运营情况。管理员对系统用户进行管理,负责普通用户、商家用户的账号审核以及权限分配。管理员对系统进行管理,设置平台运行参数以及基础设置。管理员发布通知公告管理,向所有的用户传达重要的信息。管理员对商家上传的商品图片、商品描述内容进行审核。管理员拥有特产商城、分类列表、订单列表、订单配送的全局查看和干预能力。管理员角色用例图如图3-3所示。

3.2可行性分析

3.2.1技术可行性

系统整体使用B/S架构,前端和后端相分离,降低了开发耦合度。Spring Boot框架给Java应用提供了一种成熟的快速开发方案,内嵌的服务器简化了部署过程。MySQL数据库属于关系型数据存储组件,可以支撑平台初期数据存储和事务处理需求。开发者对Java Web开发以及数据库操作有基本的掌握,可以完成基本功能模块的编码。系统运行会受到访问量增加而带来的响应延迟的影响,使用数据库连接池和页面静态化技术可以缓解一部分压力。数据交互过程存在安全风险,使用HTTPS协议对用户敏感信息进行加密处理属于必要的防护手段。因此,系统从技术上来说是可行的。

3.2.2操作可行性

平台界面设计参照主流电商网站布局,商品浏览和购买流程符合用户日常网购习惯。用户从浏览特产到付款路径明确,操作步骤数量控制在合理的范围。系统上线后作为独立平台运行,不影响用户原有的信息获取途径和购物渠道。日常运营维护工作主要是商品信息更新、订单状态同步等常规工作,技术要求不高。后台管理功能模块划分清楚,管理员、商家用户经过简单培训后就可以掌握相应的管理操作。因此系统从操作上是可行的。

3.2.3经济可行性

项目开发成本主要是程序设计阶段的人力投入,开发周期有限制。系统运行依靠已有的计算机和网络设备,不需要购买高性能服务器。软件开发工具、系统框架、数据库全部使用开源免费的版本,大大降低了软件许可费用。平台上线之后可以为本地特产开辟新的销售窗口,潜在的经济效益来自于交易佣金或者服务费用。前期投入有限,可预见的运营收益也合理,二者之间存在合理的投入产出关系。因此系统在经济上是可行的。

4系统设计

4.1系统架构设计

安州特产电商平台采用模块化设计思想,把系统分成多个功能独立的模块。模块之间用定义清楚的接口进行数据交互,从而提高了代码的复用性以及可维护性。用户通过浏览器访问平台前端界面,前端页面使用Vue.js框架来创建,具备商品浏览、新闻资讯、购物车管理等交互功能。用户使用Axios库异步向后端服务器发送HTTP请求。后端使用Spring Boot框架搭建,用Controller层接收并解析请求参数。Service层封装了订单生成、库存扣减、支付状态更新等核心业务逻辑。数据持久化层用MyBatis框架与MySQL数据库交互来保存商品信息、用户数据、订单记录等主要业务实体。该架构使业务处理高效,也为以后功能的扩展留有接口。本地缓存机制被用来存储热点数据,高频访问的商品详情,从而减轻对数据库的直接访问压力,提高整个系统的响应速度。

4.2功能结构图

安州特产电商平台服务的用户角色有三类,每类用户角色有不同的功能模块。普通用户主要是前端的消费行为,其功能主要是商品浏览和购买流程。管理员对整个平台进行操作、后台管理,包括数据监控、内容管理以及系统设置等各方面。商家用户属于商品供应方,其功能主要是店铺内部管理以及订单处理。不同的角色在平台上的功能互相配合,一起构成了完整的电商业务流程。该系统功能结构如图4-2所示。

4.3流程图

4.3.1总体业务流程图

系统总体业务流程从用户访问平台开始。普通用户浏览商品或者资讯,选中商品加入购物车。用户提交订单并付款,系统产生待处理订单。商家用户登录后台查看新订单,确认后安排商品出库和配送。管理员对订单状态及平台数据进行同步并处理异常。订单配送完成后流程结束,用户可以进行评价。总业务流程如图4-3所示。

4.3.2商品浏览与选购流程设计

用户进入特产商城首页。系统中商品分类及列表被展示,用户点击商品查看详情。商品详情页包含有商品规格、商品价格以及库存等数据。用户选择购买数量、规格,然后点击加入购物车按钮。库存不足时提示用户。库存充足的话就把商品信息存进购物车,流程结束。商品浏览和选购流程如图4-4所示。

4.3.3订单生成与支付流程设计

用户进入购物车页面确认商品,填写或者选择收货地址,提交订单生成请求。计算订单总价,调用支付接口。用户点击支付按钮之后,就会跳转到支付页面并完成付款。系统接收支付成功回调之后,订单状态变为待发货。支付失败就引导用户重新支付或者取消订单。订单生成与支付流程图如图4-5所示。

4.3.4商家订单处理流程设计

商家登录后台进入订单管理模块。系统列出所有待处理订单,商家查看订单详情。商家检查库存并打包商品,在系统中操作发货。系统更新订单状态为已发货,同步物流单号。商家处理可能的退款申请,流程结束。商家订单处理流程如图4-6所示。

4.3.5管理员数据统计流程设计

管理员登录系统后台。管理员选择数据统计模块及统计维度。系统根据选择条件查询数据库。数据库返回原始业务数据。系统对数据进行聚合计算与图表渲染。管理员查看生成的统计报表,流程结束。管理员数据统计流程如图4-7所示。

4.4数据库设计

数据库设计是信息系统建设的重要环节,直接决定数据组织效率和应用性能。关系型模型用二维表结构来描述现实世界中的实体和联系,这样的组织形式符合人的直觉,易于理解[20]。规范化理论指导设计者消除数据依赖,通过分解表结构减少更新异常和存储冗余[21]。本电商平台中数据库需要持久化存储用户身份、商品详情、交易流水等关键业务实体。通过定义主键、外键约束、字段非空规则等来保证数据的引用完整性和业务规则,给应用程序提供稳定可靠的数据服务基础。

4.4.1概念设计

用户账户实体主要包括属性用户id、用户名、密码、手机号码等。实体属性图如图4-8所示。

收货地址实体主要包括属性收货地址id、姓名、手机、地址等。实体属性图如图4-9所示。

商品信息实体主要包括属性商品id、标题、封面图、卖价等。实体属性图如图4-10所示。

订单实体主要包括属性订单id、订单号、商品标题、价格等。实体属性图如图4-11所示。

物流配送实体主要包括属性物流配送id、订单号、配送订单、配送状态等。实体属性图如图4-12所示。

普通用户实体主要包括属性普通用户id、用户姓名、用户性别、审核状态等。实体属性图如图4-13所示。

商家用户实体主要包括属性商家用户id、店铺名称、店铺地址、审核状态等。实体属性图如图4-14所示。

文章实体主要包括属性文章id、标题、文章分类、正文等。实体属性图如图4-15所示。

购物车实体主要包括属性购物车id、标题、图片、单价等。实体属性图如图4-16所示。

评论实体主要包括属性评论id、评论人id、内容、昵称等。实体属性图如图4-17所示。

4.4.2E-R图设计

系统全局E-R图如图4-18所示。

4.4.3数据库表设计

用户账户表主要是用来存储系统所有用户的登录凭证与基本资料。主要包括用户id、用户名、密码、手机号码等字段。如表4-1所示。

表4-1 用户账户表

序号

字段名

类型

长度

是否非空

是否主键

备注

1

user_id

int

11

用户ID

2

username

varchar

16

用户名

3

password

varchar

64

密码

4

phone

varchar

11

手机号码

5

avatar

varchar

255

头像地址

6

create_time

timestamp

-

创建时间

收货地址表主要是用来记录用户的配送地址信息。主要包括收货地址id、姓名、手机、地址等字段。如表4-2所示。

表4-2 收货地址表

序号

字段名

类型

长度

是否非空

是否主键

备注

1

address_id

int

11

收货地址

2

name

varchar

32

姓名

3

phone

varchar

13

手机

4

address

varchar

255

地址

5

user_id

mediumint

-

用户ID

6

create_time

timestamp

-

创建时间

商品信息表主要是用来存储平台所有特产商品的详细信息。主要包括商品id、标题、封面图、卖价等字段。如表4-3所示。

表4-3 商品信息表

序号

字段名

类型

长度

是否非空

是否主键

备注

1

goods_id

mediumint

-

产品ID

2

title

varchar

125

标题

3

img

text

65535

封面图

4

price

double

-

卖价

5

inventory

int

11

商品库存

6

type

varchar

64

商品分类

7

create_time

timestamp

-

创建时间

订单表主要是用来记录用户购买商品生成的交易订单。主要包括订单id、订单号、商品标题、价格等字段。如表4-4所示。

表4-4 订单表

序号

字段名

类型

长度

是否非空

是否主键

备注

1

order_id

int

11

订单ID

2

order_number

varchar

64

订单号

3

title

varchar

255

商品标题

4

price

double

-

价格

5

num

int

11

数量

6

contact_name

varchar

32

联系人姓名

7

contact_address

varchar

255

收件地址

8

user_id

int

11

买家ID

9

merchant_id

mediumint

-

商家ID

10

state

varchar

16

订单状态

11

create_time

timestamp

-

创建时间

物流配送表主要是用来跟踪订单的物流发货与签收状态。主要包括物流配送id、订单号、配送订单、配送状态等字段。如表4-5所示。

表4-5 物流配送表

序号

字段名

类型

长度

是否非空

是否主键

备注

1

logistics_delivery_id

int

11

物流配送ID

2

order_number

varchar

64

订单号

3

delivery_number

varchar

30

配送订单

4

shipping_address

varchar

64

收货地址

5

delivery_status

varchar

64

配送状态

6

signing_status

varchar

64

签收状态

7

merchant_id

int

11

商家id

8

create_time

datetime

-

创建时间

普通用户表主要是用来扩展用户账户,存储普通消费者的详细信息。主要包括普通用户id、用户姓名、用户性别、审核状态等字段。如表4-6所示。

表4-6 普通用户表

序号

字段名

类型

长度

是否非空

是否主键

备注

1

regular_user_id

int

11

普通用户ID

2

user_name

varchar

64

用户姓名

3

user_gender

varchar

64

用户性别

4

examine_state

varchar

16

审核状态

5

user_id

int

11

用户ID

6

create_time

datetime

-

创建时间

商家用户表主要是用来扩展用户账户,存储商家的店铺信息。主要包括商家用户id、店铺名称、店铺地址、审核状态等字段。如表4-7所示。

表4-7 商家用户表

序号

字段名

类型

长度

是否非空

是否主键

备注

1

merchant_user_id

int

11

商家用户ID

2

store_name

varchar

64

店铺名称

3

store_address

varchar

64

店铺地址

4

examine_state

varchar

16

审核状态

5

user_id

int

11

用户ID

6

create_time

datetime

-

创建时间

文章表主要是用来发布和管理平台新闻资讯内容。主要包括文章id、标题、文章分类、正文等字段。如表4-8所示。

表4-8 文章表

序号

字段名

类型

长度

是否非空

是否主键

备注

1

article_id

mediumint

-

文章id

2

title

varchar

125

标题

3

type

varchar

64

文章分类

4

content

longtext

4294967295

正文

5

img

varchar

255

封面图

6

create_time

timestamp

-

创建时间

购物车表主要是用来临时存放用户准备购买的商品条目。主要包括购物车id、标题、图片、单价等字段。如表4-9所示。

表4-9 购物车表

序号

字段名

类型

长度

是否非空

是否主键

备注

1

cart_id

int

11

购物车ID

2

title

varchar

64

标题

3

img

varchar

255

图片

4

user_id

int

11

用户ID

5

price

double

-

单价

6

num

int

11

数量

7

goods_id

mediumint

-

商品id

8

create_time

timestamp

-

创建时间

评论表主要是用来记录用户对文章或商品的评价内容。主要包括评论id、评论人id、内容、昵称等字段。如表4-10所示。

表4-10 评论表

序号

字段名

类型

长度

是否非空

是否主键

备注

1

comment_id

int

11

评论ID

2

user_id

int

11

评论人ID

3

content

longtext

4294967295

内容

4

nickname

varchar

255

昵称

5

source_id

int

11

来源ID

6

create_time

timestamp

-

创建时间

5系统实现

5.1普通用户功能实现

5.1.1商品新闻资讯功能实现

用户访问新闻资讯模块可以获取平台发布出来的动态信息。此界面有标题、内容缩略图等元素,用户点具体的条目查看完整详情。资讯内容按照发布时间倒序排列,用户可以通过搜索框输入关键词来定位到特定的主题。有利于用户了解安州特产文化,页面简洁易于快速浏览。商品新闻资讯界面如图5-1所示。

图5-1 商品新闻资讯界面

5.1.2特产商城功能实现

特产商城集中展示平台所售卖的所有的商品。用户进入页面后看到商品图片、名称、价格等主要信息,点击商品卡片跳转到详情页。详情页有主图切换、规格选择,库存数量等详细的信息。用户在加入购物车之后会进行后续的购买决策,页面响应速度提高浏览效率。特产商城界面如图5-2所示。

图5-2 特产商城界面

5.1.3订单查询功能实现

订单查询模块给用户查看个人历史交易记录。系统按照时间顺序排列出订单商品、金额、状态信息,用户点击订单可以查看该订单所包含的所有商品明细。未支付的订单可以继续完成付款流程,已发货的订单会显示物流追踪入口。该功能给用户提供了交易全过程的透明视图。订单查询界面如图5-3所示。

图5-3 订单查询界面

5.1.4订单支付功能实现

用户提交订单之后系统引导到支付环节。界面展示订单总金额以及可以使用的支付方式,包括在线支付等主流支付方式。用户确认支付信息后选择具体方式,系统生成支付请求跳转到第三方支付网关。支付成功之后页面会显示支付结果并同步更新订单状态,流程闭环保证交易的完整性。订单支付界面如图5-4所示。

图5-4 订单支付界面

5.2管理员功能实现

5.2.1后台数据统计功能实现

管理员用后台数据统计模块了解平台整体运营状况。系统用图表的形式把商品销售金额、销售数量随时间的变化趋势直观地展示出来。数据可以按照商品分类进行筛选,统计周期可以自定义设置。这些数据给管理员的库存调整、营销策略的制定提供量化的依据,图表组件使数据更加容易被理解。后台数据统计界面如图5-5所示。

图5-5 后台数据统计界面

5.2.2系统用户管理功能实现

系统用户管理是管理员对平台用户进行管理的入口。管理员可以查看注册用户的账户状态,执行账户启用或者冻结的操作。用户基本信息,用户名、联系方式等都清楚地显示出来,管理员可以添加新的用户或者修改已经存在的用户角色权限。统一的用户视图简化了用户生命周期管理的过程。系统用户管理界面如图5-6所示。

图5-6 系统用户管理界面

5.2.3系统管理功能实现

系统管理模块主要是对平台前端展示元素进行配置。管理员在这里管理首页轮播图内容,可以上传图片、设置标题、设置链接地址。轮播图列表有预览、编辑、删除的功能,修改后的内容会实时生效在用户端首页。它直接影响平台的形象以及活动的推广效果。系统管理界面如图5-7所示。

图5-7 系统管理界面

5.2.4通知公告管理功能实现

通知公告管理模块可以管理员发布给全体用户重要信息。管理员可以创建标题、正文内容的公告,设置发布时间、状态。已发布的公告在用户端某处连续显示,管理员可以随时修改或者下架过期的公告。该功能保证了平台同用户之间信息传递的及时、准确。通知公告管理界面如图5-8所示。

图5-8 通知公告管理界面

5.2.5资源管理功能实现

资源管理界面由新闻资讯、资讯分类两个子模块组成。管理员在新闻资讯板块上撰写并发布平台相关动态文章,文章可以图文混排。资讯分类板块可以管理员创建和维护文章的分类标签,有利于内容的组织以及用户的选择。两个模块相互配合,形成平台的内容发布系统。资源管理界面如图5-9所示。

图5-9 资源管理界面

5.2.6特产商城功能实现

管理员在后台特产商城模块对全平台商品进行统一管理。界面用表格的形式列出所有的商品名称、价格、库存、上架状态。管理员可以添加新的商品,编辑已有商品的信息或者改变商品的上下架状态。该模块为平台商品供应链管理的总控台,保证商品数据的统一。特产商城界面如图5-10所示。

图5-10 特产商城界面

5.2.7分类列表功能实现

分类列表模块是用来定义和管理商品分类的。管理员在此处创建商品分类,为分类设置名称和图标等属性。分类支持层级结构组织,形成商品导航树。统一的分类标准有利于前台用户按照类别浏览商品,也提高了后台商品管理的规范性。分类列表界面如图5-11所示。

图5-11 分类列表界面

5.2.8订单列表功能实现

订单列表给管理员提供平台所有交易订单的全局视图。系统以时间先后为顺序展示每一笔订单的订单号、商品、买家、金额和状态详细信息。管理员可点击订单来查看它的全部内容,并依照订单状态完成发货或者退款等后续的处理操作。本模块属于平台交易履约过程中的一个重要监控点。订单列表界面如图5-12所示。

图5-12 订单列表界面

5.2.9订单配送功能实现

订单配送模块用来管理、跟踪订单的物流情况。界面集中显示待配送和配送中的订单,管理员给订单分配配送单号并更新物流状态。配送完成后管理员可以记录签收信息,配送过程中的节点变化及时反馈给用户。实现了从出库到交货的整个流程可视化跟踪。订单配送界面如图5-13所示。

图5-13 订单配送界面

5.3 商家用户功能实现

5.3.1后台数据统计功能实现

商家用户登录后台后可以访问数据统计模块,查看本店铺的销售业绩。系统用折线图、柱状图等形式来展示店铺在某一时间段内销售金额、数量的变化。统计数据主要针对商家自身经营的商品进行分析,可以为商家提供销售趋势分析以及补货计划的制定提供数据支持。后台数据统计界面如图5-14所示。

图5-14 后台数据统计界面

5.3.2特产商城功能实现

商家用户在后台特产商城模块中管理自己所拥有的商品。只允许商家添加新商品、编辑现有商品详情、修改价格和库存,控制商品的上下架。商家要保证商品的描述正确和图片质量,这个模块是商家经营其线上店铺的主要工作场所。特产商城界面如图5-15所示。

图5-15 特产商城界面

5.3.3分类列表功能实现

商家在分类列表模块中查看、管理适合自身商品的分类。商家从平台已有的商品分类体系中选择,把它们关联到自己的商品上,便于组织。界面上清楚地显示各个分类的名称和层级关系,商家据此给商品设置正确的分类归属,提高了店铺内商品的浏览逻辑。分类列表界面如图5-16所示。

图5-16 分类列表界面

5.3.4订单列表功能实现

订单列表模块仅向商家展示属于其店铺的订单记录。商家查看订单的详细信息,包括购买商品、数量、收货地址及订单状态。对于处于待发货状态的订单,商家在此处确认订单准备商品出库。该模块是商家处理客户购买请求、启动履约流程的关键入口。订单列表界面如图5-17所示。

图5-17 订单列表界面

5.3.5订单配送功能实现

商家用户在订单配送模块中处理本店的物流发货事宜。商家给已经出库的订单填写配送单号,选择配送方式并更新配送状态。在用户端同步显示物流追踪信息。该功能可以使得商家对订单进行物理上的交付。订单配送界面如图5-18所示。

图5-18 订单配送界面

6系统测试

6.1测试目的

测试的主要目的就是通过系统测试和验证,使软件或者系统满足设计需求和功能要求,可以稳定、安全地运行。即测试的目的在于找出并纠正潜在的缺陷和问题,提高系统的质量与性能,减少系统在实际使用中出现错误的可能性。用单元测试、集成测试、功能测试、性能测试等不同的测试方法来测试软件在不同的环境下的兼容性、可用性[22]。测试可以保证系统安全,防止数据泄露、系统崩溃等风险。全面测试提高用户体验流畅性、客户满意度,减少开发后期维护成本。测试过程属于软件开发的重要环节,也是保证软件产品质量、满足用户需求的过程。

6.2测试方法

测试方法是保证软件或者系统质量的重要手段,根据测试目标和需求的不同,选择不同的测试策略。常见的测试方法有黑盒测试、白盒测试、灰盒测试、回归测试、性能测试等。

黑盒测试只关注软件的功能表现,不关心它的内部结构。测试人员输入数据,查看输出结果,检验软件是否达到要求,可以用于功能测试和接口测试。白盒测试主要针对系统内部结构进行检验,测试者根据代码的熟悉程度对代码的逻辑、控制流、数据流等进行检查,保证代码的每一条路径、每一个语句都被覆盖到,找到逻辑错误或者性能瓶颈。灰盒测试是黑盒测试和白盒测试的结合,测试人员对系统内部结构有一定的了解,但是同时又关注系统的功能、安全性和集成性。

回归测试就是软件修改或者更新之后,重新测试已经完成的功能,新版本没有引入新的缺陷或者问题。性能测试主要是检验系统在不同的负载、压力下所表现出的性能,查看响应时间、并发处理能力等性能指标。

采用这些测试方法可以对软件的功能、性能、稳定性进行评价和改善,最终交付的系统满足用户需求,软件质量得以提高。

6.3测试内容

对特产商城模块做测试,验证用户浏览商品、获取商品详细信息是否正确,检验商品分类筛选功能的使用性,并检查前端展示和后端数据的一致性。特产商城测试如表6-1所示。

表6-1 特产商城测试用例表

测试功能

测试步骤

预期结果

实际结果

商品列表展示

访问商城首页

商品列表正确加载,显示图片、名称、价格

符合预期

商品详情查看

点击列表中某一商品

跳转至详情页,展示商品所有属性

符合预期

分类筛选功能

选择页面上的商品分类

列表内容更新,仅显示所选分类商品

符合预期

系统对订单支付模块进行测试,重点检验支付流程是否完整、安全,保证系统可以正确处理支付请求并给出支付结果,保证交易数据最后一致性。订单支付测试如表6-2所示。

表6-2 订单支付测试用例表

测试功能

测试步骤

预期结果

实际结果

支付页面跳转

从订单确认页进入支付

显示待支付订单金额及支付方式选项

符合预期

支付方式选择

选择一种支付方式并提交

系统引导用户完成相应平台的支付流程

符合预期

支付结果处理

完成第三方支付后返回

系统更新订单状态为已支付,显示支付成功信息

符合预期

对后台数据统计模块进行测试,检验不同时间段、不同维度的销售数据是否可以准确地聚合并以图表的形式呈现出来,保证统计数据的准确性和可视化效果的正确性。后台数据统计测试如表6-3所示。

表6-3 后台数据统计测试用例表

测试功能

测试步骤

预期结果

实际结果

销售数据查询

选择时间范围后查询

页面显示该时间段内的销售金额与数量统计

符合预期

图表渲染显示

页面加载统计模块

折线图、柱状图等图表正确生成并展示

符合预期

数据分类统计

按商品分类筛选统计

图表数据更新,仅反映所选分类的销售情况

符合预期

系统对系统用户管理模块进行测试,检验管理员对平台用户账户信息的增、删、改、查等操作能否顺利进行,用户权限和状态的修改是否生效,用户列表的分页显示是否正常。系统用户管理测试如表6-4所示。

表6-4 系统用户管理测试用例表

测试功能

测试步骤

预期结果

实际结果

用户信息查询

进入用户管理列表页

系统显示所有注册用户的基本信息列表

符合预期

用户状态修改

对某用户执行禁用操作

该用户账户状态更新,无法登录系统

符合预期

用户信息编辑

修改某一用户的联系方式

数据库中该用户信息被正确更新

符合预期

系统对通知公告管理模块进行测试,检验公告的创建、发布、编辑及删除等生命周期管理功能,验证前台用户端能否及时接收到已发布的公告信息。通知公告管理测试如表6-5所示。

表6-5 通知公告管理测试用例表

测试功能

测试步骤

预期结果

实际结果

公告内容发布

创建一则新公告并发布

公告内容在前台用户端指定区域成功显示

符合预期

公告状态管理

将已发布公告设为下线

前台用户端不再显示该条公告内容

符合预期

公告内容编辑

修改公告的标题和正文

修改后的内容在前台实时更新

符合预期

系统对订单列表模块进行测试,验证订单的全生命周期状态流转是否准确无误,包括订单的生成、发货、配送直至完成的各个环节,确保前后台订单状态同步一致。订单列表测试如表6-6所示。

表6-6 订单列表测试用例表

测试功能

测试步骤

预期结果

实际结果

订单状态查询

按不同状态筛选订单

列表准确显示对应状态下的所有订单

符合预期

订单详情查看

点击订单列表中的某一行

弹出或跳转页面显示该订单的完整详细信息

符合预期

订单发货操作

对“待发货”订单执行发货

订单状态更新为“已发货”,并记录发货时间

符合预期

系统测试订单配送模块,主要是检验订单发货后物流信息管理是否正确、完整地实现了配送单号录入、配送状态更新、最终签收确认等环节。订单配送测试如表6-7所示。

表6-7 订单配送测试用例表

测试功能

测试步骤

预期结果

实际结果

配送信息录入

为已发货订单填写物流单号

该订单关联正确的配送信息

符合预期

配送状态更新

将配送状态从“配送中”改为“已完成”

订单及前台用户的物流追踪状态同步变更

符合预期

签收状态确认

确认订单已送达并签收

订单流程完结,状态标记为“已签收”

符合预期

6.4测试结论

本次功能测试涉及7个主要业务模块,实际结果均达到预期。特产商城的商品展示、筛选和详情功能正常。订单支付流程完整,订单状态更新准确。后台数据统计模块的数据聚合和图表展示正确。系统用户管理模块对于用户信息的各种操作均能正确执行。通知公告管理模块实现了公告的发布、编辑、下线全流程,信息同步准确。订单列表模块状态查询、详情查看、发货操作逻辑正确。订单配送模块物流信息录入、状态更新、签收确认流程顺畅。所有的测试模块都完成了设计中规定的功能,业务逻辑、数据流转均满足设计需求。

7总结

安州特产电商平台为地方特色商品创建了线上销售平台,试图破解传统销售模式信息不通、交易不便利的难题。系统实现了商品展示、在线下单、订单管理的基本电商功能闭环,普通用户、商家、管理员三类角色能够协作工作,完成预期设计目标。

系统开发严格按照软件工程的流程依次进行需求分析、架构设计、编码实现和功能测试。采用B/S分层架构,前端用Vue.js,后端用Spring Boot,数据库用MySQL,保证系统的可维护性。核心功能模块有用户管理、特产商城、订单处理、数据统计,全部实现并且稳定运行。系统很好地支撑了线上特产交易的主要业务流程。

但是系统还存在一些不足,支付功能为模拟流程,没有对接真实的支付网关。订单配送环节智能化欠缺,靠人工来操作。后台数据分析功能比较简单,没有进行深入的挖掘。系统性能没有进行高并发场景的压力测试。

未来的改进将会把集成第三方支付接口、引入智能物流系统、深化数据挖掘分析能力作为重点。同时需要进行系统的性能优化和压力测试,保证系统的稳定可靠。本平台给地方特产的数字化转型提供可行方案,有进一步拓展和完善的条件。

参考文献

  1.  Bai YK. 基于用户标签的电商平台智能推荐系统设计与实现[D]. 西安, 西安石油大学, 2025.
  2.  Ji RG. 基于大数据Spark技术的电商推荐系统算法研究与设计[D]. 长春, 吉林大学, 2024.
  3.  Xu YK. 基于增益模型的电商智能营销系统的设计与实现[D]. 北京, 北京交通大学, 2024.
  4.  Wang ZH. 面向电商平台的推荐系统多样化技术研究与实现[D]. 北京, 北京邮电大学, 2024.
  5.  Lu YD. 基于微服务的B2C电商系统的设计与实现[D]. 北京, 北京邮电大学, 2024.
  6.  Song S. 基于微服务架构的高并发电商系统设计与实现[D]. 天津, 天津科技大学, 2022.
  7.  Zhu YL. 某电商系统中购物子系统的设计与实现[D]. 北京, 北京邮电大学, 2022.
  8.  Zijiao S, Jun T. Research on Coordination of the E-Commerce Platform Supply Chain Considering Tripartite AI Investments[J]. Journal of Theoretical and Applied Electronic Commerce Research, 2025, 20(4): 269-269.
  9.  Dang M, Yang S. Design Method for Travel E-commerce Platform Based on HHO improved K-means Clustering Algorithm[J]. EAI Endorsed Transactions on Scalable Information Systems, 2024, 11(5): 1-8.
  10.  Kong T. Big Data-Driven Cross-Border E-commerce Platform Operation Strategy Based on Data Mining[J]. Applied Mathematics and Nonlinear Sciences, 2024, 9(1): 1-8.
  11.  Yao X, Ma X, Guo S. Research on user personalised product recommendation method of e-commerce platform based on rough set[J]. International Journal of Reasoning-based Intelligent Systems, 2024, 16(5): 408-416.
  12.  Niu Y. The impact of social media on consumer purchase intention on e-commerce platforms[J]. International Journal of Networking and Virtual Organisations, 2023, 29(3): 370-385.
  13. 陈蓓蕾,洪年松. 基于SpringBoot的数据库接口设计[J]. 信息与电脑,2023,35(16):181-183. 
  14. 王志亮,纪松波. 基于SpringBoot的Web前端与数据库的接口设计[J]. 工业控制计算机,2023,36(3):51-53. 
  15. 八度云计算(安徽)有限公司. 一种基于Vue框架的UI组件库构建方法:CN202311590956.7[P]. 2024-03-29.
  16. 李晓薇. vue.js前端应用技术分析[J]. 网络安全技术与应用,2022(4):44-45. 
  17. 庞敏. MySQL数据库的数据安全应用设计技术研究[J]. 数字通信世界,2024(9):25-27. 
  18. 柳青,程晨. MYSQL数据库技术应用一体化课程开发研究[J]. 造纸装备及材料,2024,53(5):251-253. 
  19. 陈倩怡,何军.Vue+Springboot+MyBatis技术应用解析[J].电脑编程技巧与维护,2020,(01):14-15+28.
  20. 何金龙. 电子信息工程计算机数据库应用[C]//2024智慧施工与规划设计学术交流会论文集. 2024:1-3.
  21. 张晓蕾,王斌,郭锡泉. "互联网"背景下数据库应用技术课程思政教学设计与实践[J]. 现代商贸工业,2024(23):251-253. 
  22. 罗超,彭玉涛. 计算机软件测试方法的研究分析[J]. 长江信息通信,2023,36(2):83-85. 

致谢

时光飞逝,毕业在即,学业与论文工作即将告一段落,心中满怀感激。

首先,向我的校内指导老师致以诚挚的感谢。老师治学严谨,在论文选题、结构设计及修改定稿等环节上,都对我的论文进行了精心的指导和宝贵的意见。同时要感谢为我提供实践指导的校外导师,分享给我们的经验使我的设计更贴切实际、开阔了我的眼界。

毕业设计的过程就是对大学所学知识进行梳理、综合的过程。从开题时思路不清到逐步解决技术难题、完善系统功能,这段经历使我深刻体会到了理论联系实际的重要性,也收获了解决问题带来的成长与满足。

感谢学院给予的优良学习环境,感谢各位老师及辅导员四年来的认真教导。感谢同窗好友、实验室同学日常的交流、鼓励,使我的求学之路更加充实、温暖。

最后,深深感谢我的家人。你们无私的支持与理解,始终是我前行的最大动力。

未来,我将铭记教诲,继续努力,以所学服务社会,不负期待。

免费领取项目源码,请关注❥点赞收藏并私信博主,谢谢~

Logo

电商企业物流数字化转型必备!快递鸟 API 接口,72 小时快速完成物流系统集成。全流程实战1V1指导,营造开放的API技术生态圈。

更多推荐