React技术栈+spring boot+koa+mysql实现的智能相册应用

功能描述

前端部分

图片瀑布流展示

图片自定义标签

支持批量上传及单个上传,上传时可以选择相册,名字描述等等

路由权限管理

对图片或者相册页的修改立即生效

登陆注册字段约束

修改密码,以及资料等

后端部分

后端大佬的repo链接

spring boot mybaties数据库操作

基于session的身份验证

基本的增删查改以及路由管理

图片exif信息读取

修改密码,发送邮件

相册及图片可打包下载

图片误删除可找回

使用百度AI接口,智能分类图片

技术栈

react

antd

mobx-react

mobx

react-route-dom

babel

webpack

Koa

Spring Boot

mysql

项目效果

PS 已经部署在 newbee.cf:3000可以注册一个帐户体验一下,服务器只有1M的带宽可能比较卡,可以自行部署到本机体验

首页

注册

登录

个人主页

个人主页

上传图片

修改资料

回收站

多选删除

项目介绍

这就是一个简易的增删查改相册应用,有的地方还不完善,待更新

如何部署?

本项目前后端分离,部署需要两个都部署下.

前端: git clone https://github.com/jueinin/smart-album-frontend.git

cd smart-album-frontend

npm install ,npm start 即可

后端: git clone https://github.com/dreamgyf/smart_album.git --depth 1

新建test数据库并执行sql语句点我下载

在application.properties文件内配置好QQ邮箱的账号密码,注意不是QQ密码,要去qq邮箱申请一个密钥密码,并修改email包下类的From字段为你的邮箱

运行SmartAlbumApplication主类即可

有问题欢迎提issue,尚未完善,还有一些bug,遇见了可以直接刷新先跳过