# wopaper

**Repository Path**: gdsldlfl/wopaper

## Basic Information

- **Project Name**: wopaper
- **Description**: wopaer壁纸项目，spring boot 3+vue3+uniapp
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 0
- **Created**: 2024-11-11
- **Last Updated**: 2025-06-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Wopaper壁纸系统

Wopaper是一个壁纸分享平台，本项目包含三个主要模块：管理端（wopaper-admin-ui）、用户端（wopaper-user）以及服务端（wopaper-server）。以下为各模块的简要介绍及使用说明。

## wopaper-server（服务）

步骤

1. 安装Java（版本要求：1.8及以上，推荐17）
2. 安装MySQL和Redis
3. 导入数据库脚本（位于项目根目录sql目录下的wopaper.sql）
4. 使用idea打开service，进入admin模块,修改admin模块下resources目录中的application.yml和application-druid.yml配置文件，配置数据库和Redis连接信息

<img src="./readme_assets/image-20241220144400321.png" alt="image-20241220144400321" style="zoom:50%;" />

<img src="./readme_assets/image-20241220144439173.png" alt="image-20241220144439173" style="zoom:50%;" />

<img src="./readme_assets/image-20241220144455083.png" alt="image-20241220144455083" style="zoom:50%;" />

5. 运行项目

![image-20241220144541013](./readme_assets/image-20241220144541013.png)



可以访问API接口文档：

   - 文档地址(推荐): <http://localhost:8080/doc.html>
   - 文档地址(备用): <http://localhost:8080/swagger-ui/index.html>

测试接口时，需要去掉/dev-api

<img src="./readme_assets/image-20241220144659224.png" alt="image-20241220144659224" style="zoom:50%;" />

并添加认证信息：

<img src="./readme_assets/image-20241220144734761.png" alt="image-20241220144734761" style="zoom:50%;" />



## wopaper-admin-ui（管理端）



1. 安装Node.js（版本要求：15.0及以上）并安装pnpm

```
npm i pnpm -g
```

2. 进入项目目录，安装依赖

```bash
cd wopaper-admin-ui
pnpm i
```

3. 启动项目

```bash
pnpm dev 
```

4. 访问页面(会自动打开)：<http://localhost:80>



管理端账号：admin ，密码：admin123



效果：

![image-20241220150914389](./readme_assets/image-20241220150914389.png)



## wopaper-user-web（用户web端）



1. 安装Node.js（版本要求：15.0及以上）并安装pnpm

```
npm i pnpm -g
```

2. 进入项目目录，安装依赖

```bash
pnpm i
```

3. 启动项目

```bash
pnpm dev 
```

4. 访问页面(会自动打开)：<http://localhost:8888>



用户端账号：xiefan ,密码123456



![image-20241220150953696](./readme_assets/image-20241220150953696.png)



## wopaper-user-uni（用户小程序端）

方法一：

1. 安装Node.js（版本要求：15.0及以上）并安装pnpm

```
npm i pnpm -g
```

2. 进入项目目录，安装依赖

```bash
pnpm i
```

3. 启动项目

```bash
pnpm dev:h5
```

4. 访问页面(会自动打开)：<http://localhost:9090>

<img src="./readme_assets/image-20241220151015276.png" alt="image-20241220151015276" style="zoom:50%;" />



方法二：

编译为小程序：

```
pnpm dev:mp-weixin
```



导入微信开发者工具：

<img src="./readme_assets/image-20241220145815326.png" alt="image-20241220145815326" style="zoom:50%;" />



效果：

<img src="./readme_assets/eb397c76c8b705b18ac4aca05407baa.png" alt="eb397c76c8b705b18ac4aca05407baa" style="zoom:50%;" />