个人博客系统功能介绍

您所在的位置:网站首页 我的博客界面 个人博客系统功能介绍

个人博客系统功能介绍

2024-06-07 13:38| 来源: 网络整理| 查看: 265

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

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

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

目录 引言总览博客界面后台管理系统以下内容不分权限,适用于所有用户以下内容具有高级权限的用户才可使用 详细介绍技术栈博客界面欢迎界面首页界面阅读文章界面评论界面生活界面服务界面友链界面 后台管理系统界面登录界面首页界面待办事项文章管理界面文章编辑界面发布文章界面草稿管理界面个人信息界面消息中心界面回收站界面内容审核界面评论审核界面弹幕管理界面服务管理界面用户管理界面404403首次登录完善信息界面 总结

引言

本人是某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

在这里插入图片描述

首次登录完善信息界面

在这里插入图片描述

总结

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

在这里插入图片描述



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3