[附源码]超简洁个人博客网站搭建+SpringBoot+Vue前后端分离

devtools/2024/11/13 9:46:34/

今天带来一款优秀的项目:个人博客系统源码 。 系统采用的流行的前后端分离结构,内含功能包括 "写博客文章",“修改博客文章”,“富文本编辑器”,“评论管理”“管理员角色”,“游客角色”,“文章标签”,“文章分类”

如果您有任何问题,也请联系小编,小编是经验丰富的程序员!

一. 系统演示视频

个人博客网站

后端代码结构

二. 系统功能概述

  • 角色权限分为:管理员账号+游客账号(管理员可以管理文章,评论等)
  • 评论系统(可以评论图片,链接等)
  • 富文本编辑器(边写边预览)
  • 博客文章的增删改查
  • 分类+标签+时间归档
  • 热门推荐

三. 技术栈

前端技术栈

  • Vue

后端技术栈

  • SpringBoot+SpringMVC+MyBatis
  • MySQL8.0
  • Redis
  • JDK8

四. 源码获取

lz-code/hadluo-blog

五. 部署项目

安装mysql8.0,然后新建数据库"hadluo-blog" ,然后导入hadluo-blog.sql文件。

打开idea,导入maven后端项目,然后等待包下载完毕。

修改数据库信息为你数据库信息,信息在 application.yml里面

安装redis环境,不会的请参见下面这篇文章

老罗教知识:Windows安装Redis环境1 赞同 · 1 评论文章

修改redis的配置

在磁盘新建一个上传图片的存储路径,比如我新建的D://ftp

新建文章时需要上传封面图,这个图片就上传到D://ftp下面了,配置路径在:

然后启动 com.hadluo.blog.BlogApplication 主类 ,出现启动成功。

没有成功的,请联系小编。到此我们后端项目部署完成。下面开始部署前端。

安装nodejs, 版本为:v20.17.0, 版本必须为这个,否则可能会出现问题。到下面这个官网上下载nodejs

https://nodejs.org/zh-cn/download/prebuilt-installer​nodejs.org/zh-cn/download/prebuilt-installer

找到 v20.17.0版本,下载后直接安装就行了。

nodejs安装完成后,进入到 "hadluo-blog-h5" 前端目录

路径输入cmd ,回车

打开了cmd窗口,输入下面命令设置npm下载镜像

npm config set registry https://registry.npmmirror.com

执行安装依赖

npm install

运行

set NODE_OPTIONS=--openssl-legacy-provider 
npm run serve

具体功能见演示视频


http://www.ppmy.cn/devtools/114474.html

相关文章

ETLCloud:新一代ETL数据抽取工具的定义与革新

数据集成、数据治理已经成为推动企业数字化转型的核心动力,现在的企业比任何时候都需要一个更为强大的新一代数据集成工具来处理、整合并转化多种数据源。 而ETL(数据提取、转换、加载)作为数据管理的关键步骤,已在企业数据架构中…

高级大数据开发学习路线指南

掌握大数据技术是一项系统性工程,涉及到广泛的技能和专业知识。为了帮助初学者构建坚实的基础,并逐步成长为大数据领域的专家,下面详细阐述了一条全面而深入的学习路线: 1. Java 编程基础 - 打造坚实的底层技能 关键知识点&…

开源RK3588 AI Module7,并与Jetson Nano生态兼容的低功耗AI模块

RK3588 AI Module7 搭载瑞芯微 RK3588,提供强大的 64 位八核处理器,最高时钟速度为 2.4 GHz,6 TOPS NPU,并支持高达 32 GB 的内存。它与 Nvidia 的 Jetson Nano 接口兼容,具有升级和改进的 PCIe 连接。由于该模块的多功…

C/S架构与B/S架构的适用场景分析

C/S架构(客户端/服务器架构)与B/S架构(浏览器/服务器架构)在适用场景上各有特点,主要取决于应用的具体需求、用户群体、系统维护成本、跨平台需求等因素。 一、C/S架构的适用场景 1、高性能与交互性要求高的应用&…

[数据集][目标检测]岩石种类检测数据集VOC+YOLO格式4766张9类别

数据集格式:Pascal VOC格式YOLO格式(不包含分割路径的txt文件,仅仅包含jpg图片以及对应的VOC格式xml文件和yolo格式txt文件) 图片数量(jpg文件个数):4766 标注数量(xml文件个数):4766 标注数量(txt文件个数):4766 标注…

第160天:安全开发-Python-蓝队项目流量攻击分析文件动态监控Webshell检测

案例一:Python-蓝队项目-Scapy 流量分析 通过 pip 来安装 Scapy。在命令行中运行以下命令: pip install scapy 一个简单的python抓取包的demo from scapy.all import * def handlePacket(p):# p 捕获到的数据包p.show() sniff(prnhandlePacket,count0)…

Axure RP 9最新安装程序及汉化包下载(支持Win、Mac版,附下载安装教程)

数月前Axure RP官方已经发布了Axure RP 9的消息,并计划在今年夏天发布beta版本。新版Axure RP 9将是该工具向前迈出的重要一步,其中包括一系列广泛的改进:全面的UI修改,新的设计和文档功能以及前所未有的内部优化。我们已经彻底重…

Object Pascal 基本数据类型

Object Pascal 基本数据类型 注:以下标红的表示最常用的数据类型 整数类型 类型大小Integer有符号32位Cardinal无符号32位Shortint有符号8位Smallint有符号16位Longint有符号32位及以上,具体取决于编译器和平台Byte无符号8位Word有符号16位LongWord有符…