这是一款基于Spring Boot框架开发的静态界面博客系统，为博主提供了一个简便、美观且功能强大的发布和管理个人文章的平台。
在本项目中，我们关注的是一个基于Spring Boot构建的博客系统的前端部分，主要涉及HTML和前端开发技术。Spring Boot是一个非常流行的Java框架，用于简化Web应用程序的开发过程，特别是对于微服务架构。在这个博客系统中，前端部分是用户与应用交互的界面，它负责展示信息并接收用户的输入。
让我们深入了解HTML（HyperText Markup Language），这是创建网页内容的基本语言。HTML由一系列的元素组成，这些元素通过标签来定义，如``, ``, ``, `
`等。在本项目中，`<title>`标签用于设置页面标题，而`<head>`包含了页面的元数据，如字符集设置。`<body>`则包含实际的网页内容，如文本、图像、链接等。HTML5引入了许多新特性，如离线存储、音频视频支持以及更强大的表单控件，这在现代网页开发中非常重要。
接下来，前端开发通常会结合CSS（Cascading Style Sheets）来控制页面的样式和布局。CSS允许开发者定义字体、颜色、间距、布局和响应式设计，确保网页在不同设备上都能良好显示。在博客系统中，CSS可能被用来设计文章列表的样式，设置标题、正文、评论区域的样式，以及按钮、链接和其他交互元素的视觉效果。
此外，为了实现动态交互和数据处理，前端可能还利用了JavaScript，这是一种客户端脚本语言。JavaScript可以用于验证用户输入、改变DOM（Document Object Model）结构、处理事件（如点击、滚动等）以及与服务器进行异步通信（AJAX）。在博客系统中，JavaScript可能用于实现文章的分页加载、评论的实时更新或者表单提交时的前端验证。
考虑到这是一个静态界面的项目，静态资源很可能被组织在static2目录下。在Spring Boot中，这个目录通常用于存放HTML、CSS、JavaScript文件以及图片、字体等其他静态资源。Spring Boot自动配置了一个静态资源处理器，使得这些文件可以直接通过HTTP请求访问，无需额外的后端逻辑。
在开发过程中，开发者可能会使用诸如Bootstrap这样的前端框架来加速开发，Bootstrap提供了一套响应式的CSS和JavaScript组件，如导航栏、网格系统、表单和模态框，可以帮助快速构建美观且适应各种屏幕尺寸的界面。此外，前端构建工具如Webpack或Gulp也可能被用来自动化编译、打包和优化前端资源，提高开发效率和网站性能。
这个博客系统前端部分的核心技术包括HTML、CSS和JavaScript，它们共同构建了用户所见的界面。Spring Boot的静态资源处理机制使得这些静态文件能够顺利服务于用户。通过熟练运用这些技术，开发者可以构建出功能完备、用户体验良好的博客系统。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="<span style=color: #f73131>Spring</span> <span style=color: #f73131>Boot</span><span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>系</span><span style=color: #f73131>统</span>"
href="https://d.itadn.com/i0_71164127776/B/950195" target="_blank"><span style=color: #f73131>Spring</span> <span style=color: #f73131>Boot</span><span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>系</span><span style=color: #f73131>统</span></a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
Spring Boot博客系统是一款基于Spring Boot框架开发的高效、简洁且易于扩展的个人或团队博客平台。它集成了众多实用功能，如文章管理、评论互动和用户认证等，为博主提供了强大的技术支持与友好的用户体验设计。
蔡勇使用Springboot技术开发了一个博客系统，开发工具为idea。该系统实现了对博客的增删查改功能、用户管理以及标签管理等功能，并包含数据库配置，请下载后自行进行相关设置。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="<span style=color: #f73131>基</span><span style=color: #f73131>于</span><span style=color: #f73131>Spring</span> <span style=color: #f73131>Boot</span><span style=color: #f73131>的</span>个人<span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>系</span><span style=color: #f73131>统</span>"
href="https://d.itadn.com/i0_46706793287/B/365312" target="_blank"><span style=color: #f73131>基</span><span style=color: #f73131>于</span><span style=color: #f73131>Spring</span> <span style=color: #f73131>Boot</span><span style=color: #f73131>的</span>个人<span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>系</span><span style=color: #f73131>统</span></a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
本项目是一款采用Spring Boot框架开发的个人博客系统，旨在为用户提供简洁、高效的博客搭建解决方案。
基于Spring Boot的个人博客系统是一个利用Spring Boot框架开发的应用程序，旨在为用户提供一个便捷、高效的平台来发布和管理自己的博客内容。该系统集成了用户认证与授权机制，并支持文章分类、标签管理和评论功能等特性。通过简洁直观的设计界面以及灵活的数据配置选项，开发者可以轻松地定制属于自己的个人网站或技术分享空间。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="<span style=color: #f73131>Spring</span> <span style=color: #f73131>Boot</span> <span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>项</span><span style=color: #f73131>目</span><span style=color: #f73131>的</span>综合实践"
href="https://d.itadn.com/i0_19121780619/B/1150034" target="_blank"><span style=color: #f73131>Spring</span> <span style=color: #f73131>Boot</span> <span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>项</span><span style=color: #f73131>目</span><span style=color: #f73131>的</span>综合实践</a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
本项目是基于Spring Boot框架构建的一个博客系统，涵盖了用户管理、文章发布与评论互动等功能模块。旨在通过实际操作加深对Spring Boot应用开发的理解和掌握。
Spring Boot 综合博客项目实践是一个基于Spring Boot框架的博客系统开发案例。这个项目旨在帮助开发者理解如何使用Spring Boot构建一个功能完善的博客应用，涵盖从数据库交互到前端展示的完整流程。
在该项目中，我们将深入探讨Spring Boot的核心特性，包括自动配置、起步依赖和内嵌Web服务器等。通过实践，开发者可以学习设计RESTful API，实现用户注册与登录功能，以及创建、编辑和删除博客文章。此外，项目还可能涉及模板引擎（如Thymeleaf）用于生成动态网页，使用Spring Data JPA进行数据库操作。
spring boot是Java生态系统中的一个关键组件，它简化了Spring应用的初始设置和配置，使开发者能够快速启动新项目。其核心优势在于“开箱即用”的特性，预设了许多常见配置，并允许自定义调整。
【文件详解】
1. `.gitignore`：这是一个配置文件，用于指定在Git版本控制系统中忽略哪些文件或目录。通常包含编译生成的文件、日志文件等，以避免将它们纳入版本控制。
2. `blog_mysql.sql`：这是MySQL数据库脚本段落件，可能包含了博客项目的初始化数据，如用户表和文章表等。开发者可以通过导入这个脚本来设置测试数据环境。
3. `pom.xml`：这是Maven项目对象模型（POM）文件，定义了项目依赖、构建指令和其他元信息。Spring Boot通常使用Maven或Gradle进行构建，而`pom.xml`是Maven项目的配置核心。
4. `src`：源代码目录，包含Java源文件和资源文件等。在Spring Boot中，通常会有`main`和`test`两个子目录分别存放主代码和测试代码。
5. `.git`：这是Git仓库的隐藏目录，存储了版本控制的相关信息。
6. `.idea`：这是IntelliJ IDEA（或其他IDE）的工作区文件，包含了项目的配置信息和索引。这些文件对项目本身不重要，但对开发环境设置很有用。
7. `target`：这个目录通常在Maven构建后生成，包含编译后的类文件、资源文件以及最终的可执行jar包。
实践中，开发者会学习如何配置Spring Boot启动类、定义REST API接口和使用Spring Security实现权限管理。此外还会涉及Thymeleaf或Freemarker用于动态页面生成及MySQL数据库集成与JPA持久化操作等知识。项目还涵盖错误处理、日志记录以及单元测试等方面的内容，全面提升Web开发技能和实战能力。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="<span style=color: #f73131>基</span><span style=color: #f73131>于</span><span style=color: #f73131>Spring</span> <span style=color: #f73131>Boot</span><span style=color: #f73131>的</span><span style=color: #f73131>博</span><span style=color: #f73131>客</span>平台"
href="https://d.itadn.com/i0_56338705051/B/720199" target="_blank"><span style=color: #f73131>基</span><span style=color: #f73131>于</span><span style=color: #f73131>Spring</span> <span style=color: #f73131>Boot</span><span style=color: #f73131>的</span><span style=color: #f73131>博</span><span style=color: #f73131>客</span>平台</a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
这是一款基于Spring Boot框架开发的高效、灵活的博客平台，旨在为博主提供简便的内容发布与管理功能。
基于Spring Boot的博客系统设计用于方便二次开发。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="实战<span style=color: #f73131>项</span><span style=color: #f73131>目</span>课程——<span style=color: #f73131>基</span><span style=color: #f73131>于</span><span style=color: #f73131>Spring</span> <span style=color: #f73131>Boot</span><span style=color: #f73131>的</span><span style=color: #f73131>博</span><span style=color: #f73131>客</span>源码分析"
href="https://d.itadn.com/i0_76927808167/B/58305" target="_blank">实战<span style=color: #f73131>项</span><span style=color: #f73131>目</span>课程——<span style=color: #f73131>基</span><span style=color: #f73131>于</span><span style=color: #f73131>Spring</span> <span style=color: #f73131>Boot</span><span style=color: #f73131>的</span><span style=color: #f73131>博</span><span style=color: #f73131>客</span>源码分析</a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
本课程专注于Spring Boot框架下的实战应用，通过深度解析博客系统的源代码，帮助开发者掌握从理论到实践的各项技能，是提升Java后端开发能力的理想选择。
实战课程项目-基于Spring boot博客源码后端： SpringBoot+ElasticSearch+SpringSecurity前端： Thymeleaf/Bootstrap/jQuery数据库：MySQL/MongoDB/H2技术语言 jdk 1.8开发平台 Idea 2018
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="期末作业<span style=color: #f73131>基</span><span style=color: #f73131>于</span><span style=color: #f73131>Spring</span> <span style=color: #f73131>Boot</span><span style=color: #f73131>的</span>个人<span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>项</span><span style=color: #f73131>目</span>源码.zip"
href="https://d.itadn.com/i0_84921559723/B/871114" target="_blank">期末作业<span style=color: #f73131>基</span><span style=color: #f73131>于</span><span style=color: #f73131>Spring</span> <span style=color: #f73131>Boot</span><span style=color: #f73131>的</span>个人<span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>项</span><span style=color: #f73131>目</span>源码.zip</a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
这是一个基于Spring Boot框架开发的个人博客项目的完整源代码压缩包。适合用于课程设计或毕业设计等学术项目参考和学习。
期末大作业是一个基于Springboot的个人博客项目源码。这个项目旨在通过使用Spring Boot框架来构建一个功能完善的个人博客系统。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="<span style=color: #f73131>基</span><span style=color: #f73131>于</span><span style=color: #f73131>Spring</span> <span style=color: #f73131>Boot</span><span style=color: #f73131>的</span>个人<span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>系</span><span style=color: #f73131>统</span>（毕业设计）"
href="https://d.itadn.com/i0_84393279618/B/148604" target="_blank"><span style=color: #f73131>基</span><span style=color: #f73131>于</span><span style=color: #f73131>Spring</span> <span style=color: #f73131>Boot</span><span style=color: #f73131>的</span>个人<span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>系</span><span style=color: #f73131>统</span>（毕业设计）</a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
本项目是一款基于Spring Boot框架开发的个人博客系统，旨在为用户提供个性化的博客创建、编辑和管理功能。作为一项毕业设计作品，该系统融合了前后端技术，实现了一个简洁高效的在线写作平台。
本项目主要采用Spring Boot框架结合MySQL数据库以及JSP技术，并使用Redis进行缓存管理。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="VBlog: <span style=color: #f73131>Spring</span> <span style=color: #f73131>Boot</span> + Vue 个人<span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>系</span><span style=color: #f73131>统</span>"
href="https://d.itadn.com/i0_36267155740/B/745562" target="_blank">VBlog: <span style=color: #f73131>Spring</span> <span style=color: #f73131>Boot</span> + Vue 个人<span style=color: #f73131>博</span><span style=color: #f73131>客</span><span style=color: #f73131>系</span><span style=color: #f73131>统</span></a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
这是一款基于Spring Boot和Vue.js技术栈开发的个人博客系统VBlog，它集成了前后端分离的设计理念，为用户提供了一个功能丰富且易于扩展的平台。
V部落是一个多用户博客管理平台，使用Vue与SpringBoot开发。英雄帖项目还有很多需要改进的地方，欢迎大家提交代码贡献（pr），我将大家的成果展示在README中。
### 项目效果图
- 登录页面
- 文章列表页
- 发表文章界面
- 用户管理板块
- 栏目管理界面
- 数据统计面板
#### 技术栈简介：
**后端技术栈：**
1. SpringBoot
2. SpringSecurity
3. MyBatis
4. 部分接口预设为Restful风格
5. MySQL
**前端技术栈：**
1. Vue
2. axios
3. Element UI
4. vue-echarts
5. 编辑器（未具体说明）
6. vue-router
#### 快速运行：
1. 将项目克隆到本地：
```
git@github.com:topyzc/VBlog.git
```
2. 在`blogserver`项目的资源目录下找到`vueblog.sql`文件，并在MySQL数据库中执行。
3. 根据自身需求调整代码。
</div><!---->
</div>
</li>
</body>
</html>
5星
