壁纸app后台管理项目产品系统

我要开发同款
Hiphi2026年04月02日
5阅读

技术信息

语言技术
JavaReactNode.jsAntd
系统类型
Web
行业分类
企业服务

作品详情

行业场景

本项目面向移动端壁纸分发场景,为壁纸类 App 提供后端支撑,涵盖静态壁纸与 Live Photo 动态壁纸的上传管理、专题分类运营、首页内容配置及 CDN 资源分发,满足壁纸内容平台的日常运营需求。

功能介绍

1.静态/动态壁纸能按专题、分类进行查询和预览
2.壁纸可加入专题,并可对专题进行名称、简介、显示状态的编辑
3.可对主页需要展示的专题进行排序,对其展示类型、背景图等进行编辑
4.可运行脚本调用后端接口上传海量壁纸

项目实现

后端:分为三个模块:

wallpaper5-business:公共业务层,包含实体(Wallpaper、Category、HomePage 等)、DAO、Service 及工具类,是其他两个模块的共享依赖。数据库使用 MySQL,通过 MyBatis-Plus 进行 ORM 操作,文件存储使用 AWS S3。

wallpaper5-api:面向客户端的 API 服务,提供壁纸分类查询、首页配置、壁纸列表等接口,包含请求签名校验等安全机制。

wallpaper5-admin:后台管理服务,提供管理员登录、壁纸上传/删除/编辑、专题管理、首页配置、批量文件上传及 Live Photo 转换上传等功能。Live Photo 转换通过内嵌的 Node.js 模块实现,将视频转为 iOS 兼容的 .heic + .mov 文件对。

整体技术栈:Spring Boot 4、MyBatis-Plus、MySQL、AWS S3/CloudFront、Lombok、Hutool、Fastjson2。

前端:
主要功能模块:

管理员登录:token 鉴权,存储于 localStorage,axios 拦截器自动携带。

壁纸管理:支持静态壁纸(图片)和动态壁纸(Live Photo)的上传、删除、批量删除、编辑(关联专题、设置推荐)。静态壁纸通过 /upload/batch 批量上传至 S3,动态壁纸通过 /livePhoto/convert 将视频转换为 HEIC+MOV 文件对后上传。支持按类型或按专题分页查询,卡片式展示缩略图,动态壁纸可预览视频。

专题管理:对壁纸进行分类,支持新增、编辑标题/简介/显示状态。

首页配置:管理 App 首页展示的专题列表,支持拖拽排序、添加/移除专题,可配置每个专题的展示类型(banner/visual/normal)、背景图(上传至

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论