jueinin / smart-album-frontend

智能相册的前端部分,项目已经部署,欢迎蹭网

Home Page:http://www.newbee.cf:3000

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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,遇见了可以直接刷新先跳过

About

智能相册的前端部分,项目已经部署,欢迎蹭网

http://www.newbee.cf:3000


Languages

Language:TypeScript 68.2%Language:JavaScript 25.8%Language:CSS 5.1%Language:HTML 0.8%