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

重点放在前面

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

设计初衷

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

总体预览

上线系统预览,请访问: 主页

  1. 首页展示
    在这里插入图片描述

  2. 详情页面
    在这里插入图片描述

  3. 编辑页面
    在这里插入图片描述

  4. 拦截登录页面
    在这里插入图片描述

技术实现

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
  
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于Spring Boot和Vue的校园招聘系统分离开源是一个可以让开发者自由选择和定制不同技术栈的校园招聘系统解决方案。 在这个系统中,后使用Spring Boot作为基础框架,提供了一系列用于管理和处理校园招聘相关的数据和功能的API接口。Spring Boot是一个强大而灵活的Java后开发框架,可以轻松构建和管理高性能的后服务。 而使用Vue作为页面展示和交互的框架,通过调用后提供的API接口获取数据,并结合Vue的组件化开发模式,实现了一系列功能丰富、交互友好的页面。 分离的优势在于,后只负责数据处理和业务逻辑实现,而专注于用户界面的展示和交互逻辑。这种分离的架构使得开发团队可以并行开发,提高开发效率。而且,分离也使得不同技术栈的开发者可以独立开发自己擅长的领域,实现更好的技术互补。 开源这个校园招聘系统,意味着开发者可以免费获取到源代码,并进行二次开发和定制。这为校园招聘系统的改进和扩展提供了更灵活的可能性。同时,开源也可以促进开发者之间的知识分享和合作,推动整个校园招聘系统领域的发展。 总之,基于Spring Boot和Vue的校园招聘系统分离开源是一个强大且灵活的解决方案,可以满足校园招聘系统的各种需求,并为开发者提供更多的选择和定制空间。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值