# myforum

**Repository Path**: vstag/myforum

## Basic Information

- **Project Name**: myforum
- **Description**: 基于SpringBoot和Vue3的论坛项目
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 24
- **Forks**: 0
- **Created**: 2024-03-07
- **Last Updated**: 2025-06-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: SpringBoot, Vue, JPA, Element-UI

## README

<div align="center">

# MyForum

基于SpringBoot和Vue3的论坛项目

[![stars](https://gitee.com/vstag/myforum/badge/star.svg?theme=dark)](https://gitee.com/vstag/myforum)
[![forks](https://gitee.com/vstag/myforum/badge/fork.svg?theme=dark)](https://gitee.com/vstag/myforum)

</div>



## 目录结构说明 
- documents -- 项目开发相关文档（如：项目需求文档、设计文档等等）  
- myforum-front-end  -- 前端项目源码
- myforum-back-end  -- 后端项目源码

## 软件架构
### 后端技术

|技术|说明|版本|备注|
|----|----|----|----|
|Spring|容器||https://spring.io/|
|SpringWebMVC|MVC框架||https://docs.spring.io/spring/docs/current/spring-framework-reference/web.html|
|SpringBoot|Spring快速集成脚手架|3.1.5||
|SpringDataJpa|ORM框架||http://www.mybatis.org/mybatis-3/zh/index.html|
|Druid|数据库连接池|       |https://github.com/alibaba/druid|
|Lombok|简化对象封装工具||https://github.com/rzwitserloot/lombok|
|Validation|类属性字段校验|3.1.4||
|Redies|缓存数据库|||
|java-jwt|生成和校验Token|4.4.0||

### 前端技术

|技术|说明|版本|备注|
|----|----|----|----|
|Vue|前端框架|3.3.11|https://vuejs.org/|
|Vue-router|路由框架|4.2.5|https://router.vuejs.org/|
|Pinia|全局状态管理框架|2.1.7||
|Axios|前端HTTP框架| 1.6.2  |https://github.com/axios/axios|
|Element-Plus|前端UI框架|2.4.4|https://element-plus.org/|
|md-editor-v3|MarkDown编辑器|4.11.0||
|icon-park|图标库|1.4.2||

## 环境搭建
### 开发工具

|工具|说明|版本|备注|
|----|----|----|----|
|IDEA|开发IDE|2022.1.3+|https://www.jetbrains.com/idea/download|
|Navicat|数据库连接工具||http://www.formysql.com/xiazai.html|
|PowerDesigner|数据库设计工具|           |http://powerdesigner.de/|
|Axure|原型设计工具||https://www.axure.com/|
|MindMaster|思维导图设计工具|           |http://www.edrawsoft.cn/mindmaster|
|Visio|流程图绘制工具|           ||
|Postman|API接口调试工具|           |https://www.postman.com/|

### 开发环境

|工具|版本|备注|
|----|----|----|
|Windows|10+|操作系统|
|JDK|17|https://www.injdk.cn/|
|MySQL|8.2.0|https://www.mysql.com/cn/|
|Tomcat|8.5||
|NodeJS|20.11.1|https://nodejs.org/|

## 使用方法
### 前端

> 环境准备：Node.js（建议使用v20以上的版本）

1.在myforum-front-end 目录下打开终端

2.安装项目依赖

```
npm install
```

3.运行项目

```
npm run dev
```

如需要打包前端项目，请运行如下命令

```
npm run build
```

### 后端

> 环境准备：JDK-17，MySQL，Redis，IDE（建议使用IDEA）

1.使用IDE打开myforum-back-end/myforum文件夹

2.刷新Mave，项目将自动下载相关依赖，等待依赖下载完毕

3.修改myforum-back-end/myforum/src/main/resources/application.yml内的数据库配置，将username，password等配置项改为与本地对应的配置

4.使用myforum-back-end/myforum/db/myforum.sql文件在本地创建数据库

5.启动Redis

6.从启动类MybbsApplicationTests.java开始运行程序