• 售前

  • 售后

热门帖子
入门百科

前后端分离 -- 深入浅出 Spring Boot + Vue + ElementUI 实现相册管理系统

[复制链接]
123457245 显示全部楼层 发表于 2022-1-12 12:12:15 |阅读模式 打印 上一主题 下一主题
前后端分离 – 深入浅出系列 Spring Boot + Vue + ElementUI 实现相册管理系统【文件上传 分页 】 文件上传也不过如此~

引言

   Hello,我是Bug终结者,一名热爱后端Java的风趣且幽默的程序员~ 终于等到幸运的你~
  快来发现我的宇宙哦~
  博文系列

深入浅出前后端分离系列第一篇:前后端分离 — 深入浅出Spring Boot + Vue实现员工管理系统 Vue如此简单~
项目简介

开发一个基于Spring Boot + Vue的前后端分离相册管理系统项目,完成增、删、改、列表、多条件、分页的功能
功能细节:


  • 实现照片的新增、删除、修改、列表、多条件、分页
  • 图片上传使用 el-upload 控件,建议设置 auto-upload 为 false。
  • 控制图片最大不能超过5M
  • 上传的必须是图片,或者约束后缀为 png/jpg/gif/bmp等图片。
  • 建议先保存标题信息到数据库,并返回得到noid的值,然后再上传图片,并更新 relative_path字段。
  • 图片保存文件命名为 yyyyMMdd/HHmmssXXXX.后缀这样的图片,例如图片为 仓鼠.png,保存后类似为 20220107/1115232832.png, XXXX表示4位的随机数字。
  • 图片在列表上显示为 200X200大小
  • 列表要支持分页,分页控件使用 el-pagination
  • 删除的时候,要将图片从硬盘上删除掉,然后再删除数据库中的记录。
  • 列表页显示如下

效果图


开发环境

后端:Spring Boot + MyBatis + Maven
前端:Vue + ElementUI
工具:前端使用WebStorm,后端使用IDEA
放松一下~

适度适度~


<strong>挺解乏的哦~
来源:https://blog.caogenba.net/weixin_45526437/article/details/122395308
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作