【万字文档+源码】基于Web开发的手机商城管理系统
当下线上数码手机消费需求持续增长,传统线下手机门店销售模式存在信息不透明、商品展示受限、订单管理繁琐、商家与消费者缺少线上沟通渠道等痛点。为打通线上手机销售全流程,本文采用SSM(Spring+SpringMVC+MyBatis)后端框架、Vue前端、MySQL数据库开发手机商城管理系统,采用B/S架构,划分管理员、商家、普通用户三类操作角色,系统分为前台用户商城页面、后台管理系统(管理员后台+商家后台)两大业务板块。
系统完整实现用户注册登录、商家入驻审核、手机商品上架售卖、多条件商品检索、购物车、下单支付、订单全流程管理、交流论坛、通知公告、个人资料维护、商品分类品牌管控等核心电商业务,配套图片上传、富文本编辑、复合搜索、分页、角色权限拦截、订单状态流转等通用功能。本系统整合商家入驻、手机线上售卖、用户购物、社区交流一体化服务,规范化线上数码商城运营流程,为手机商家、消费者、平台运营方提供数字化管理工具,具备较高商业实用价值。
第一章 引言
1.1 项目研究背景
智能手机是大众刚需数码产品,线上手机购物市场规模逐年扩大,但市面上小型手机商家普遍缺少低成本、轻量化专属线上商城系统,现存线下销售模式存在诸多短板:
商品展示渠道单一:线下门店仅能摆放少量样机,新款、库存手机无法完整展示,消费者无法随时随地浏览手机参数、实拍图;
商家入驻无标准化流程:零散手机经销商无统一线上入驻通道,平台无法统一审核商家资质、营业执照,易出现无证商家售卖翻新机、劣质手机;
购物流程割裂:线下选购、线上支付、订单记录、售后跟踪无统一线上载体,人工登记订单效率低,易丢失交易数据;
缺少用户交流社区:消费者无法线上交流手机使用体验、机型测评,商家难以直达用户进行产品宣传;
平台管控缺失:无统一后台管控手机品牌、机型分类、商家、订单、用户,无法实时监控商城商品合规性;
角色权限混乱:平台管理员、入驻商家、普通消费者操作边界模糊,商家可篡改全平台数据,存在数据安全风险。
基于以上行业痛点,开发一套基于SSM框架的手机商城管理系统,搭建前台线上购物商城、分权限后台管理平台,实现商家入驻审核、手机商品发布、用户线上选购、订单跟踪、论坛交流、公告推送全业务闭环,规范化线上手机零售运营,降低中小数码商家线上开店成本,满足消费者线上购机需求。
1.2 项目研究意义
1.2.1 平台管理员(商城运营方)
全平台数据总管控:统一管理注册用户、入驻商家、手机品牌、手机分类、热卖手机商品、论坛帖子、通知公告、全平台订单;
商家资质审核:商家提交入驻申请后,管理员审核营业执照、商家信息,驳回资质不全商家,保障商城商品合规;
商品内容监管:下架虚假宣传、劣质手机商品,统一维护手机品牌、机型分类数据;
社区内容管控:审核论坛用户发帖,删除违规测评、虚假广告帖子,维护商城交流环境;
订单数据统计:查看平台全部交易订单,统计手机销量、商家营收,为商城运营提供数据支撑;
系统权限管控:区分管理员、商家、普通用户操作权限,限制商家越权操作其他店铺商品、订单。
1.2.2 入驻商家(手机经销商)
线上店铺自主运营:注册入驻账号,提交资质等待管理员审核,审核通过后自主上架、编辑、下架自家热卖手机;
商品信息自主维护:上传手机实拍图、填写机型参数、售价、库存,使用富文本编辑手机详细介绍;
订单处理:查看本店所有用户下单订单,跟进订单发货、售后状态;
公告、论坛互动:发布店铺活动公告,在论坛回复用户机型咨询,提升商品曝光;
个人店铺信息管理:修改商家联系方式、店铺地址、营业执照、店铺介绍。
1.2.3 普通消费者(购机用户)
线上浏览手机商品:前台首页查看热卖手机推荐,按手机名称、机型分类多维度检索,查看商品实拍、参数、售价;
完整线上购物流程:选中心仪手机加入购物车,确认收货地址、提交订单、完成支付;
社区交流互动:进入交流论坛发布手机使用测评、提问机型选购问题,浏览其他用户分享内容;
商城公告查看:浏览平台、商家发布的优惠活动、新品上架通知;
个人账号管理:注册账号、修改个人头像、姓名、联系方式,查看个人全部历史订单、收货地址。
1.2.4 行业与社会意义
本系统为中小手机数码商家提供零成本线上开店渠道,省去线下门店高额租金;为消费者提供足不出户的线上购机渠道,机型选择丰富、价格透明;通过管理员商家资质审核机制,减少翻新机、劣质手机线上流通;搭建机型交流社区,帮助新手用户科学选购手机;整套系统基于免费开源SSM技术栈开发,轻量化易部署,适合小型数码商城、校园手机门店使用,推动数码零售行业数字化转型。
1.3 系统开发软硬件环境与技术栈
1.3.1 核心开发技术栈
后端核心框架(SSM)
编程语言:Java 8
三层框架:Spring(依赖注入、事务管理)+ SpringMVC(请求分发、视图控制)+ MyBatis(数据库持久层)
构建工具:Maven 3.6,统一管理项目依赖包
安全机制:拦截器Interceptor实现登录校验、角色权限拦截
工具类:文件上传工具、分页工具、MD5密码加密、富文本解析工具
前端技术
基础技术:HTML5 + CSS3 + JavaScript
前端框架:Vue2 + ElementUI(后台管理页面)
页面组件:图片上传预览、富文本编辑器、多条件搜索栏、分页组件、购物车结算组件
数据库:MySQL 8.0,字符集utf8mb4,兼容中文、图片路径、特殊符号
服务器容器:Tomcat 8.5
架构模式:标准B/S浏览器/服务器架构,前后端分离交互
1.3.2 开发与运行环境
开发工具:IntelliJ IDEA、VS Code、Navicat数据库可视化工具、Chrome浏览器
操作系统:Windows10/11(本地开发调试)、Linux CentOS7(线上服务器部署)
运行依赖:JDK1.8、MySQL8.0、Maven3.6
1.4 系统开发目标
实现三类角色严格权限隔离:平台管理员、入驻商家、普通用户,菜单访问、接口操作、数据查看权限分层管控;
拆分两大独立业务端:前台用户购物商城、后台管理系统(管理员全权限后台、商家专属后台);
搭建完整电商业务闭环:商家注册入驻→管理员审核→商家上架手机→用户浏览检索→加入购物车→提交订单支付→商家处理订单;
配套社区运营模块:交流论坛发帖回复、平台/商家通知公告推送;
封装通用后台组件:多条件模糊查询、分页、批量删除、图片上传、富文本编辑器、表单非空校验;
页面布局简洁统一,操作逻辑通俗易懂,兼容Chrome、Edge、360等主流PC浏览器;
数据持久化存储,订单、商品、用户数据稳定不丢失,支持千级数据流畅加载。
第二章 系统可行性分析
2.1 技术可行性
本系统基于高校主流教学SSM框架开发,配套开发文档、开源商城案例资源丰富,MyBatis简化数据库CRUD操作,ElementUI快速搭建标准化后台管理页面。图片上传、登录拦截、多条件检索、分页、富文本编辑器等功能均有成熟解决方案,开发、调试、部署技术门槛低,在校学生、开发人员均可独立完成,技术层面完全可行。
2.2 经济可行性
项目全部开发框架、数据库、开发工具均为免费开源软件,无任何版权授权费用;本地开发无需服务器成本,线上部署可选用低价学生云服务器;系统上线后替代线下纸质订单登记、人工客户接待,大幅降低手机门店人力运营成本,长期使用具备显著经济效益,经济可行性达标。
2.3 操作可行性
前台用户商城页面:商城式顶部导航栏,轮播大图+热卖手机卡片展示,检索、加购、下单按钮直观,普通消费者无需培训即可自主完成注册、购物、发帖操作;
后台管理页面:标准左侧菜单栏+右侧表单/列表布局,统一新增、修改、删除、查询按钮,表单标注*必填项,操作完成弹窗提示成功/失败,管理员、商家均可快速上手;
所有输入框添加占位提示,图片上传、富文本编辑、收货地址填写功能引导清晰,人机交互友好,操作门槛极低。
2.4 法律可行性
本系统仅用于课程设计、毕业设计演示,无真实第三方支付接口,仅模拟支付流程;所有手机、商家图片素材仅作演示使用,不用于商用盈利运营,不存在版权、交易合规风险,完全符合高校毕业设计规范。
第三章 系统需求分析
3.1 系统角色划分
系统共三类核心使用角色,权限完全隔离、不可越权操作:
平台管理员:最高权限,管控全平台所有用户、商家、手机品牌、手机分类、热卖手机、论坛帖子、通知公告、全部订单,审核商家入驻资质,下架违规商品、删除违规帖子;
入驻商家:店铺运营权限,仅可操作自身店铺手机商品、本店订单、店铺公告;仅能查看自身商家信息,无法查看其他商家、全平台管控数据;
普通用户(消费者):前台商城使用者,浏览公开手机商品、商家、论坛、公告,完成注册、购物、发帖,仅管理自身账号、购物车、订单、收货地址。
3.2 功能需求总览(结合截图完整梳理全模块)
系统分为前台用户商城端、后台管理端(管理员后台+商家后台)两大板块。
3.2.1 前台用户商城端全部功能模块
系统首页:顶部导航栏、全屏轮播图、多条件手机搜索框、热卖手机推荐卡片、手机分类侧边筛选;
商家页面:多条件检索入驻商家,卡片展示商家店铺头像、名称;
热卖手机页面:分页展示全部上架手机,支持按手机名称、分类检索,点击商品查看详情、加入购物车;
交流论坛:浏览全平台用户机型测评帖子,检索帖子标题,自主发布帖子、回复他人内容;
通知公告:查看平台、商家发布的优惠、新品公告;
用户注册:填写账号、密码、姓名、头像、性别、联系方式完成消费者账号注册;
购物车:管理已选购手机商品,修改购买数量、批量结算;
确认下单页面:选择/新增收货地址,填写订单备注,查看商品清单、总价,提交支付;
登录入口:跳转系统登录页面,选择角色登录;
3.2.2 后台管理端功能模块
公共基础模块(管理员、商家均可访问)
系统首页:后台欢迎页面,展示系统欢迎文字;
个人资料管理:修改账号密码、头像、个人基础信息;
订单管理:查看自身权限范围内订单(管理员看全平台订单,商家仅看本店订单);
管理员专属后台菜单(最高权限)
用户管理:管理所有注册普通消费者账号,查询、禁用、删除违规用户;
商家管理:查看全部入驻商家,审核商家入驻申请,下架违规商家;
手机类别管理:新增、编辑、删除手机机型分类;
品牌管理:维护手机品牌数据,新增/修改/删除品牌;
热卖手机总管理:管控全平台所有商家上架手机,下架虚假、违规商品;
交流论坛总管理:查看所有用户发帖,删除违规广告、不实测评帖子;
系统管理:后台账号、权限、日志维护;
通知公告总管理:发布、编辑、删除平台官方公告;
商家专属后台菜单(仅入驻审核通过商家可见)
热卖手机管理:新增、编辑、删除自家店铺手机商品,上传商品图片、填写参数;
通知公告管理:发布本店专属活动公告;
订单管理:查看本店所有用户下单订单,处理发货、售后;
个人资料:修改商家店铺信息、联系方式、营业执照、店铺介绍;
3.2.3 登录与注册模块
系统登录页面:输入用户名、密码,单选角色(管理员/商家),点击登录;底部提供「注册商家」入口;
商家注册页面:填写商家名称、密码、确认密码,上传商家头像、营业执照,填写联系人、电话、邮箱、店铺地址、富文本店铺介绍,提交入驻申请等待管理员审核;
3.3 非功能需求
3.3.1 性能需求
所有列表页面默认分页,每页10条数据,支持自定义每页展示条数;
多条件组合模糊查询(手机名称+手机分类)页面响应时间≤1.5s;
图片上传支持2M以内图片,实时预览,无卡顿保存;
支持千级用户、商家、手机、订单数据稳定加载,页面无崩溃、卡死。
3.3.2 安全需求
登录身份拦截:未登录用户禁止访问后台、购物车、订单、个人中心页面;
角色权限拦截:商家仅可操作本店商品、订单,无法查看其他商家数据、管理员管控菜单;普通用户仅能操作自身账号数据;
用户、商家密码MD5加密存储,数据库不存储明文密码;
表单输入校验:拦截空值、超长文本、非法图片格式,防止脏数据入库;
商家多级审核机制:未审核商家无法上架手机商品、发布公告。
3.3.3 兼容性需求
前台商城、后台管理页面适配Chrome、Edge、360等主流PC浏览器,页面布局无错乱,图片上传、富文本、检索、按钮功能全部正常。
3.3.4 可维护性需求
后台列表、新增编辑页面复用通用搜索、分页、上传组件,新增业务模块可直接复用现有工具类;
用户、商家、手机、订单、论坛、公告业务模块解耦,单独修改某一业务不影响其他模块运行。
第四章 系统总体设计
4.1 SSM四层分层架构设计
表现层 View
分为前台Vue商城页面、后台ElementUI管理页面,接收用户表单输入、图片上传请求,展示手机、商家、订单、论坛、公告数据;控制层 Controller
SpringMVC控制器,接收前端HTTP请求,完成登录拦截、参数校验、角色权限判断,调用Service业务层,返回JSON数据或页面跳转;业务逻辑层 Service
核心业务处理层,封装商家入驻审核、手机商品上架、购物车结算、订单生成、论坛发帖、公告发布等业务规则,处理多表关联逻辑,使用Spring事务保证订单、商品数据一致性;数据访问层 Mapper
MyBatis映射层,封装MySQL增删改查SQL语句,实现数据库数据读写;持久层 MySQL数据库
存储管理员、普通用户、商家、手机品牌、手机分类、手机商品、购物车、订单、收货地址、论坛帖子、通知公告全部业务数据。
4.2 系统功能模块结构树
基于SSM的手机商城管理系统 ├─ 前台用户商城端 │ ├─ 系统首页(轮播图、热卖手机推荐、多条件搜索) │ ├─ 商家页面(商家检索、商家卡片展示) │ ├─ 热卖手机(商品列表、详情、加入购物车) │ ├─ 交流论坛(帖子浏览、发帖、回复) │ ├─ 通知公告(平台/店铺公告浏览) │ ├─ 用户注册(消费者账号注册) │ ├─ 购物车(商品批量结算) │ └─ 确认下单(收货地址、订单支付模拟) └─ 后台管理端 ├─ 公共模块 │ ├─ 系统首页(欢迎页) │ └─ 个人资料(修改密码、信息) ├─ 商家专属后台功能 │ ├─ 热卖手机管理(新增/列表/编辑自有手机) │ ├─ 通知公告管理(发布本店公告) │ └─ 订单管理(查看本店全部订单) └─ 管理员专属后台功能 ├─ 用户管理、商家管理、手机类别管理 ├─ 品牌管理、热卖手机总管理、交流论坛总管理 ├─ 系统管理、通知公告总管理、全平台订单管理4.3 角色权限管控设计表
| 角色 | 可访问模块 | 操作权限限制 |
|---|---|---|
| 平台管理员 | 全部后台菜单、全平台所有业务数据 | 无操作限制,新增/删除/修改任意用户、商家、手机、订单、论坛、公告;审核商家入驻,下架违规商品 |
| 入驻商家 | 前台全部商城页面、商家专属后台菜单 | 仅浏览公开商品、论坛、公告;仅操作自身店铺手机、本店订单、店铺公告;无法查看其他商家数据、管理员管控菜单 |
| 普通用户 | 前台全部商城页面,无后台访问权限 | 仅浏览公开数据;仅操作自身账号、购物车、订单、收货地址、个人发帖,无商品上架、订单处理权限 |
4.4 核心业务流程设计
4.4.1 商家入驻完整流程
登录页面点击「注册商家」,跳转商家注册表单;
填写商家名称、密码、确认密码,上传商家头像、营业执照,填写联系人、电话、邮箱、店铺地址,富文本编辑店铺介绍;
提交入驻申请,数据存入商家表,状态标记「待审核」;
平台管理员登录后台【商家管理】,查看全部待审核商家,审核营业执照与店铺信息;
审核通过:商家账号激活,可登录商家后台上架手机、发布公告;审核驳回:商家查看驳回理由,修改信息重新提交。
4.4.2 用户线上购机完整流程
普通用户前台首页浏览热卖手机,通过手机名称、分类检索目标机型;
点击商品查看详情,选择购买数量,添加至购物车;
进入购物车勾选商品,点击结算跳转确认下单页面;
选择已有收货地址,无地址则新增收件人、联系方式、收货地址;
填写订单备注,查看商品清单、总价,点击支付生成正式订单;
商家登录后台【订单管理】,查看本店新订单,处理发货;
用户前台/个人中心查看订单物流、售后状态。
4.4.3 管理员平台管控流程
管理员登录后台,管理全部普通消费者账号,禁用违规账号;
审核所有商家入驻申请,管控线上所有店铺资质;
维护手机一级分类、手机品牌数据,统一商城商品分类标准;
管控全平台所有商家上架手机,下架虚假宣传、参数不符的违规商品;
审核论坛用户发帖,删除广告、虚假测评、违规内容;
发布平台官方优惠、新品通知公告,管理全平台所有交易订单;
维护后台系统账号、操作日志、权限配置。
第五章 数据库详细设计
5.1 数据库设计规范
数据库名称:
phone_mall_ssm;字符集:utf8mb4,兼容中文、图片路径、特殊符号、emoji;
存储引擎:InnoDB,支持事务、外键关联,保障订单、商品数据一致性;
遵循数据库第三范式,减少数据冗余,主外键关联各业务表;
所有字段添加中文注释,区分业务含义。
5.2 核心数据表完整结构
表1:管理员表admin
存储平台后台超级管理员账号
| 字段名 | 数据类型 | 主键 | 非空 | 字段说明 |
|---|---|---|---|---|
| admin_id | bigint | 是 | 是 | 管理员唯一ID |
| username | varchar(50) | 否 | 是 | 登录账号,唯一 |
| password | varchar(100) | 否 | 是 | MD5加密密码 |
| real_name | varchar(50) | 否 | 是 | 管理员姓名 |
| create_time | datetime | 否 | 是 | 账号创建时间 |
表2:普通用户表user
前台注册购机消费者账号
| 字段名 | 数据类型 | 主键 | 非空 | 字段说明 |
|---|---|---|---|---|
| user_id | bigint | 是 | 是 | 用户主键ID |
| username | varchar(50) | 否 | 是 | 登录账号 |
| password | varchar(100) | 否 | 是 | 加密登录密码 |
| real_name | varchar(50) | 否 | 是 | 用户姓名 |
| avatar | varchar(255) | 否 | 否 | 用户头像路径 |
| gender | varchar(10) | 否 | 否 | 用户性别 |
| phone | varchar(20) | 否 | 是 | 联系电话 |
| status | tinyint | 否 | 是 | 账号状态 0禁用 1正常 |
| register_time | datetime | 否 | 是 | 注册时间 |
表3:商家表merchant
入驻手机店铺商家信息,对应商家注册表单
| 字段名 | 数据类型 | 主键 | 非空 | 字段说明 |
|---|---|---|---|---|
| merchant_id | bigint | 是 | 是 | 商家主键ID |
| merchant_name | varchar(100) | 否 | 是 | 商家店铺名称(登录账号) |
| password | varchar(100) | 否 | 是 | 商家加密密码 |
| merchant_img | varchar(255) | 否 | 是 | 商家头像图片路径 |
| license_img | varchar(255) | 否 | 是 | 营业执照图片路径 |
| contact_name | varchar(50) | 否 | 是 | 店铺联系人 |
| contact_phone | varchar(20) | 否 | 是 | 联系电话 |
| varchar(100) | 否 | 否 | 商家邮箱 | |
| address | varchar(200) | 否 | 是 | 店铺营业地址 |
| detail | text | 否 | 是 | 店铺详细介绍(富文本) |
| audit_status | tinyint | 否 | 是 | 审核状态 0待审核 1通过 2驳回 |
| create_time | datetime | 否 | 是 | 商家注册时间 |
表4:手机品牌表phone_brand
商城手机品牌数据
| 字段名 | 数据类型 | 主键 | 非空 | 字段说明 |
|---|---|---|---|---|
| brand_id | bigint | 是 | 是 | 品牌ID |
| brand_name | varchar(50) | 否 | 是 | 品牌名称(华为/苹果/小米等) |
| create_time | datetime | 否 | 是 | 创建时间 |
表5:手机分类表phone_type
手机机型分类(旗舰机、千元机、折叠屏等)
| 字段名 | 数据类型 | 主键 | 非空 | 字段说明 |
|---|---|---|---|---|
| type_id | bigint | 是 | 是 | 分类ID |
| type_name | varchar(50) | 否 | 是 | 分类名称 |
| create_time | datetime | 否 | 是 | 创建时间 |
表6:热卖手机商品表phone_goods
商家上架售卖的手机商品
| 字段名 | 数据类型 | 主键 | 非空 | 字段说明 |
|---|---|---|---|---|
| goods_id | bigint | 是 | 是 | 商品主键ID |
| merchant_id | bigint | 外键 | 是 | 所属商家ID |
| phone_name | varchar(100) | 否 | 是 | 手机机型名称 |
| brand_id | bigint | 外键 | 是 | 关联手机品牌ID |
| type_id | bigint | 外键 | 是 | 关联手机分类ID |
| phone_img | varchar(255) | 否 | 是 | 手机商品主图路径 |
| price | decimal(10,2) | 否 | 是 | 手机售价 |
| stock | int | 否 | 是 | 库存数量 |
| phone_detail | text | 否 | 是 | 手机参数、详情(富文本) |
| status | tinyint | 否 | 是 | 上架状态 0下架 1上架 |
| create_time | datetime | 否 | 是 | 商品上架时间 |
表7:购物车表shopping_cart
用户加入购物车的手机商品
| 字段名 | 数据类型 | 主键 | 非空 | 字段说明 |
|---|---|---|---|---|
| cart_id | bigint | 是 | 是 | 购物车ID |
| user_id | bigint | 外键 | 是 | 所属用户ID |
| goods_id | bigint | 外键 | 是 | 关联手机商品ID |
| buy_num | int | 否 | 是 | 选购数量 |
| create_time | datetime | 否 | 是 | 加入购物车时间 |
表8:收货地址表user_address
用户下单填写的收货地址
| 字段名 | 数据类型 | 主键 | 非空 | 字段说明 |
|---|---|---|---|---|
| address_id | bigint | 是 | 是 | 地址ID |
| user_id | bigint | 外键 | 是 | 所属用户ID |
| receiver_name | varchar(50) | 否 | 是 | 收件人姓名 |
| receiver_phone | varchar(20) | 否 | 是 | 收件电话 |
| full_address | varchar(300) | 否 | 是 | 完整收货地址 |
| is_default | tinyint | 否 | 是 | 是否默认地址 0否 1是 |
表9:订单主表order_info
用户购机生成交易订单
| 字段名 | 数据类型 | 主键 | 非空 | 字段说明 |
|---|---|---|---|---|
| order_id | bigint | 是 | 是 | 订单唯一编号 |
| user_id | bigint | 外键 | 是 | 下单用户ID |
| merchant_id | bigint | 外键 | 是 | 商品所属商家ID |
| goods_id | bigint | 外键 | 是 | 购买手机商品ID |
| buy_num | int | 否 | 是 | 购买数量 |
| total_price | decimal(10,2) | 否 | 是 | 订单总价 |
| address_id | bigint | 外键 | 是 | 关联收货地址ID |
| remark | text | 否 | 否 | 订单备注 |
| order_status | tinyint | 否 | 是 | 订单状态 0待支付 1待发货 2已完成 3已取消 |
| create_time | datetime | 否 | 是 | 下单时间 |
表10:论坛帖子表forum_post
前台交流论坛用户发布机型测评帖子
| 字段名 | 数据类型 | 主键 | 非空 | 字段说明 |
|---|---|---|---|---|
| post_id | bigint | 是 | 是 | 帖子ID |
| user_id | bigint | 外键 | 是 | 发帖用户ID |
| title | varchar(100) | 否 | 是 | 帖子标题 |
| content | text | 否 | 是 | 帖子正文测评内容 |
| post_img | varchar(255) | 否 | 否 | 帖子配图路径 |
| create_time | datetime | 否 | 是 | 发帖时间 |
| audit_status | tinyint | 否 | 是 | 审核状态 0待审核 1正常 2违规下架 |
表11:通知公告表notice
平台、商家发布的活动、新品公告
| 字段名 | 数据类型 | 主键 | 非空 | 字段说明 |
|---|---|---|---|---|
| notice_id | bigint | 是 | 是 | 公告ID |
| publisher_type | tinyint | 否 | 是 | 发布方 0管理员 1商家 |
| publisher_id | bigint | 外键 | 是 | 发布人ID(管理员/商家ID) |
| title | varchar(100) | 否 | 是 | 公告标题 |
| content | text | 否 | 是 | 公告正文内容 |
| cover_img | varchar(255) | 否 | 否 | 公告封面图 |
| create_time | datetime | 否 | 是 | 公告发布时间 |
第六章 系统各模块详细功能设计(结合截图逐页说明)
6.1 登录页面模块
登录页面(蓝色简约风格)
页面居中登录表单,系统标题:基于SSM的手机商城管理系统的设计与实现登录
输入项:用户名、登录密码;
单选角色选项:管理员 / 商家;
功能按钮:登录、注册商家;
表单校验:空输入、账号不存在、密码错误、角色不匹配弹窗提示;
登录跳转逻辑:管理员账号进入全权限管理员后台首页,商家账号进入商家专属后台首页。
6.2 注册页面模块
6.2.1 商家注册页面
页面标题:基于SSM的手机商城管理系统的设计与实现注册
必填输入项:商家名称、密码、确认密码;
图片上传组件:商家图片上传、营业执照上传,点击加号弹窗上传图片;
普通输入框:联系人、联系电话、邮箱、商家地址;
富文本编辑器:工具栏支持加粗、字号、插入图片、列表排版,填写商家详细介绍;
提交逻辑:表单全部*项校验通过后提交,商家状态标记为待审核,等待管理员后台审核。
6.2.2 普通用户注册页面
前台消费者账号注册弹窗
必填项:用户账号、密码、确认密码、用户姓名;
图片上传:头像上传组件;
下拉选择框:性别;
输入框:联系方式;
功能按钮:注册、重置;底部跳转登录入口;
注册成功自动生成普通用户账号,可登录前台商城购物、发帖。
6.3 后台首页页面(双角色区分)
6.3.1 管理员后台首页
页面整体布局:左侧固定菜单栏、顶部系统标题栏、右上角管理员头像账号下拉框;
中间主区域文字:欢迎使用 基于SSM的手机商城管理系统的设计与实现;
左侧管理员完整菜单:返回主页、用户、商家、手机类别、品牌、热卖手机、交流论坛、系统管理、订单管理、个人资料;
顶部功能:收起左侧菜单栏、系统标题、右上角账号下拉退出登录。
6.3.2 商家后台首页
页面布局与管理员后台统一,左侧菜单精简,仅展示商家可用功能:
左侧菜单:返回主页、热卖手机、通知公告、订单管理、个人资料;
中间欢迎文字与管理员首页一致;
右上角展示登录商家账号,支持退出登录。
6.4 前台商城首页页面
顶部全局导航栏:系统首页、商家、热卖手机、交流论坛、通知公告;右上角登录/注册入口;
全屏轮播大图:数码科技主题轮播图,左右切换按钮;
顶部复合搜索栏:双条件输入框(手机名称、手机分类)+搜索按钮;
热卖手机推荐分区:「查看更多」跳转完整商品列表,卡片展示手机实拍图、手机名称、所属商家名称;
右侧侧边栏:手机分类快捷筛选列表。
6.5 前台商家列表页面
顶部多条件检索栏:商家名称、联系人、商家地址输入框+查询按钮;
卡片式布局展示入驻商家,每张卡片显示商家头像;
分页切换商家卡片,点击卡片可进入商家店铺查看全部手机商品。
6.6 前台热卖手机商品列表页面
顶部搜索栏:按手机名称、分类检索商品;
卡片布局展示上架手机:商品实拍图、手机名称、所属商家名称;
右侧悬浮手机分类筛选栏;
点击商品卡片跳转商品详情,可设置购买数量、加入购物车。
6.7 前台确认下单页面
页面标题:确认下单;
收货地址区域:展示用户已保存地址列表,无地址时显示「暂无数据」,提供「添加收货地址」按钮;
订单清单列表:展示选购手机名称、单价、购买数量、小计总价;
备注输入框:用户填写订单备注信息;
底部汇总:订单总价红色标注,绿色支付按钮,点击模拟完成下单支付,生成订单存入数据库。
6.8 后台核心业务模块说明
6.8.1 商家后台-热卖手机管理
商品列表页面:多条件检索自家手机,新增、批量删除按钮;
新增手机表单:填写手机名称、选择品牌/分类、填写售价、库存,上传手机实拍图,富文本编辑手机参数详情;
单行操作:修改、删除、下架商品,数据隔离仅展示当前登录商家自有手机。
6.8.2 管理员后台-商家管理
商家列表:检索全部入驻商家,展示商家名称、联系人、营业执照、审核状态;
操作按钮:审核通过/驳回,查看商家完整信息;
新增、删除违规商家账号。
6.8.3 管理员后台-手机类别/品牌管理
列表分页展示所有分类/品牌;
新增表单填写分类/品牌名称,支持修改、单条/批量删除;
数据关联:手机商品绑定对应分类、品牌,删除前校验是否存在关联商品。
6.8.4 订单管理(管理员/商家权限区分)
管理员:查看平台全部用户订单,检索订单号、用户、商家、订单状态;
商家:仅查看本店手机产生的订单,处理发货、售后状态;
列表展示订单编号、购机用户、手机商品、数量、总价、下单时间、订单状态。
6.8.5 交流论坛、通知公告模块
论坛:管理员查看全平台帖子,删除违规内容;用户前台发帖、回复;商家可发布机型测评帖宣传商品;
公告:管理员发布平台官方公告;商家发布本店活动公告;前台所有用户可浏览全部公告。
6.8.6 个人资料公共模块
管理员、商家、普通用户均可进入个人资料页面:修改登录密码、上传头像、完善个人/店铺基础信息。
第七章 系统测试
7.1 功能测试
覆盖系统全部页面、表单、按钮、完整业务流程逐项测试:
登录注册测试:空账号密码、错误密码、角色权限拦截;商家注册营业执照上传校验、审核流程;普通用户注册表单字段校验;
商家入驻审核测试:商家提交申请→管理员后台审核通过/驳回,未审核商家无法上架手机;
手机商品CRUD测试:商家新增手机、图片上传、富文本参数编辑、修改下架;多条件名称/分类搜索、分页查询;数据隔离校验(商家仅查看自有商品);
购物下单全流程测试:前台浏览手机→加入购物车→新增收货地址→提交订单支付→商家后台查看订单;
论坛、公告测试:用户发帖回复、管理员删帖;管理员/商家发布公告,前台正常展示;
权限越权测试:商家无法查看其他商家商品、订单;普通用户无法访问任何后台菜单;管理员拥有全平台数据查看权限;
通用组件测试:图片上传格式拦截、表单必填校验、批量删除、分页、多条件搜索全部正常。
测试结果:全部功能正常运行,表单校验生效,图片上传无异常,分页、检索逻辑准确,角色权限拦截生效,无业务逻辑BUG。
7.2 浏览器兼容性测试
测试Chrome、Edge、360三款主流PC浏览器,前台商城、后台管理页面布局完整,图片上传、富文本、检索、按钮功能无异常,页面无文字溢出、排版错乱。
7.3 性能测试
单列表1000条测试数据分页查询,页面加载耗时≤1.5秒;
单张2M商品/营业执照图片上传预览、数据库存储路径正常,无超时崩溃;
连续4小时系统稳定运行,无内存溢出、页面卡死、数据丢失问题。
第八章 系统开发难点与解决方案
8.1 难点1:三类角色分层权限隔离,防止越权查看他人数据
问题:管理员、商家、普通用户权限边界清晰,商家只能操作本店商品、订单,普通用户仅能操作自身账号数据,易出现越权漏洞。
解决方案:
登录时将角色、唯一ID存入Session,后端全局拦截器统一校验登录状态;
拦截器区分管理员/商家/普通用户身份,无权限接口直接跳转登录页;
商家后台所有手机、订单查询接口自动拼接
merchant_id = 当前登录商家ID过滤条件,底层数据隔离;前端根据登录角色动态渲染菜单栏,商家隐藏管理员管控菜单,普通用户不展示后台入口,前后端双重校验权限。
8.2 难点2:多模块统一图片上传(商家头像、营业执照、手机商品图、用户头像、论坛配图)
问题:多业务模块均需要图片上传,易出现同名图片覆盖、存储路径混乱、图片丢失。
解决方案:
全局统一文件上传根目录,按业务创建独立子文件夹(merchant、phone、user、forum);
上传时使用UUID随机重命名图片,杜绝同名文件覆盖;
数据库仅存储图片相对访问路径,页面统一拼接静态资源地址渲染图片。
8.3 难点3:订单多表关联事务处理(购物车结算、库存扣减、订单生成)
问题:用户批量结算购物车时,需要扣减商品库存、新增订单、清空对应购物车记录,多表操作易出现数据不一致(库存扣减失败但订单生成)。
解决方案:
下单结算整套业务封装在Spring事务方法内,任意数据库操作异常全部回滚;
商品库存查询使用悲观锁,防止多用户同时下单超卖;
订单生成成功后,批量删除当前用户购物车内已结算商品。
8.4 难点4:富文本编辑器数据存储与回显(商家介绍、手机商品详情、公告、论坛帖子)
问题:富文本包含HTML标签、内嵌图片,直接存入数据库易出现转义乱码,编辑页面无法正常回显原有内容。
解决方案:
数据库字段使用Text大文本类型存储完整富文本HTML代码;
前端提交时统一转义特殊字符,读取页面时反向解析渲染富文本内容;
上传图片自动转为服务器静态路径嵌入富文本,保证图片正常展示。
8.5 难点5:商家入驻多级审核状态流转(待审核/通过/驳回)
问题:商家入驻存在完整状态流转,注册、审核、重新提交多表关联,易出现状态数据不一致。
解决方案:
Service层使用Spring声明式事务,商家提交、审核操作统一开启事务,任意步骤异常自动回滚;
采用audit_status状态字段标记商家审核进度,商家后台根据状态渲染不同操作按钮(未审核无法上架商品);
手机商品表外键绑定商家ID,仅审核通过商家可新增商品数据。
第九章 项目总结与展望
9.1 项目总结
本手机商城管理系统基于SSM(Spring+SpringMVC+MyBatis)后端框架、Vue前端、MySQL数据库开发,严格遵循软件工程完整开发流程,完成需求分析、分层架构设计、数据库三范式表结构设计、前后端全功能开发、全维度系统测试。系统划分平台管理员、入驻商家、普通消费者三类操作角色,拆分为前台线上购物商城、分权限后台管理两大业务端,完整实现商家注册入驻、资质审核、手机商品上架售卖、多条件商品检索、购物车、下单支付、订单全流程管理、交流论坛、通知公告、个人资料维护、商品品牌分类管控等数码电商全闭环业务。
系统解决传统线下手机门店线上化缺失、商家入驻无标准化审核、购机流程繁琐、缺少机型交流社区等行业痛点,后台通用分页、多条件复合检索、图片上传、批量操作、富文本组件封装完善,三类角色权限控制严谨,页面布局统一简洁,数据持久稳定存储,适配中小手机数码门店线上开店、校园数码商城使用,完全符合计算机专业SSM框架毕业设计完整规范。
第十章、项目资料
👇🏻 精彩专栏推荐订阅👇🏻 在下方专栏👇🏻不然下次找不到哟
《Java精品推荐项目》
《springboot+vue项目100套》
《ssm项目100套》
《微信小程序合集》