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

个人博客系统项目-已开源博客上线地址:欢迎访问我的博客!http://hikari.top项目介绍实现了一个简单的个人博客系统,技术栈为后端SpringBoot+JPA+MySQL,前端Vue+ElementUI+Echarts系统分为前台展示和后台管理两个部分,前台部分主要分为了引导页,首页,随笔,项目,留言和关于我页面,使用响应式布局,能够自适应移动端,后台有首页,博客管理,撰写博客,用户管理,分类管理,标签管理,评论管理,随笔管理,项目管理,个人中心,图片管理。项目开源地址:博客前端:https://gitee.c

博客上线地址:

欢迎访问我的博客!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球体标签云动画,地图展示不同地区用户数量。鼠标移动到地图块可显示该地区用户的 头像和昵称。
在这里插入图片描述
后台博客管理:可直接修改博客的分类,添加或删除标签,点击展开栏可修改博客的首图,点击修改按钮可跳转到博客撰写页面修改博客的标题和内容。
在这里插入图片描述
后台用户管理:可查找用户,修改用户的管理权限,删除用户。
在这里插入图片描述
后台博客撰写:可编辑博客,选择博客分类,标签,上传博客首图,发布文章
在这里插入图片描述
后台分类管理
在这里插入图片描述
后台标签管理
在这里插入图片描述
后台个人中心
在这里插入图片描述
后台评论管理
在这里插入图片描述
后台随笔管理:添加颜色选择器,自定义前台随笔边框颜色
在这里插入图片描述
后台项目管理
在这里插入图片描述
后台图片管理:懒加载,流式布局
在这里插入图片描述

项目数据库表设计

请添加图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/37415.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注