Skip to content

Se1faware/VanGoghPic

Repository files navigation

Van GoghPic

VanGoghPic 是一个在线分享壁纸网站,传递交流图像分享画册与便携性管理画册

采用前后端分离技术,包含多种功能 用户注册登录,图片下载,图片收藏与图片分享

后端地址:https://github.com/jiaoyanxia/VanGoghPic_Admin

本项目所用技术

前端 后端
Vue2 + VueX + VueRouter Mysql
Axios Docker + FastDFS
Element-Ui Redis
Less Django + DRF

前端框架使用 Vue搭配 Element, 开发语言为JavaScript, 后端框架使用 Django ,开发语言为 Python

使用Docker搭配FastDFS进行存储图片,Redis存储session与图片短信验证码,数据库采用Mysql

登录功能

功能:用户输入用户名账号与密码进行登录

image-20220515200310030

注册

功能:用户需输入用户名,两次密码,电话号码,图片验证码与短信验证码进行注册

image-20220515200322018

个人主页

功能:展示与修改用户基本信息,以及退出登录

image-20220515200509890

修改个人信息

无需全部修改,可选取进行单独修改

image-20220515200626037

主页

功能:展示用户,画册,图片数据

image-20220515194922414

类型页

功能:展示对应分类的图片

图片详情 查看功能

image-20220515195046553

画册页

功能:展示所有画册

前期本来想着画册也弄个分类 后面想着既然图片有分类,画册像盲盒一样随机展示也挺不错的

image-20220515195104311

画册详情页

功能:展示用户头像名称,留言(待),收藏画册,画册简介,创建时间以及画册图片展示等等

image-20220515195117476

收藏画册过程

image-20220515195157529

上传图片

功能:用于上传图片

基本图片都会经过一个严谨的过程,大多会在后台上传;但是项目制作周期较紧而且想着便携的提交图片就写在主页了,如果是自己想二次开发的话建议这方面加强图片上传过程或者建个后台在后台上传;

image-20220515195215440

收藏夹

功能:用于展示当前用户创建的画册与收藏的画册,包括右上角创建画册功能

image-20220515195837369

无收藏状态

image-20220515200245482

创建画册

创建画册需填写画册名称,类型,权限与简历,以及上传画册中图片

image-20220515201413418

创建成功后跳转页面

image-20220515201426539

创建后的画册页面

image-20220515201452188

这就是大致的功能啦,如果有疑问或其他功能请留言 🕊️

后期有空可能会重构一下改为后台与前端的配置,内容依旧是图片社区类型

2022 - 5 - 22 ++

画册分享

功能:修改画册标题,描述;删除与添加画册图片

image-20220522220523052

画册评论

功能:评论,删除评论,点赞功能

image-20220522215621541

用户主页

功能:点击用户头像查看用户

后续优化:UI整改,用户关注,聊天系统

image-20220522215748125

画册分享

功能:微博分享

后续优化:微信分享

image-20220522220419008

优化:图片

图片增加展示与多图功能

image-20220522215909174

图片节流触底加载

image-20220522220242281

近期有点忙 暂时不优化了 虽然有些地方写的不尽人意 ,但还是等真正有空再大改一番

About

Van Goghpic is an online wallpaper-sharing site

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published