(源码)基于Spring Boot和Vue的个人博客系统.zip

# 基于Spring Boot和Vue的个人博客系统 ## 项目简介 本项目是一个基于Spring Boot和Vue框架开发的个人博客系统，旨在提供一个功能齐全、易于维护的博客平台。系统分为前台展示和后台管理两个部分，前台部分主要包括引导页、首页、随笔、项目、留言和关于我页面，后台部分则包括首页、博客管理、撰写博客、用户管理、分类管理、标签管理、评论管理、随笔管理、项目管理、个人中心和图片管理等功能。 ## 项目的主要特性和功能 ### 前台展示 - **引导页**：随机二次元背景，透明菜单栏，环绕边框动画，动态简介，动态下拉按钮。 - **首页**：博客、分类、标签以及最新推荐，博客分页显示，支持分类和标签筛选。 - **随笔页**：边框颜色后台获取，Markdown文本格式展示。 - **项目页**：根据项目的完整程度分为完整项目和小练习两部分，点击可以跳转显示。 - **留言版**：可匿名发表留言，也可登录后发表。 - **关于我**：展示个人资料、技能、作品、爱好以及自我评价，使用了卡片翻转、轮播图等动画效果。 ### 后台管理 - **首页**：Echarts博客后台数据展示，标签3D球体标签云动画，地图展示不同地区用户数量。 - **博客管理**：可直接修改博客的分类，添加或删除标签，点击展开栏可修改博客的首图，点击修改按钮可跳转到博客撰写页面修改博客的标题和内容。 - **用户管理**：可查找用户，修改用户的管理权限，删除用户。 - **撰写博客**：可编辑博客，选择博客分类，标签，上传博客首图，发布文章。 - **分类管理**：管理博客分类。 - **标签管理**：管理博客标签。 - **评论管理**：管理博客评论。 - **随笔管理**：添加颜色选择器，自定义前台随笔边框颜色。 - **项目管理**：管理个人项目。 - **图片管理**：懒加载，流式布局。 ## 安装使用步骤 ### 前提条件 - 已安装Java开发环境（JDK 8或更高版本）。 - 已安装Maven构建工具。 - 已安装Node.js和npm（用于前端Vue项目）。 - 已安装MySQL数据库。 ### 后端安装步骤 1. **复制项目**： ```bash ``` 2. **导入项目**： 使用IDE（如IntelliJ IDEA或Eclipse）导入项目。 3. **配置数据库**： 在`application.properties`文件中配置数据库连接信息： ```properties spring.datasource.url=jdbc:mysql://localhost:3306/yourdatabase spring.datasource.username=yourusername spring.datasource.password=yourpassword ``` 4. **运行项目**： 在IDE中运行`Blog2Application.java`文件，启动Spring Boot应用。 ### 前端安装步骤 1. **进入前端目录**： ```bash cd your-repo/myblog-frontend ``` 2. **安装依赖**： ```bash npm install ``` 3. **运行前端项目**： ```bash npm run serve ``` 4. **访问项目**： 打开浏览器，访问`http://localhost:8080`（默认端口）。 ### 数据库表设计 项目数据库表设计包括博客、用户、评论、分类、标签、随笔、项目等表，具体设计请参考项目中的数据库设计文档或数据库表结构图。 通过以上步骤，您可以成功安装并运行基于Spring Boot和Vue的个人博客系统。