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

基于Springboot + vue3实现的家具商城系统

项目描述

本系统包含管理员和用户两个角色。
管理员角色:
  1. 轮播图管理:管理轮播图配置参数。

  2. 管理员管理:管理系统中的管理员信息,包括添加、删除和修改管理员。

  3. 用户管理:管理系统中的用户信息,包括添加、删除和修改用户。

  4. 公告信息管理:管理公告信息,包括添加、删除和修改公告。

  5. 订单管理:管理商品订单,包括查看、发货、退款等操作。

  6. 家具商城管理:管理家具商城信息,包括添加、删除和修改家具信息,以及管理家具类型。

用户角色:
  1. 我的收藏管理:管理用户的收藏信息,包括添加、删除和查看收藏。

  2. 订单管理:管理用户的订单信息,包括查看未支付、已取消、已支付、已退款、已完成、已发货等订单状态。

  3. 地址管理:管理用户的收货地址信息,包括添加、删除和修改地址。

  4. 公告信息查看:查看系统中的公告信息。

  5. 家具商城查看:查看家具商城中的家具信息,并进行评论。

  6. 购物车管理:管理用户的购物车信息,包括查看购物车中的商品。

技术选型

开发工具:Idea + Vscode 运行环境:JDK 1.8 + Maven + MySQL 5.7以上 + Node.js 14 服务端技术:SpringBoot + Mybatis-Plus + Maven 前端技术:Vue3 + Axios + Element-UI

系统截图

1.首页

2.公告信息

3.家具商城

4.购物车

5.个人中心

6.后台登录

7.管理员管理

8.用户管理

9.公告信息管理

10.家具类型管理

11.商品订单管理

运行步骤

准备环境

安装JDK 1.8、Maven、Node.js 14 和 MySQL 5.7以上

创建数据库

使用Navicat工具创建数据库并导入SQL脚本

配置后端

修改application.yml中的数据库连接信息(用户名/密码/库名)

启动后端服务

进入后端项目(/server_code) 执行:

mvn clean installmvn spring-boot:run

前端依赖安装

进入前端目录(/manage_code或者/client_code) 执行安装命令:

npm install

启动前端服务

执行启动命令:

npm run serve

访问系统

后端接口系统访问地址:http://localhost:8080后台系统前端访问地址:http://localhost:8081前台系统前端访问地址:http://localhost:8082

常见问题

端口冲突
  • 修改后端配置文件application.yml

  • 修改前端配置文件vue.config.js

前端安装依赖失败
  • 删除node_modules、package-lock.json文件
rm -rf node_modules package-lock.json
  • 清除缓存
npm cache clean --force
  • 切换npm镜像源
npm config set registry https://registry.npmmirror.com
http://www.jsqmd.com/news/211314/

相关文章:

  • CTF入门指南:从零到拿下Flag的完整路径
  • 免费文献检索网站推荐:实用高效的学术资源获取平台
  • 西门子PLC STL编程常见的错误(四):上升(下降)沿不工作
  • 【Java毕设源码分享】基于springboot+vue的OA管理系统的设计与实现(程序+文档+代码讲解+一条龙定制)
  • 【开发者必看】GPT Image 1.5发布:图像生成速度提升4倍,API开放让创意触手可及!
  • 促销海报设计:驱动转化的核心方法与实操技巧
  • 黑客技术的水到底有多深?普通人别盲目入局!网安入行先看清这 3 个真相
  • python 基础类型和dart的基础类型的对比
  • NAS 双网口到底有啥用?怎么用?极空间NAS双网口的正确打开方式
  • WebGPU与浏览器边缘智能:开启去中心化AI新纪元
  • 学术审核 “双关破局”!虎贲等考 AI:降重 + 降 AIGC 同步清零,论文一次过审
  • 想 2026 转行网络安全?前景、工作内容及薪资水平一次说透
  • 算法题 最大频率栈
  • 问卷设计 “人工 VS AI” 终极 PK!虎贲等考 AI:30 分钟出专业量表,效率质感双碾压
  • 港大突破:机器人实现稀疏记忆零样本视觉导航
  • 家长管理数字化转型,2026教育管理新趋势
  • KAIST团队破解长视频理解难题:WorldMM让AI拥有“超级记忆力“
  • KAIST团队破解长视频理解难题:WorldMM让AI拥有“超级记忆力“
  • 【EI会议】第九届教育、网络与信息技术国际会议(ICENIT 2026)
  • 大连理工大学联合快手科技推出革命性AI视频生成框架
  • 基于FPGA的DDS信号发生器:探索数字信号生成的奇妙之旅
  • 算法题 单调数列
  • 大连理工大学联合快手科技推出革命性AI视频生成框架
  • AI搜索文献:高效精准的学术资源检索与获取新方法探讨
  • Stable Diffusion 3.0:开启企业专属品牌视觉模型新时代
  • 北大与清华联手突破:机器人实现专业级精准操作能力
  • 中科院突破:虚拟仿真实现自动驾驶真车驾驶训练
  • 【Java毕设源码分享】基于springboot+vue的产品订单管理系统的设计与实现(程序+文档+代码讲解+一条龙定制)
  • 中科大团队突破性解决视觉语言动作模型的视野局限
  • 基于springboot框架的服装商城销售系统_0895i6w5