手把手教你基于springboot+vue+nuxt搭建前后台分离&服务端渲染的个人博客系统

noodzhan

已于 2022-05-27 17:41:44 修改

阅读量1.5k

点赞数

分类专栏：设计模式课程设计文章标签： spring boot 后端 java vue

于 2021-12-18 12:34:23 首次发布

本文链接：https://blog.csdn.net/guidgeek/article/details/122010773

版权

本文将指导你如何手把手搭建一个基于SpringBoot后端、Vue前端和Nuxt服务端渲染的个人博客系统。项目旨在记录工作和学习笔记，提供博客列表、详情、编辑和登录功能。1.0.0版本实现了博客首页、详情、编辑和捐赠支持，后续版本计划优化登录逻辑、增加全文搜索和博客图片上传等功能。

摘要由CSDN通过智能技术生成

重点放在前面

github地址：github
有用到的麻烦，点个star，开源不易哈哈。

设计初衷

开发该个人博客网站，主要是为了记录工作或学习中的，一些个人笔记，便于以后出现问题可以快速定位；设计初衷就是为了类似wiki一样，留下一些个人学习记录。以后有时间，查询改为全文检索。

总体预览

上线系统预览，请访问：主页

首页展示
详情页面
编辑页面
拦截登录页面

技术实现

springboot 2.4.5
MySQL 8.0
MybatisPlus 3.4.3
gradle 7.1.1
vue 2.6.11
antd 1.7.7
marked 2.0.7 
mavon-editor 2.9.1

数据库sql脚本

SET NAMES utf8mb4;
SET FOREIGN_KEY_CHECKS = 0;

DROP TABLE IF EXISTS `article`;
CREATE TABLE `article`
(
    `id`          bigint NOT NULL AUTO_INCREMENT COMMENT '主键',
    `category_id` bigint                                  DEFAULT NULL COMMENT '分类id',
    `title`       varchar(255) COLLATE utf8mb4_general_ci DEFAULT NULL COMMENT '标题',
    `summary`     varchar(255) COLLATE utf8mb4_general_ci DEFAULT NULL COMMENT '概要',
    `content`     text COLLATE utf8mb4_general_ci COMMENT '内容',
    `create_by`   bigint                                  DEFAULT NULL COMMENT '创建人',
    `create_time` datetime                                DEFAULT NULL COMMENT '创建时间',
    `update_by`   bigint                                  DEFAULT NULL COMMENT '修改人',
    `update_time` datetime                                DEFAULT NULL COMMENT '修改时间',
    PRIMARY KEY (`id`)
) ENGINE = InnoDB
  AUTO_INCREMENT = 1489082487538737154
  DEFAULT CHARSET = utf8mb4
  COLLATE = utf8mb4_general_ci COMMENT ='文章表';



DROP TABLE IF EXISTS `article_images`;
CREATE TABLE `article_images`
(
    `id`          bigint NOT NULL,
    `article_id`  bigint NOT NULL,
    `image_name`  varchar(255) COLLATE utf8mb4_general_ci DEFAULT NULL,
    `image_type`  varchar(255) COLLATE utf8mb4_general_ci DEFAULT NULL,
    `base64_url`  blob,
    `system_url`  varchar(255) COLLATE utf8mb4_general_ci DEFAULT NULL,
    `create_by`   bigint                                  DEFAULT NULL COMMENT '创建人',
    `create_time` datetime                                DEFAULT NULL COMMENT '创建时间',
    `update_by`   bigint                                  DEFAULT NULL COMMENT '修改人',
    `update_time` datetime                                DEFAULT NULL COMMENT '修改时间',
    PRIMARY KEY (`id`) USING BTREE
) ENGINE = InnoDB
  DEFAULT CHARSET = utf8mb4