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

基于React+Express的前后端分离的个人相册管理系统

文章目录

  • 1、前端项目
    • 1.0 创建React项目
    • 1.1 首页
    • 1.2 相册管理
      • 1.2.1 创建相册
      • 1.2.2 删除相册
      • 1.2.3 修改相册
    • 1.3 回收站
  • 2、后端项目
    • 2.1 相册管理接口
    • 2.2 图片管理接口
  • 3、源代码下载
    • 3.1 前端代码
    • 3.2 后端代码
    • 3.3 数据库

1、前端项目

1.0 创建React项目

npm create vite@latest

1.1 首页

1️⃣实现效果,支持【下载照片】、【删除照片】、【编辑照片】、【上传照片】:

image-20250730224724038

2️⃣ 实现代码:

import UploadPhoto from "../../components/UploadPhoto.jsx";
import axios from "axios
http://www.lryc.cn/news/604638.html

相关文章:

  • 使用Docker 在Rocky Linux 9.5上在线安装Dify
  • 八股文场景题
  • 从一开始的网络攻防(十四):WAF绕过
  • KONG API Gateway中的核心概念
  • 聊聊如何判断发现的缺陷属于前后端
  • 【Dolphinscheduler】docker搭建dolphinscheduler集群并与安全的CDH集成
  • winsock socket通讯为什么UDP服务器无法获取客户端IP?
  • UDP通讯和TCP通讯的区别-UDP(用户数据报协议)和 TCP(传输控制协议)
  • BeeWorks Meet:私有化部署,重塑高安全需求行业的视频会议体验
  • 云计算:一场关于“数字水电煤”的革命与未来
  • LoongCollector 安全日志接入实践:企业级防火墙场景的日志标准化采集
  • java~单例设计模式
  • react19更新哪些东西
  • 如何通过IT-Tools与CPolar构建无缝开发通道?
  • 第十七章 追新词
  • 7.Linux :进程管理,进程控制与计划任务
  • LLM—— 基于 MCP 协议(Streamable HTTP 模式)的工具调用实践
  • 【拓扑排序】P2403 [SDOI2010] 所驼门王的宝藏|省选-
  • Redis学习------缓存雪崩
  • 01初识算法:从零开始的思维之旅
  • 【Spring Cloud】Spring Cloud 跨域解决方案深度剖析与工程实践指南(万字详解)
  • docker 安装elasticsearch
  • uniapp中的$vm
  • LeetCode 56 - 合并区间
  • 7. 传输层协议 TCP
  • 关系型数据库架构最优选择:基于落霞归雁思维框架的分析
  • 15.11 单卡训练770M参数模型!DeepSpeed ZeRO-3实战:RTX 4090显存直降6.8GB
  • 10 分钟上手 Elasticsearch 语义搜索(Serverless Cloud 本地双版本教程)
  • 基因组选择育种-2.1.最佳线性无偏估计
  • GitHub使用小记——本地推送、外部拉取和分支重命名