个人博客系统功能介绍

先上博客地址：https://www.marigold.website

源码待隐藏敏感信息后连同部署方法一同开源，敬请期待！

如有需要请持续关注！如果紧急，可直接与我交流。

引言

本人是某211大学计算机专业的大四学生，都到大四了，还没有做过几个相对完整的软件开发项目。本来是打算找工作，奈何自己专业技术不够硬，只能够选择保研再混三年。在保研之后，才过上了高中老师所说的轻松的大学生活。在此给学弟学妹两点建议(如果不是可以跳过)：首先，最好在大二，最晚大三前要明确自己未来的目标，是读研还是就业，又或者是其他的。我自己到了大三还不知道自己要干嘛，觉得三年过去什么也没学到，我还挺感谢带我大创的老师，为了让我能多打几天工，怂恿我保本校，可以跟他接着读（后来我保上了，但是被他g了）。也是听了他的话，大三开始卷起来了，认认真真上好每一门课，最终也是如愿以偿，没有成为457万大军之一。其次，学点技术总是好的。我是因为大二转专业，需要补很多计算机的基础课，几乎大二一整学年都是满课，上下学期几乎每学期都修了十七八门课程，那段时间真的是噩梦，正因为这样，大二的加权并不高。整天上课，也没机会学点技术，导致想找工作都不知道自己会什么。所以说，学弟学妹们要合理规划自己的时间，该玩的时候玩，该学的时候一定要认真学。

要想人生不那么坎坷，就要学会把路走宽，选项多了，才能成为自己人生的主导者。

总览

扯了这么多，咱们言归正传。搭建博客的目的无非有两个：一是记录自己的学习过程；二是提升自己的开发水平。你要非说还有其他的，那就是装13，做了个炫酷的网站，别人看了都夸是不是倍儿有面子！哈哈哈哈！

博客界面

既然是博客，就要有博客界面和后台管理系统，我们先来看看博客前台的功能：

• 欢迎界面

---

• 首页
  • 博文列表
  • 最新文章
  • 热门文章
  • 平台数据展示
  • 分类汇总
  • 站内搜索
  • 标签云图
  • 滚动公告栏

---

• 文章阅读界面
  • 文章及其相关信息的展示
  • 作者其他热门文章
  • 作者数据
  • 评论
    • 评论展示
    • 评论回复
    • 评论举报（现在想想这个有点多余，因为我把评论设计成了需要审核才能展示的模式）
    • 删除自己的评论
  • 目录（目前正在开发中）

---

• 资源（这部分暂时还未开发，最初的目的是为了上传一些资源文档）

---

• 模板（这部分暂时还未开发，最初的目的是为了放一些代码模板，方便根据需求复制代码）

---

• 生活（其实就是一个留言板，做成了弹幕形式，目前正在重新设计）

---

• 服务（为大家提供一些好用的网站，包括自己开发的一些小工具，目前界面也在考虑重新设计）

---

• 关于
  • 博客简介及相关信息
  • 网站版本及历史版本更新信息
  • 技术栈列表

---

• 友链

  • 展示优质邻居
    • 展示所有邻居
    • 成为邻居申请
  • 申请修改链接信息（开发中）
  • 友链站长信息维护（开发中）

后台管理系统

以上便是我的博客前台功能，再来看一下后台管理系统：

以下内容不分权限，适用于所有用户

• 登录界面
  • 用户名密码登录
  • 手机登录（由于是自己开发的网站，没有任何收入来源，花的都是生活费，至今还未狠下心买短信包)
  • 微信扫码登录(需要域名审核通过才能接入)
  • QQ登录(需要域名审核通过才能接入)
  • 邮箱登录（暂未实现，还在想通过什么方式获得用户的邮箱）
  • 找回密码（暂未实现，目前可以通过管理员重置密码，不过已经收集到了用户的密保信息，后面用户可以自行找回）
  • 自动登录（使用Redis存储用户登录状态，一小时内可以自动登录，但同一账号不能在多个设备登录）
    • 首次登录完善信息
    • 强制更改默认的密码以提高安全性
    • 完善密保信息
      （原本想在该界面收集用户信息，包括：昵称、联系方式、生日、邮箱等，但是觉得这样用户体验不是很好，就放弃了）

---

• 顶部导航栏
  • 根据当前时间动态展示鼓励或者问候的话
  • 头像、展示
  • 头像菜单
    • 更改密码
    • 退出登录

---

• 生日祝福（这个目前还是有点问题的，用户未完善生日信息的话，默认生日是2000-01-01）

---

• 首页
  • 个人博客数据展示
    • 文章数、资源数、代码数
    • 评论数、点赞数、下载数
    • 访问数、贡献值
  • 待办事项（用户可以记录一些事情，防止忘记，后面计划通过邮件通知）
    • 添加待办事项
    • 完成事项和取消完成
    • 删除事项
    • 分类展示（全部、未完成、已完成）
      （原本想要实现截止日期之前提醒，但是给忘了，就是说还是要按照软件开发规范来搞）
  • 快捷入口（将一些常用的功能，以图标的形式展示，方便用户记忆，现在计划搞成用户自定义功能）
    （之前还想展示一些文章信息，比如自己的热门文章，平台内的热门文章，访问数据等）

---

• 文章管理

  • 博文管理

    • 文章列表
      • 标题、点击量、点赞、评论、审核状态等
      • 设为私密或设为公开
      • 编辑、浏览、删除
    • 分页
    • 筛选
    • 搜索标题关键字

  • 文章编辑

    • 标题
    • 内容（Markdown语法）
    • 保存草稿
    • 发布
      • 类型选择（博文、代码模板）
      • 是否上传封面（是的话可以上传单张图片）
      • 内容类别选择
      • 添加自定义文章标签（最多3个）
      • 发布形式（公开或私密）
      • 文章摘要
      • 保存草稿、立即发布

  • 草稿管理

    • 草稿列表分页展示
    • 筛选
    • 标题关键字搜索
    • 编辑
    • 删除

---

• 资源管理（暂未开发，没有好的想法，主要是开源一些文档）

---

• 代码管理（暂未开发，没有好的想法）

---

• 个人信息
  • 展示
  • 修改
  • 绑定手机（起初是为了实现手机登录，暂未开发）
  • 绑定微信（起初是为了实现微信扫码登录，暂未申请微信开放平台应用）
  • 绑定邮箱（绑定邮箱后，大部分的通知都会通过邮箱提醒，向内容审核结果、账号权限变更等）

---

• 消息中心（点赞、评论、内容审核、重置密码、账号拉黑等的通知）

  • 消息列表分页展示
  • 消息内容展示
  • 标为已读
  • 删除
  • 一键全部已读

---

• 回收站（系统采用软删除，用户可以恢复文章）
  • 已删除文章分页展示
  • 筛选
  • 标题关键字搜索
  • 单个恢复
  • 单个彻底删除
  • 批量恢复
  • 批量彻底删除

以下内容具有高级权限的用户才可使用

• 内容审核（审核用户发布的内容，防止有违法内容）
  • 待审核文章列表分页展示
  • 筛选
  • 标题关键字搜索
  • 审核
    • 是否通过
    • 具体意见

---

• 评论审核（审核用户（包括游客）的评论）
  • 未审核评论列表分页展示
  • 通过、不通过

---

• 弹幕管理（管理留言板中的弹幕）
  • 弹幕列表分页展示
  • 弹幕内容关键字搜索
  • 删除弹幕

---

• 服务管理
  • 服务列表分页展示
  • 直接点击访问服务网站
  • 修改服务信息
  • 删除服务
  • 添加服务

---

• 友链管理
  • 友链列表分页展示
  • 直接点击访问友链
  • 友链审核
  • 设为优质、普通
  • 修改友链信息

  ---

• 举报管理
  • 未审核举报列表分页展示
  • 实锤后加入黑名单

---

• 黑名单管理
  • 黑名单列表分页展示
  • 取消拉黑
  • 昵称关键字搜索

---

• 用户管理
  • 用户列表分页展示
  • 重置密码
  • 提升权限、降低权限
  • 删除用户
  • 添加用户
  • 用户名关键字搜索

也是没想到就一个博客系统，我搞了这么多功能。说了这么多，下面来直观感受一下博客界面，并且再详细介绍一下，当然也可以直接来我的博客。

详细介绍

技术栈

前端： Vue.js、HTML、CSS、JavaScript、ElementUI

后端： Java、Springboot、mybatis、Redis

数据库： MySQL、使用了Navicat数据库管理和设计工具

服务器： 腾讯云轻量应用服务器、2核4G，CentOS 7.8 64bit

大部分的动画来自于：Animate.css

博客界面

欢迎界面

该界面使用了打字机动态效果，图中的(Hey,guys!)是动态效果，可以进主页感受。

首页界面

该界面中书架是纯CSS写的，标签云图是vue-wordcloud

阅读文章界面

该界面主要用到mavon-editor组件，用来展示文章内容，右侧还有很大空白，待以后完善。

评论界面

点赞评论均在浏览文章最后

生活界面

该界面主要用到vue-baberrage组件，实现弹幕的功能。

服务界面

该界面的卡片有点太单调了，后面需要美化一下。

友链界面

暂时还没有邻居，展示的话类似于服务界面，但是这个是有网站图标的。

后台管理系统界面

登录界面

首页界面

该界面用到了vue-animate-number数字滚动效果

待办事项

文章管理界面

文章编辑界面

发布文章界面

该界面u1s1借鉴了CSDN.

草稿管理界面

个人信息界面

消息中心界面

回收站界面

内容审核界面

评论审核界面

弹幕管理界面

服务管理界面

用户管理界面

404

403

首次登录完善信息界面

总结

好了，以上就是博客的全部内容了，可能会有一些功能忽略了，但是我现在实在不想写了。如果想体验的话，可以私信我分配一个账号，另外欢迎成为邻居。最后欢迎订阅我的公众号。