个人博客系统项目-已开源

博客上线地址:

欢迎访问我的博客!http://hikari.top

项目介绍

实现了一个简单的个人博客系统,技术栈为后端SpringBoot+JPA+MySQL,前端Vue+ElementUI+Echarts系统分为前台展示和后台管理两个部分,前台部分主要分为了引导页,首页,随笔,项目,留言和关于我页面,使用响应式布局,能够自适应移动端,后台有首页,博客管理,撰写博客,用户管理,分类管理,标签管理,评论管理,随笔管理,项目管理,个人中心,图片管理。

项目开源地址:

博客前端:https://gitee.com/tyoubin_admin/myblog-frontend.git
博客后端:https://gitee.com/tyoubin_admin/myblog-backend.git

本项目将长期更新与维护,欢迎拉取和star!

项目截图及亮点

博客引导页:随机二次元背景,透明菜单栏,环绕边框动画,动态简介,动态下拉按钮。点击顶部半透明导航栏相应菜单可进行页面切换,博客搜索,用户登录和注册。

博客首页:博客,分类,标签以及最新推荐。博客分页显示,点击下方分页可进行页面切换,点击分类和标签可以对博客进行筛选。

随笔页:边框颜色后台获取,markdown文本格式展示

项目页:根据项目的完整程度等因素,分为完整项目和小练习两部分,均为部署上线的项目,点击可以跳转显示。

留言版:可匿名发表留言,也可登录后发表。

关于我:展示我的资料,技能,作品,爱好以及自我评价,使用了卡片翻转,轮播图等动画效果。

后台管理系统首页:Echarts博客后台数据展示,标签3D球体标签云动画,地图展示不同地区用户数量。鼠标移动到地图块可显示该地区用户的 头像和昵称。

后台博客管理:可直接修改博客的分类,添加或删除标签,点击展开栏可修改博客的首图,点击修改按钮可跳转到博客撰写页面修改博客的标题和内容。
个人博客系统项目-已开源_第1张图片
后台用户管理:可查找用户,修改用户的管理权限,删除用户。
个人博客系统项目-已开源_第2张图片
后台博客撰写:可编辑博客,选择博客分类,标签,上传博客首图,发布文章
个人博客系统项目-已开源_第3张图片
后台分类管理
个人博客系统项目-已开源_第4张图片
后台标签管理
个人博客系统项目-已开源_第5张图片
后台个人中心
个人博客系统项目-已开源_第6张图片
后台评论管理
个人博客系统项目-已开源_第7张图片
后台随笔管理:添加颜色选择器,自定义前台随笔边框颜色
个人博客系统项目-已开源_第8张图片
后台项目管理
个人博客系统项目-已开源_第9张图片
后台图片管理:懒加载,流式布局

项目数据库表设计

个人博客系统项目-已开源_第10张图片

你可能感兴趣的