系统简介

个人博客系统分为两个部分,一部分是前台展示系统,另一部分是后台管理系统。前台展示系统有浏览博客,发表评论,搜索博客,查看个人信息等功能;后天管理系统有写博客,修改博客,删除博客,管理评论,修改个人信息等功能。

所用技术:

vue+vue-router+vuex+less+axios+ueditor+node.js+mysql

系统页面设计

基于Vue的个人博客页面设计图

界面效果

前台博客系统

加载界面

加载页面

前台系统首页

前台系统首页

技术文章界面

技术文章界面

音乐文章界面

音乐文章界面

感悟文章界面

感悟文章界面

归档界面

归档界面

关于(个人信息)界面

关于界面

搜索页面

按关键字搜索
点击标签搜索

文章详情页面及评论页面

点击“上一篇文章”可跳转到上一篇文章,点击“下一篇文章”同理。
文章详情页及评论页面

后台管理系统

登录界面

登录界面
信息验证错误提示

技术文章(管理)界面

技术文章管理界面

音乐文章(管理)界面

音乐文章管理界面

感悟文章(管理)界面

感悟文章管理界面

评论管理页面

删除成功后会更新列表
评论管理页面
删除评论提示

我的信息页面

我的信息管理页面

修改信息提示

写文章

写文章页面

保存更改提示

保存成功提示

修改文章

修改文章页面

文章状态修改

状态由发表修改为草稿
状态由草稿改为发表

删除文章

删除成功后提示并更新列表
删除文章提示

退出登录

退出登录提示