Explore WeBlog: A Spring Boot & Vue 3.2 Full‑Stack Blog Platform

Introduction

WeBlog is an open‑source, front‑back separated blog system built with Spring Boot on the server side and Vue 3.2 on the client side. The project provides a complete set of features for publishing markdown articles, managing categories and tags, and displaying analytics.

Related Links

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

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

Demo site: http://118.31.41.16:8081/ (guest account: test, password: test)

Demo Screenshots

Login Page

Dashboard

Article Management

Writing a Blog

Frontend Home

Blog Detail

Features

Frontend Features

Home page – completed

Category list – completed

Tag management – completed

Blog detail – completed

Site search – TODO

Knowledge base Wiki – TODO

Blog comments – TODO

Backend Features

Admin login page – completed

Dashboard – completed

Article management – completed

Category management – completed

Tag management – completed

Blog settings – completed

Comment management – TODO

Module Overview

The project consists of two main modules: weblog-springboot (backend) and weblog-vue3 (frontend). Backend sub‑modules include weblog-module-admin (admin UI), weblog-module-common (common utilities), weblog-module-jwt (JWT authentication), and weblog-web (frontend entry point).

Technology Stack

Backend

JDK 1.8 – standard Java development kit

Spring Boot 2.6.3 – web application framework

Maven 3.6.3 – project build tool

MySQL 5.7 – relational database

Mybatis‑Plus 3.5.2 – enhanced ORM

HikariCP 4.0.3 – high‑performance connection pool

Spring Security 2.6.3 – security framework

JWT 0.11.2 – token‑based authentication

Lombok 1.8.22 – reduces boilerplate code

Jackson 2.13.1 – JSON processing

Hibernate Validator 6.2.0.Final – parameter validation

Logback 1.2.10 – logging

Guava 18.0 – Google utility library

p6spy 3.9.1 – SQL monitoring

MinIO 8.2.1 – object storage for images

flexmark 0.62.2 – markdown parsing

Frontend

Vue 3.2.47 – progressive JavaScript framework

Vite 4.3.9 – build tool

Element Plus 2.3.3 – UI component library

vue‑router 4.1.6 – routing

vuex 4.0.2 – state management

md‑editor‑v3 3.0.1 – markdown editor component

windicss 3.5.6 – utility‑first CSS framework

axios 1.3.5 – HTTP client

Echarts 5.4.2 – data visualization