基于vue3+springboot的个人博客系统

已于 2024-06-28 09:17:33 修改
阅读量2k 收藏 10
点赞数 3
分类专栏： 原创项目 文章标签： spring boot 后端 java
于 2022-01-12 17:14:07 首次发布
本文为博主原创文章，转载无需注明出处。水平有限，错误百出，望谨慎转载
本文链接：https://blog.csdn.net/qq_27574367/article/details/122457960
版权

功能模块

1. 一键搜索

2. 文章列表展示

3. 文章详情阅读

4. 文章打标签，后续可按指定标签搜索

目前实现了新增文章、搜索、查看等功能，基于Elasticsearch实现模糊搜索功能，源码在文末哦～
其它代码可通过 代码生成器 一键生成，或者问问 AI助手 ~。

搜索页面在这里插入图片描述

文章列表在这里插入图片描述

博文详情页面在这里插入图片描述

博文编辑页面在这里插入图片描述

前端源码地址：my-blog-ui
后端源码地址：my-blog

初学者↑
关注
专栏目录
基于Spring Boot和Vue3打造一个属于自己的博客平台CodeInsight
sybh的博客
04-11 1015
CodeInsight是一个基于Spring Boot和Vue3技术栈的博客平台，为开发者和技术爱好者提供了一个专注于现代编程技术分享与学习的高质量平台。在本文中，我们将详细介绍CodeInsight的特点、功能模块以及付费专栏内容。一、CodeInsight博客平台简介CodeInsight博客平台是一个专为程序员和技术爱好者打造的在线学习社区。我们致力于为广大开发者提供一个便捷、高质量的技术交流和学习环境。
markdown中快速插入Emoji表情包语法速查表！！！，web前端服务端开发
2301_79655473的博客
04-04 631
本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是附赠给大家的。知识点涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等详细大厂面试题答案、学习笔记、学习视频等资料领取，点击资料领取直通车免费领取！既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
基于Golang+Vue3快速搭建的博客系统
席万里的博客
07-25 1405
基于Golang+vue3的博客项目，已经部署到阿里云服务器上面，采用docker-compose一键部署的方式，对新手友好，适合新手练习的博客项目。
Vue3+TS+Node打造个人博客（数据库设计）
rt3Dmax9的博客
04-08 410
整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》PDF完整版点击这里领取面试题：常用算法》PDF完整版点击这里领取**[外链图片转存中…(img-bW0lrmMt-1712510464794)][外链图片转存中…(img-nUr3O5iG-1712510464795)]
vue3+ts+node个人博客系统（二）
qq_55928824的博客
02-09 284
vue3+ts+node个人博客系统（二）
vue3个人博客，从零到一搭建
shi_zuka的博客
02-22 1791
一个开源的博客，仅用于学习和记录日常的知识点。前端使用了最新的vue3vite2TypeScript等主流技术开发，后端使用的是最契合Typescript的nestjs开发，数据库采用的是mysql，代码管理采用的是自己搭的轻量级gitea，后端考虑到服务器和数据库的安全性暂时代码不开源，后期整理后会开源~。
vue3+ts+node个人博客系统（三）
qq_55928824的博客
02-19 1072
vue3+ts+node个人博客系统（三）
基于SpringBoot的个人博客系统
qq-374327792的博客
12-09 2934
Dimple Blog是基于SpringBoot2搭建的个人博客系统。 体验链接地址 个人博客 管理员账号：test ,管理员密码： 123456 图片展示 前台 首页 软件架构 安装教程 修改application.yml中的数据库连接信息： type: com.alibaba.druid.pool.DruidDataSource username: 你的数据库连接地址 password: 你的数据库面貌 url:你的数据库URL driver-clas...
Springboot+Vue快速搭建个人博客系统
__不想写代码__的博客
06-23 4612
文章目录前言一、SpringBoot实现后端二、Vue.js实现前端1.Header和Footer实现：2.Vue其他配置总结 前言 本篇博客讲解如何使用SpringBoot和Vue如何快速搭建自己个人博客系统，功能比较少，但是作为一个期末小作业应该够了。本篇博客默认你已经有了SpringBoot和Vue的基础啦！后端还是用了MyBatis-Plus 完成数据库增删改查，我会分别从前后端介绍如何实现。同时呢，代码也会上传到GitHub上。 内容 地址 GitHub 链接 项目演示地址
基于Springboot+Vue+Element-ui的精美个人博客系统
11-24
标题 "基于Springboot+Vue+Element-ui的精美个人博客系统" 涉及到的是一个现代Web应用的开发框架组合，主要包括三个核心技术：Spring Boot、Vue.js和Element UI。 Spring Boot是Spring框架的一个扩展，旨在简化Java...
java基于springboot+vue的博客网站论文
06-08
java基于springboot+vue的博客网站论文 目 录 摘 要 I ABSTRACT II 目 录 II 第1章 绪论 1 1.1背景及意义 1 1.2 国内外研究概况 1 1.3 研究的内容 1 第2章 相关技术 3 2.1 B/S架构 4 2.2 Java技术介绍 6 2.3 mysql...
基于SpringBoot 和 Vue3 开发的博客系统源码，适合新手学习，二次开发，课程设计和毕业设计等
06-15
基于SpringBoot 和 Vue3 开发的博客系统源码 ## 快速开始 1. 运行 `resource/sql/kila_kila_blog.sql`，创建数据库 2. 修改 `kilakila-backend/blog/src/main/resources/application.yml` 中的配置，主要有以下两项： 1. `spring.datasource` 中的 `url`、`username` 和 `password` 改成你自己的 2. `spring.redis` 的 `password` 改成你自己的，没有设置 redis 密码的话可以去掉该项配置 3. 在 IDEA 中导入 kilakila-backend 项目，启动 `BlogApplication` 4. 进入 kilakila-frontend 目录，打开终端，运行以下命令： ```shell npm install npm run serve ``` 5. 在浏览器中打开网页 [http://localhost:8080/](http://localh
基于vue3+element-plus的个人博客系统.zip
01-04
Vue3，springboot，element-ui使用技巧，实战应用开发小系统参考资料，源码参考。 详细介绍了一些Qt框架的各种功能和模块，以及如何使用Qt进行GUI开发、网络编程和跨平台应用开发等。 适用于初学者和有经验的开发者...
基于vue+springboot的智慧校园管理系统源码+数据库.zip
08-24
基于vue+springboot的智慧校园管理系统源码+数据库.zip 该项目是个人大作业项目源码，评审分达到95分以上，都经过严格调试，确保可以运行！放心下载使用。 基于vue+springboot的智慧校园管理系统源码+数据库.zip ...
Springboot+vue个人博客系统源码.zip
05-01
《SpringBoot+Vue个人博客系统源码解析》 在当今互联网时代，个人博客已经成为许多技术爱好者、写作爱好者展示自我、分享知识的重要平台。本篇文章将深入探讨如何利用SpringBoot和Vue.js构建一个高效的个人博客系统...
springboot+Vue3打造一个属于自己的博客平台:项目规划
sybh的博客
04-05 575
前端Vue3搭建： 2.1 使用Vue CLI创建一个Vue3项目，并安装Element Plus、Axios等插件。2.3 创建页面组件，如Login、Register、ArticleList、ArticleDetail、ArticleEdit等。后端Spring Boot搭建： 1.1 创建一个Spring Boot项目，选择Web、MyBatis和MySQL相关依赖。1.3 创建实体类、Mapper接口、Service接口及实现、Controller类，实现后端API。
[前端项目]vue+springcloud的博客系统
SCUhzs
08-10 519
Part1项目名称《豆子前端博客系统》Part2项目定位个人博客系统后台管理系统单点登录系统知识分享平台Part3项目周期2020-11 ~ 至今系统基本稳定，但仍在改进和维护Part4项目介绍《豆子前端博客系统》是我本人个人经过课程学习后开发和使用的博客系统。前端模块包括：博客模块（评论、点赞、浏览数）、问答模块、归档模块（类别和标签）、壁纸分享模块、自我介绍模块后台管理模块包括：博客管理（文章、分类、标签增删查改）、轮播图管理、系统管理（用户管理、角色管理、菜单管理）单点登录：登录成功后，在统一的二级域
vue - blog开发学习3
巡山小妖008
05-27 159
vue - blog开发学习3 1、添加less 和less-loader支持 npm install less less-loader --save-dev 2、新建main.less，将这个样式添加到home.vue中的content标签上（添加之后页面可滚动） .content-wrapper{ padding: 18px; ...
使用Vue 3实现一个简单的博客架构，包含文章列表和文章详情
最新发布
有我更精彩的博客
08-20 401
通过使用 Vue 3 的setup语法糖，我们能够快速构建一个简单的博客架构。在这个例子中，我们展示了如何使用 Vue Router 管理路由，以及如何使用响应式数据展示文章列表和详情。当然，以上的结构非常基础，随着你对 Vue 的深入了解，你可以添加更多的功能，比如评论系统、文章创建、删除等操作。最后问候亲爱的朋友们，并邀请你们阅读我的全新著作书籍详情。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值