SpringBoot3+Vue3+MySQL 楼宇广告位管理系统源码前后端分离实战

一、项目简介本系统是一套基于 Spring Boot 3 Vue 3 MySQL 的楼宇广告位资源管理平台采用前后端分离架构。系统面向普通用户广告主与平台管理员两个角色提供楼宇广告位的检索、收藏、下单、支付、订单审核以及后台数据统计等全链路管理能力帮助运营方高效管理楼宇广告位资源。后端提供 RESTful API 接口前端通过 Vue Router 管理页面路由、Pinia 管理全局状态两者通过 JWT 进行身份认证与接口鉴权。二、技术栈技术说明后端框架Spring Boot 3.xORMMyBatis-Plus含分页插件权限与认证JWTjjwt 自定义拦截器 BCrypt 密码加密前端框架Vue 3Composition API script setup状态管理Pinia前端路由Vue Router 4createWebHistoryUI 组件库Element Plus构建工具Vite数据库MySQL8.x 兼容JSON 序列化Jackson含 Java 8 时间模块三、功能模块管理员端仪表盘统计展示平台核心指标包括用户总数、楼宇总数、广告位总数、订单总数、总收入、可用/已占用广告位数量与占有率同时提供月度收入趋势图与订单状态分布统计图表。楼宇管理支持新增、修改、删除楼宇信息字段涵盖楼宇名称、地址、区域、经纬度、楼层数、总面积、日人流量、描述及封面图用于构建广告位的空间归属关系。广告位管理支持新增、修改、删除广告位关联所属楼宇设置类型、楼层、位置描述、尺寸、日/周/月价格、曝光/位置/维护三项评分、封面图及上下架状态实现广告位资源的精细化配置。广告位图片管理针对单个广告位上传多张展示图片并支持自定义排序保证前端展示的视觉效果与信息完整度。占用时段管理为广告位添加/删除不可用日期区间用于标记维护期或预留时段避免与用户下单日期产生冲突。订单审核分页查看全部订单支持按订单状态筛选、按订单号/广告位名称搜索对待审核订单执行通过或驳回操作对进行中的订单可手动标记完成。用户管理分页查看全部用户支持按用户名/昵称/公司名称搜索、按状态筛选可修改用户状态启用/禁用/审核中并支持删除用户。Banner 管理维护首页轮播图支持新增、修改、删除 Banner设置标题、图片、链接、排序及启停状态。资讯文章管理维护平台资讯内容支持新增、修改、删除文章设置标题、内容、封面图、分类与发布状态。系统配置查看和修改站点名称、联系方式、ICP 备案号等键值对配置项便于运营方灵活调整平台基础信息。文件上传提供通用文件上传接口支持图片/文件上传至服务器指定目录供楼宇封面、广告位图片、Banner 等场景复用。普通用户端首页浏览查看轮播 Banner、热门广告位推荐、最新资讯与楼宇推荐列表快速了解平台优质资源。广告位检索按广告位类型、所属区域、关键词、价格区间、人流量区间等条件进行分页检索快速定位满足投放需求的广告位。广告位详情查看广告位基本信息、所属楼宇、曝光评分、地理位置、多张图片展示全面了解广告位价值。时间排期查看查看广告位的时间排期明确已预订/已占用时段辅助决策投放日期。收藏管理收藏/取消收藏广告位在个人收藏夹中统一查看已收藏的广告位详情。订单创建选择广告位与起止日期系统自动生成订单号并依据价格策略计算总金额提交后生成待支付订单。订单支付对未支付订单执行支付操作支付成功后订单状态更新为待审核。订单管理分页查看个人订单列表支持按订单状态筛选、按订单号/广告位名称搜索可取消未开始/未完成的订单。通知中心查看系统通知列表支持标记单条通知为已读或一键全部已读。个人中心修改个人资料昵称、手机、邮箱、头像、公司名称等与登录密码。广告位对比在对比页面同时对比多个广告位的基本参数辅助投放决策。资讯阅读浏览资讯文章列表按分类筛选查看详情并自动增加阅读量。注册账号新用户填写用户名、密码、昵称、手机号、公司名称完成注册注册后需管理员审核方可登录使用。四、项目总结本项目是一个功能完整、代码结构清晰的楼宇广告位管理平台覆盖广告位资源管理、订单流转、用户审核、内容发布与数据统计等核心业务场景。技术层面采用 Spring Boot 3 Vue 3 前后端分离架构结合 JWT 认证、MyBatis-Plus 分页、Pinia 状态管理、Element Plus 组件库等主流技术方案适合作为 Java Web 全栈开发的学习项目或二次开发基础。后端接口设计规范前端页面组件化程度高数据库脚本与万字文档齐备能够帮助开发者快速理解项目全貌并在此基础上进行功能扩展。界面展示交付内容本项目为完整交付包含完整后端源码完整前端源码数据库初始化脚本SQL万字项目文档设计文档 / 论文可作课程设计、毕业设计参考获取完整源码完整前后端源码 数据库脚本 万字项目文档见 Gitee 仓库https://gitee.com/kangxihuang/src-K200