当前位置：首页 > news >正文

基于SpringBoot+vue的华强北商城二手手机管理系统

news 2026/6/28 14:08:53

1. 演示地址

后台：http://huaqiangbeiershoushojiushangcheng.xiaobias.com/huaqiangbeiershoushojiushangcheng/admin/dist/index.html
前台：http://huaqiangbeiershoushojiushangcheng.xiaobias.com/huaqiangbeiershoushojiushangcheng/front/index.html
管理员：admin/admin
商家：111/123456、222/123456
用户：111/123456、222/123456
资源：https://fifteen.xiaobias.com/source/142

2. 项目简介

华强北商城二手手机管理系统是一个基于SpringBoot和Vue.js开发的B2C电子商务平台，专注于二手手机交易业务。该系统采用前后端分离架构，包含完整的管理后台和用户前端，实现了多角色权限管理、商品展示、在线交易、订单处理等核心电商功能。

核心角色与功能：

管理员：拥有最高权限，可管理系统用户、商家、商品、订单、新闻资讯等所有数据
商家：可管理自己的商品信息、处理订单、发布新闻
用户：浏览商品、收藏商品、下单购买、管理个人地址信息

3. 技术栈

3.1 后端技术

核心框架: Spring Boot 2.2.2.RELEASE
持久层: MyBatis-Plus 2.3、MyBatis Spring Boot Starter
安全框架: Apache Shiro 1.3.2
数据库: MySQL
工具库:
- Hutool 4.0.12
- FastJSON 1.2.8
- Commons-lang3 3.0
- Commons-io 2.5
其他: 百度AI Java SDK 4.4.1、Apache POI 3.9（Excel操作）

3.2 前端技术

后台管理: Vue.js + Element UI
用户前端: Layui + jQuery
构建工具: Maven
地图服务: 高德地图API

3.3 开发环境

JDK 1.8
MySQL 数据库
Maven 3.x

4. 详细介绍

4.1 系统架构

本项目采用典型的前后端分离架构：

后端提供RESTful API接口
前端通过HTTP请求与后端交互
使用Shiro进行身份认证和权限控制

4.2 功能模块

4.2.1 用户管理模块

用户注册/登录
个人信息管理
收货地址管理

4.2.2 商品管理模块

商品上下架管理
商品分类管理
商品库存管理
商品搜索与筛选

4.2.3 订单管理模块

购物车功能
订单生成与支付
订单状态跟踪
订单历史查询

4.2.4 资讯管理模块

新闻发布
新闻分类
新闻浏览

4.2.5 权限管理模块

角色权限分配
菜单权限控制
按钮级权限控制

4.3 数据库设计

系统包含多张核心数据表：

用户表(yonghu)
商家表(shangjia)
商品表(shangpin)
订单表(shangpin_order)
收藏表(shangpin_collection)
新闻表(news)
字典表(dictionary)
地址表(address)

4.4 安全设计

使用Shiro进行身份认证和授权
前后端Token验证机制
SQL注入防护
XSS攻击防护

5. 部分代码

5.1 Spring Boot配置示例

# application.yml 数据库配置spring:datasource:driverClassName:com.mysql.cj.jdbc.Driverurl:jdbc:mysql://localhost:3306/huaqiangbeiershoushojiushangcheng?useUnicode=true&characterEncoding=utf-8username:rootpassword:root# MyBatis Plus配置mybatis-plus:mapper-locations:classpath*:mapper/*.xmltypeAliasesPackage:com.entityglobal-config:id-type:1field-strategy:2db-column-underline:true

5.2 Vue路由配置示例

// router-static.js 路由配置constroutes=[{path:'/index',name:'首页',component:Index,children:[{path:'/',name:'首页',component:Home,meta:{icon:'',title:'center'}},{path:'/users',name:'管理信息',component:users}]}]

5.3 MyBatis XML映射文件示例

<!-- ShangpinDao.xml 商品查询 --><selectid="selectListView"parameterType="map"resultType="com.entity.view.ShangpinView">SELECT a.id as id, a.shangjia_id as shangjiaId, a.shangpin_name as shangpinName FROM shangpin a left JOIN shangjia shangjia ON a.shangjia_id = shangjia.id<where><iftest="params.shangjiaId != null and params.shangjiaId !=''">and a.shangjia_id = #{params.shangjiaId}</if><iftest="params.shangpinName !=''and params.shangpinName != null">and a.shangpin_name like CONCAT('%',#{params.shangpinName},'%')</if></where>order by a.${params.orderBy} desc</select>

5.4 权限验证工具类

// utils.js 权限验证方法exportfunctionisAuth(tableName,key){letrole=storage.get("role");if(!role){role='管理员';}letmenus=menu.list();for(leti=0;i<menus.length;i++){if(menus[i].roleName==role){for(letj=0;j<menus[i].backMenu.length;j++){for(letk=0;k<menus[i].backMenu[j].child.length;k++){if(tableName==menus[i].backMenu[j].child[k].tableName){letbuttons=menus[i].backMenu[j].child[k].buttons.join(',');returnbuttons.indexOf(key)!==-1||false}}}}}returnfalse;}