前后端分离型个人博客系统，有前台展示页面和后台管理系统，可多账号协同管理。集摄影、电影、音乐、学习笔记、日记等模块为一体，可用于知识管理、影像收藏、作品展示、生活记录。解决LeetCode、Instagram、LOFTER、豆瓣电影、豆瓣音乐、豆瓣读书、微博等平台功能分散，本地主机存储无法按需展示的问题，旨在打造一站式资料收藏陈列系统。

在线演示地址：/* */

测试用管理员账号密码：/* */

• Vue+ElementUI+Axios实现的前台展示页面，各模块色系独立，样式统一。

  项目根目录：Blog404/Front/Blog404-Client-ElementUI

  开发笔记详见：Blog404/resources/docs/前端 - 前台博客页面

• Vue+Axios实现的前台展示页面，各模块样式独立。

  项目根目录：Blog404/Front/Blog404-Client-Independent

  开发笔记详见：Blog404/resources/docs/前端 - 后台管理系统

• Spring Boot+MyBatis Plus+Redis+RocketMQ+Shiro实现的后台管理系统。

  项目根目录：Blog404/End/Blog404-SpringBoot

  开发笔记详见：Blog404/resources/docs/后端 - Spring Boot版

• Spring Cloud+Oracle+Redis+Kafka+Shiro实现的后台管理系统，微服务型。

  项目根目录：Blog404/End/Blog404-SpringCloud

  开发笔记详见：Blog404/resources/docs/后端 - Spring Cloud版

在前端项目根目录下运行Git Bash，执行下列指令，浏览器将自动打开项目。

cnpm install
npm run dev

• 运行端口号在config/index.js文件内修改。

• 后端交互URL在src/utils/request.js文件内修改。

• Spring Boot+MyBatis Plus+Redis+RocketMQ+Shiro实现的后台管理系统。

  项目根目录：Blog404/End/Blog404-SpringBoot

  • 启动端口号在/* */文件内修改

  • 修改数据库连接

    /* */文件内修改

  • 启动Redis

  • 启动RocketMQ

  • 启动Spring Boot启动类

    /* */

• Spring Cloud+Oracle+Redis+Kafka+Shiro实现的后台管理系统，微服务型。

  项目根目录：Blog404/End/Blog404-SpringCloud

  • 启动端口号分别在各模块的/* */文件内修改

  • 修改数据库连接

    /* */文件内修改

  • 启动Redis

  • 启动Kafka

  • 启动各模块启动类

    /* */

数据库文件目录：Blog404/resources/databases

数据库中执行.sql文件，导入数据库。

含原始.xlsx文件，便于修改内容。修改后可在Navicat中将.xlsx导入成数据记录。

模块：HOME / CODE / PHOTOGRAPH / MOVIE / MUSIC / READING / DAILY / CONTACT

首页。

• 支持自动播放背景音乐，可暂停。/* 音量调节已隐藏待开放，待实现切歌 */
• 有头部导航栏、右上角估计迷你可全屏展开网格导航栏。
• 背景图片走马灯切换，hover时显示切换键。
• banner位置有鼠标粒子特效，不遮挡信息。
• 鼠标点击有爱心上浮特效。

模块：Java / Go / Front-End / Algorithm

代码、题解、笔记。

• 支持文章分页显示，默认按后台管理系统设置的优先级排序，可按时间顺序排序。

• 支持关键词搜索、按标签分类。

• 详情页支持代码高亮显示。

• 详情页可插入图片，点击图片可全屏显示。

• 已登录用户可进行文章收藏，留言讨论。

模块：Favorite / Album / Timeline / Photographer

摄影作品展示，相册，摄影时间线记录，摄影师及其摄影集收藏。

• 摄影作品展示，从相册中获取标为待展示的图片，按后台管理系统设置的优先级排序。

• 图片按相册分类，相册列表按后台管理系统设置的优先级排序，可按创建时间顺序排序。

• 相册详情页含图片列表+相册文字描述，hover可预览大图。

• 图片详情含图片全屏显示+图片文字描述+图片参数信息，可走马灯切换。

• 按原创图片发布批次归档，按发布时间线倒序。
• 单条发布详情含图片列表+该条动态文字描述，hover可预览大图。
• 点击图片可全屏显示，含图片文字描述+图片参数信息，可走马灯切换。

• 默认显示所有收藏的摄影师，按后台管理系统设置的优先级排序。
• 支持关键词搜索。
• 世界地图中各国按该国籍摄影师数量呈现相应深浅的背景色。
• 世界地图hover可显示已收藏的该国籍的摄影师名字列表。
• 点击世界地图显示相应国籍的摄影师列表。
• 点击摄影师进入其详情页，含图片+信息介绍，下滑出现其摄影集列表。
• 点击摄影集进入其详情页，含摄影集信息介绍+摄影作品列表，按后台管理系统设置的优先级排序。
• 点击图片可全屏显示，含图片文字描述+图片参数信息，可走马灯切换。

模块：Director / List

导演及其执导影片收藏，电影海报、剧照收藏，影评记录。影片包括电影、纪录片、mv、广告、真人秀等各种形式的影像。

• 默认显示所有收藏的导演，按后台管理系统设置的评分排序。
• 支持关键词搜索。
• 世界地图中各国按该国籍导演数量呈现相应深浅的背景色。
• 世界地图hover可显示已收藏的该国籍的导演名字列表。
• 点击世界地图显示相应国籍的导演列表。
• 点击导演进入其详情页，含图片+信息介绍，点击more进入该导演图片列表，点击图片可全屏显示，可走马灯切换。下滑出现其执导影片列表，按后台管理系统设置的评分排序，可按上映时间排序。
• 点击影片进入其详情页，含影片信息介绍+影评+剧照缩略图，可从该影片已上传的海报或剧照中选择一些添加到影评内。
• 点击剧照more可浏览该影片所有的海报+剧照，左上角可切换显示海报或剧照。/* v-show */
• 点击图片可全屏显示，含图片文字描述，可走马灯切换。

• 默认显示所有收藏的影片，可切换显示已看或想看，默认为已看。已看按后台管理系统设置的评分排序，未看按后台管理系统设置的优先级排序。
• 世界地图中各国按该制片地的影片数量呈现相应深浅的背景色。
• 世界地图hover可显示已收藏的该国制片的影片名字列表。
• 点击世界地图显示相应制片国的影片列表。
• 可按发行时间、类型等标签进行分类，支持关键词搜索。
• 点击影片进入其详情页，含影片信息介绍+影评+剧照缩略图，可从该影片已上传的海报或剧照中选择一些添加到影评内。
• 点击剧照more可浏览该影片所有的海报+剧照，左上角可切换显示海报或剧照。/* v-show */
• 点击图片可全屏显示，含图片文字描述，可走马灯切换。

模块：Artist / PlayList

歌手、专辑、单曲、专辑收藏。

• 默认显示所有收藏的歌手，按后台管理系统设置的优先级排序。
• 支持关键词搜索。
• 世界地图中各国按该国籍歌手数量呈现相应深浅的背景色。
• 世界地图hover可显示已收藏的该国籍的歌手名字列表。
• 点击世界地图显示相应国籍的歌手列表。
• 点击歌手进入其详情页，含图片+信息介绍，点击more进入该歌手图片列表，点击图片可全屏显示，可走马灯切换。下滑出现其专辑列表，按后台管理系统设置的评分排序，可按发行日期排序。
• 点击专辑进入其详情页，含专辑信息介绍+歌曲列表+专辑封面。点击封面可全屏显示。
• 点击音乐进入播放页面，有专辑封面旋转唱片，点击则切换为滚动歌词，有相应控制面板。

• 默认显示所有创建的歌单，按后台管理系统设置的优先级排序。

• 支持关键词搜索。

• 点击歌单进入其详情页，含歌单信息介绍+歌曲列表+歌单封面。点击封面可全屏显示。

• 点击音乐进入播放页面，有专辑封面旋转唱片，点击则切换为滚动歌词，有相应控制面板。

模块：Note / Author

作家收藏，书评、摘录、笔记。

• 支持关键词搜索、按标签分类。

• 默认显示所有笔记，含标题+摘要。默认按后台管理系统设置的优先级排序，可按时间顺序排序。

• 详情页支持重点词或段落的高亮和注释。可插入图片，点击图片可全屏显示。

• 默认显示所有收藏的作家，按后台管理系统设置的优先级排序。
• 支持关键词搜索。
• 世界地图中各国按该国籍作家数量呈现相应深浅的背景色。
• 世界地图hover可显示已收藏的该国籍的作家名字列表。
• 点击世界地图显示相应国籍的作家列表。
• 点击作家进入其详情页，含图片+信息介绍，点击more进入该作家图片列表，点击图片可全屏显示，可走马灯切换。下滑出现其书籍列表，按后台管理系统设置的评分排序，可按出版日期排序。
• 点击书籍进入其详情页，含书籍信息介绍+摘录+书评。

• 默认显示所有收藏的书籍，按后台管理系统设置的评分排序。

• 支持关键词搜索，支持按类型、关键词分类。

• 点击书籍进入其详情页，含书籍信息介绍+摘录+书评。

日记、随笔、猫咪成长记录、旅行记录、旅行地点收藏、网站收藏

模块：Journal / Kittens / Travel / Collection

• 默认显示所有日记，不折叠，按发布时间倒序。
• 可插入图片，点击图片可全屏显示。

• 猫咪日龄、体重、食量随日期变化的折线图。共3*n条折线，默认显示所有猫咪的体重折线。点击折线可增加显示或取消显示对应的数据，纵坐标可自适应。
• 默认显示所有的成长图文记录，按发布时间倒序。点击猫咪头像可切换到该猫咪的成长图文记录列表。
• 支持发布视频。

• 默认显示所有收藏的旅行地点，按后台管理系统设置的优先级排序。
• 支持关键词搜索，按人文、建筑、地质、自然风光等标签分类。
• 地图中各地区按该地区已收藏的子地区数量呈现相应深浅的背景色。
• 地图hover可显示该地区已收藏的子地区名字列表。
• 点击地图可进入下一级子地区，同时显示该子地区的旅行地点列表。
• 点击旅行地点进入其图文详情页。点击图片可全屏显示。

• 一些常用网站的收藏，默认按后台管理系统设置的推荐程度排序。
• 点击后在新标签打开。

联系方式。

• Email，点击后自动打开邮件发送页面。

• Wechat，hover时在旁边显示二维码。

• GitHub、Instagram、Sina，点击后在新标签打开。

• 游客或已登录用户可发送留言或反馈信息。表单包含昵称、手机号码、邮箱、内容。

• 博主信息设置：头像、昵称、简介、Email、GitHub、Wechat、Instagram、Sina。

• 博客信息设置：Title、域名。

• 博客主题设置：各模块Cover图、Banner图、Background图。

• 评论列表
• 收藏提醒

• 创建相册。

• 发布时间线图文记录，为已添加的图片分别添加文字描述、参数信息，并指定所属相册，可批量处理。

• 时间线发布成功后，图片异步上传到指定相册。

• 从相册中选取展示作品，并排序。

• 添加摄影师

• 添加摄影集

• 创建标签
• 添加电影
• 添加导演

• 创建标签
• 创建歌单
• 添加歌手

• 创建标签
• 添加书籍
• 添加作家

• 收到的反馈信息列表

用户管理

添加管理员

修改管理员信息

指定角色、分配权限。