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

springboot+react实现移动端相册(上传图片到oss/ 批量删除/ 查看图片详情等功能)

相册页面及功能展示:
在这里插入图片描述
react前端结构及代码:
在这里插入图片描述
Java后端结构及代码
在这里插入图片描述
数据库结构:
在这里插入图片描述
photo:
在这里插入图片描述
user
在这里插入图片描述
这是首个利用AI+自有知识构建的简易相册系统,项目是react构造前端+spring boot构造后端。

  1. 前端有四个主要页面:LoginPage.js / HomePage.js / PhotoDetailPage.js /
    ProfilePage.js 对应的功能分别为:登录/首页相册/图片详情/个人中心
  2. 后端有两个实体类:User Photo,及其对应的Controller和Repository接口,和一个Web Cors 跨域配置
    分别解决用户登录 、 图片的增加/删除/调用、跨域请求的逻辑
  3. 对应的API为:

http://localhost:8080/api/user/login
http://localhost:8080/api/photo/upload
http://localhost:8080/api/photo/delete

其中还在后端配置了阿里云的OSS,将图片都存储在阿里云中。
在实现的过程中遇到的问题总结(均已解决):

  • java的JDK不匹配(通过设置java编译器的版本解决)
  • java依赖版本冲突
  • OSS路径错误导致的图片上传失败
  • inputStream连着调用两次导致读到分辨率开始报错(inputStream只能用一次)
  • 跨域问题,只能在localhost:3000访问,而换成ip访问却不行(在Cors配置中添加ip的放行)

http://www.kler.cn/a/354611.html

相关文章:

  • 和为0的四元组-蛮力枚举(C语言实现)
  • 25年01月HarmonyOS应用基础认证最新题库
  • 实习总结(项目篇)
  • Flutter Web 选取并上传图片
  • 设计模式-结构型-适配器模式
  • JMeter + Grafana +InfluxDB性能监控 (二)
  • Facebook上的隐私保护:如何加强个人数据的安全性?
  • redis高级数据类型之Geospatial
  • RDK X5/X3 yolov5目标检测从环境搭建到设备集成
  • 深度学习的程序实例
  • MT1331-MT1340 码题集 (c 语言详解)
  • MATLAB垃圾定位和检测识别系统
  • JavaWeb合集-SpringBoot项目配套知识
  • QEMU入门1:ubuntu22.04搭建QEMU运行环境
  • 【python实战】利用代理ip爬取Alibaba海外版数据
  • zabbix 6.4主机名不支持中文的问题优化
  • HTTP vs WebSocket
  • 自动化检查网页的TDK,python+selenium自动化测试web的网页源代码中的title,Description,Keywords
  • uni-app uni.setTabBarBadge 不生效
  • 08 django管理系统 - 部门管理 - 部门分页
  • jsp怎么实现点赞功能
  • 编译器与集成开发环境
  • 基于jsp+Spring boot+mybatis的图书管理系统设计和实现
  • 04 django管理系统 - 部门管理 - 新增部门
  • Js 更加优雅地实现Form表单重置
  • 亚洲 Web3 市场:Q3 监管变化与市场驱动力探析