WeBlog: A Spring Boot + Vue 3.2 Based Full‑Stack Blog System

Introduction

A full‑stack blog system developed with Spring Boot and Vue 3.2, separating the front end and back end.

Backend uses Spring Boot, MyBatis‑Plus, MySQL, Spring Security, JWT, Minio, Guava, etc.

Admin UI is hand‑written with Vue 3.2 and Element Plus, without any admin framework.

Supports Markdown publishing and editing, article categories, and tag management.

Provides blog basic information settings and social profile links.

Dashboard statistics include ECharts heat‑map of article publishing and PV traffic statistics.

Related Links

GitHub: https://github.com/weiwosuoai/WeBlog

Gitee: https://gitee.com/AllenJiang/WeBlog

Demo: http://118.31.41.16/ (Guest account: test / Guest password: test)

Screenshots

Login page, dashboard, article management, blog editor, front‑page, and article detail pages are shown in the original images.

Features

Front‑end

Feature

Completed

Home page

✅

Category list

✅

Tag management

✅

Blog detail

✅

Site search

TODO

Wiki knowledge base

TODO

Blog comments

TODO

Back‑end

Feature

Completed

Admin login page

✅

Dashboard

✅

Article management

✅

Category management

✅

Tag management

✅

Blog settings

✅

Comment management

TODO

Module Overview

The project consists of two main modules:

Project Name

Description

weblog-springboot

Back‑end project

weblog-vue3

Front‑end project

Back‑end Modules

Module Name

Description

weblog-module-admin

Blog admin management module

weblog-module-common

Common utilities module

weblog-module-jwt

JWT authentication and authorization module

weblog-web

Blog front‑end entry point

Technology Stack

Back‑end

Framework

Description

Version

Notes

JDK

Java Development Kit

1.8

Widely used enterprise version

Spring Boot

Web application framework

2.6.3

Maven

Project build tool

3.6.3

Standard enterprise build tool

MySQL

Database

5.7

MyBatis‑Plus

Enhanced MyBatis persistence framework

3.5.2

HikariCP

Database connection pool

4.0.3

High‑performance pool bundled with Spring Boot

Spring Security

Security framework

2.6.3

JWT

Web token

0.11.2

Lombok

Reduces boilerplate code

1.8.22

Jackson

JSON processing library

2.13.1

Hibernate Validator

Parameter validation component

6.2.0.Final

Logback

Logging framework

1.2.10

Guava

Google utility library

18.0

p6spy

SQL monitoring framework

3.9.1

Minio

Object storage

8.2.1

Stores blog images

flexmark

Markdown parser

0.62.2

Front‑end

Framework

Description

Version

Vue 3

Progressive JavaScript framework

3.2.47

Vite

Front‑end build tool

4.3.9

Element Plus

Component library based on Vue 3

2.3.3

vue‑router

Vue routing manager

4.1.6

vuex

State management library

4.0.2

md‑editor‑v3

Markdown editor component

3.0.1

windicss

Utility‑first CSS framework

3.5.6

axios

Promise‑based HTTP client

1.3.5

Echarts

Data visualization library by Baidu

5.4.2

END