1.系统介绍
随着互联网技术的快速普及与大众个性化消费需求的持续升级,传统相框行业线下定制流程繁琐、信息不对称、管理效率低下等问题日益凸显,难以满足用户便捷化、个性化、一站式的相框定制需求,同时中小相框企业缺乏数字化管理工具,运营与订单管理成本居高不下。本文旨在结合Java编程语言、Spring Boot后端框架、Vue前端框架与MySQL数据库,采用前后端分离架构设计并实现一套完整的相框定制系统,系统分为用户端与管理员端两大模块,用户端涵盖注册登录、系统首页、相框定制、购物车、订单管理等全流程服务功能,满足用户自主定制、报价查询等核心需求;管理员端实现用户管理、相框材质尺寸色卡纹理等基础信息管理、定制订单与记录管控、资讯发布、系统运维等全方位管理功能,打通用户定制与企业管理的全链路。系统通过优化交互流程、完善功能模块,实现相框定制业务的数字化、规范化运营,有效提升用户定制体验与企业管理效率,为传统相框行业的数字化转型提供可行的技术方案与实践参考。
2.系统需求分析
在软件开发与UML中,用例图扮演着核心角色,旨在阐述系统与外部实体间的交互模式,针对本系统,本文设定了管理员与用户两大角色并赋予它们测试预约等核心功能,为了直观展现这两类用户的功能权限,本文采用了用例图进行描述,以下便是针对管理员与用户所设计的用例图示,它们清晰地呈现了各自的功能范畴与交互细节。
根据需求调研,得到用户的系统用例如图所示。

管理员的系统用例如图所示。

3.系统结构功能
本系统采用前后端分离的架构模式进行结构设计,整体分为前端用户交互层、后端业务逻辑层、数据持久层三大核心层级,依托Spring Boot后端框架搭建业务处理核心,Vue框架构建前端交互界面,MySQL数据库完成数据存储与管理,层级间分工明确、协同运行,保障系统稳定高效运转。系统功能划分为用户端与管理员端两大模块,用户端聚焦终端用户个性化定制需求,涵盖注册登录、首页浏览、相框定制、图片处理、定制报价、购物车、订单管理、聊天记录、定制记录、个人中心、相框资讯等全流程功能,实现用户从浏览、定制到下单、售后的一站式操作;管理员端侧重后台运维与业务管控,包含登录验证、系统首页数据概览、用户管理、相框尺寸/材质/色卡/纹理基础参数管理、定制订单/记录/报价/图片处理全流程管理、相框资讯发布与维护、系统权限与配置管理等功能,实现对整个定制业务的全方位数字化管控,双端功能相互联动,形成完整的相框定制业务闭环,兼顾用户体验与管理效率。系统结构功能如图所示。

4.数据库设计
E-R图即实体-关系图,是数据库设计中用于描述现实世界概念结构模型的有力工具,它以直观图形的方式,清楚地展示实体、实体属性和实体之间的关系,为将实体当作一件有独立意义的东西来设计数据库的逻辑结构打下基础,属性用来描述实体特征,关系则体现实体间的联系,通过E-R图,设计师能精准梳理数据关系,避免数据冗余与不一致,确保数据库设计符合实际业务需求,为后续数据库开发与优化提供清晰指引,使用E-R图设计的好处在于其强大的可视化表达能力,它通过简单直观的图形符号,将复杂的数据结构和实体关系清晰呈现,无论是开发人员、数据库管理员,还是业务人员,都能快速理解系统的数据模型,实体用矩形表示,属性用椭圆表示,联系用菱形表示,这种图形化的表达方式降低了沟通成本,让团队成员在需求分析、设计评审阶段达成共识,有效避免因理解偏差导致的设计失误,提高项目开发效率和质量。系统总体E-R图如图所示。

**5.**系统功能实现
5.1用户注册登录


5.2相框定制

5.3定制报价

5.4购物车

5.5订单信息

5.6管理员登录

5.7用户管理

5.8相框定制管理

5.9定制记录管理



5.10定制报价管理
