# digital space

**Repository Path**: startfork/digital-space

## Basic Information

- **Project Name**: digital space
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-20
- **Last Updated**: 2026-03-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Personal Blog

个人博客系统，前后端分离架构。

## 技术栈

### 前端
- Vue 3.4.0
- Vue Router 4.2.5
- Pinia 2.1.7
- Axios 1.6.0
- Tailwind CSS 3.4.0
- Vite 5.0.0

### 后端
- Spring Boot 2.7.18
- MyBatis Plus 3.5.3.1
- MySQL 8.0
- Java 8

## 项目结构

```
personal-blog/
├── frontend/          # 前端展示项目
│   ├── src/
│   │   ├── api/      # API接口
│   │   ├── router/   # 路由配置
│   │   ├── views/    # 页面组件
│   │   └── main.js
│   └── package.json
├── admin/            # 后台管理系统
│   ├── src/
│   │   ├── api/      # API接口
│   │   ├── router/   # 路由配置
│   │   ├── views/    # 页面组件
│   │   └── main.js
│   └── package.json
└── backend/          # 后端服务
    ├── src/
    │   ├── main/
    │   │   ├── java/com/blog/
    │   │   │   ├── controller/  # 控制器
    │   │   │   ├── service/     # 服务层
    │   │   │   ├── mapper/      # 数据访问层
    │   │   │   ├── entity/      # 实体类
    │   │   │   └── common/      # 公共类
    │   │   └── resources/
    │   │       ├── sql/         # 数据库脚本
    │   │       └── application.yml
    └── pom.xml
```

## 快速开始

### 数据库初始化

1. 创建数据库并执行初始化脚本:

```bash
mysql -u root -p < backend/src/main/resources/sql/init.sql
```

2. 修改 `backend/src/main/resources/application.yml` 中的数据库连接信息

### 启动后端

```bash
cd backend
mvn spring-boot:run
```

后端服务运行在 http://localhost:8080

### 启动前端

```bash
cd frontend
npm install
npm run dev
```

前端服务运行在 http://localhost:3000

### 启动管理后台

```bash
cd admin
npm install
npm run dev
```

管理后台运行在 http://localhost:5173

## API接口

### 轮播图
- GET `/api/banner/list` - 获取轮播图列表

### 分类
- GET `/api/category/list` - 获取分类列表

### 文章
- GET `/api/blog/list?page=1&size=10&categoryId=1` - 获取文章列表
- GET `/api/blog/{id}` - 获取文章详情

## 功能特性

- 全屏背景轮播效果
- 响应式设计
- 玻璃态设计风格
- 文章分类管理
- 文章浏览统计
- 平滑过渡动画
- 无障碍支持