首页 > 编程语言 >[附源码]超简洁个人博客网站搭建+SpringBoot+Vue前后端分离

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

时间:2025-01-02 20:30:49浏览次数:1  
标签:npm Vue SpringBoot nodejs hadluo 博客 blog 源码

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

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

 

 

 

一. 系统演示视频

 https://githubs.xyz/show/264.mp4
       

后端代码结构

二. 系统功能概述

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

三. 技术栈

前端技术栈

  • Vue

后端技术栈

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

四. 源码获取

gitee( 典 ) C 〇 M/hadluo/hadluo-blog.git

 

五. 部署项目

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

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

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

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

 

修改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

具体功能见演示视频

标签:npm,Vue,SpringBoot,nodejs,hadluo,博客,blog,源码
From: https://www.cnblogs.com/hadluo/p/18648696

相关文章

  • 从源码解释为什么执行MyBatis接口就可以执行SQL
    1:场景分析在我们使用SpringBoot+MyBatis的时候,我们一般是先引入依赖,然后配置mybatis:mapper-locations:classpath:mapper/*.xmltype-aliases-package:com.coco.pojo当然还要在启动类上加上一个注解这时候,就可以编写一个接口,然后调用这个方法就可以执行配置文......
  • 基于SpringBoot + Vue的智能实践教学管理系统(精选计算机毕业设计-可设计亮点、创新点)
    文章目录系统演示录像系统实际运行效果图技术框架SpringBoot-后端开发框架Vue-前端开发框架前后端分离的开发流程可行性分析系统测试系统测试的目的系统功能测试数据库表设计(供参考)1.用户表(t_user)2.角色表(t_role)3.权限表(t_permission)4.用户-角色关联表(t_user_r......
  • 【有源码】医院挂号系统+SpringBoot+VUE+前后端分离
    学弟,学妹好,我是爱学习的学姐,今天带来一款优秀的项目:医院挂号系统。本文介绍了系统功能与部署安装步骤,如果您有任何问题,也请联系学姐,偶现在是经验丰富的程序员!一.系统演示管理后台-截图 前端-截图  视频演示https://githubs.xyz/show/329.mp4 二.系统概述【 ......
  • 【有源码】周边旅游平台系统+SpringBoot+VUE+前后端分离
    学弟,学妹好,我是爱学习的学姐,今天带来一款优秀的项目:周边旅游平台系统。本文介绍了系统功能与部署安装步骤,如果您有任何问题,也请联系学姐,偶现在是经验丰富的程序员!一.系统演示管理后台-截图  前端-截图  视频演示https://githubs.xyz/show/327.mp4 二.系统概......
  • springboot集成阿里云短信服务
    springboot集成阿里云短信服务一.阿里云账号准备流程:注册阿里云账号=>短信服务=>新增资质=>新建签名=>新建模版=>申请秘钥=>用代码测试1.注册阿里云账号2、登录成功后,①在首页搜索短信服务②打开第一个搜索结果③免费开通④可以根据提示立即更新个人/公司信......
  • springboot流浪猫狗管理系统-毕业设计源码05049
    目录摘要1绪论1.1选题背景与意义1.2国内外目前现状2 系统分析2.1系统需求分析2.1.1系统功能性需求分析2.1.2系统非功能性需求分析2.1.3系统用例分析2.2可行性分析3系统设计3.1环境配置及关键技术3.1.1环境配置1.运行环境3.1.2关键技......
  • SSM考务管理系统-毕业设计源码04769
    摘要从20年代开始,计算机疯狂的出现在人们的生活以及工作当中,成为人们生活、工作的好帮手,计算机深入到每家每户当中,网络办公,网络教学更是替换了传统手工记录管理的方式,使用计算机办公可以不必局限于固定的时间和固定的地点,通过计算机系统可以轻松实现跨区域的交流。随着高等......
  • flask框架企业差旅报销系统毕设源码+论文
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容一、选题背景关于企业差旅报销系统的研究,现有研究主要集中在财务流程优化等方面,专门针对企业差旅报销全流程管理(包括用户管理、申请信息管理、报销......
  • flask框架企业产品管理系统毕设源码+论文
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容一、选题背景关于企业产品管理系统的研究,现有研究多集中在通用的企业管理软件或特定行业的管理系统开发上,专门针对包含产品分类、产品信息、企业简......
  • .Net Core 管道底层源码实现
    在.NETCore中,请求处理管道是一个中间件(Middleware)链,用于处理HTTP请求并生成响应。管道的底层实现基于Microsoft.AspNetCore.Http命名空间中的一些核心类和接口1.核心组件1.1HttpContext•HttpContext是HTTP请求和响应的核心抽象,封装了请求信息(如请求头、请求体......