# provateBBS

**Repository Path**: piecemeals/provate-bbs

## Basic Information

- **Project Name**: provateBBS
- **Description**: 基于vue3创建的论坛项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 1
- **Created**: 2024-03-30
- **Last Updated**: 2025-05-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, JavaScript, Pinia, Axios, element-plus

## README

# 前言

此项目是仿照其他论坛项目制作出来，实现了简单的查看帖子，发表帖子，登录，注册，删除评论，点赞评论，点赞帖子的功能。

## 项目功能

在前端使用vue3构建项目，用户能够发表帖子，评论帖子，对他人的帖子进行评论，点赞操作，别人点赞最自己发表的帖子会在消息列表中出现，可以删除自己已发表的评论

通过jwt进行权限验证，检测用户是否登陆

通过axios的二次封装，api模块化，对请求连接进行分类管理

通过路由守卫，对用户是否登录进行检测

创建项目时使用的版本是 node - v20.11.0 npm - 10.2.4

## 技术栈

vue3 + vite + pinia + vue-router + element-plus + sass  + wangEditor

## 项目运行

```
git clone https://gitee.com/piecemeals/provate-bbs.git

cd provate-bbs

yarn install

//运行源代码项目
yarn dev

//运行打包后的项目
yarn start
```

## 页面展示

项目中有存在一个默认用户 (默认用户是server端中sql创建的 )

账号： administrator

密码 ： 123456

#### 首页

![image-20240628150329799](README.assets/image-20240628150329799.png)

![image-20240628150349550](README.assets/image-20240628150349550.png)

![image-20240628150411561](README.assets/image-20240628150411561.png)

#### 登录页面

![image-20240628151240209](README.assets/image-20240628151240209.png)

#### 板块页面

![image-20240628150437779](README.assets/image-20240628150437779.png)

![image-20240628150446339](README.assets/image-20240628150446339.png)

#### 帖子详情页面

![image-20240628150531379](README.assets/image-20240628150531379.png)

#### 发帖页面

![image-20240628150618351](README.assets/image-20240628150618351.png)

#### 搜索页面

![image-20240628150634920](README.assets/image-20240628150634920.png)

#### 用户个人中心

![image-20240427154919843](README.assets/image-20240427154919843.png)

#### 用户修改页面

![image-20240628151055698](README.assets/image-20240628151055698.png)



## PS

新手做的项目，很多地方都不足

provateBBS 项目地址：https://gitee.com/piecemeals/provate-bbs.git

provateBBS-server 项目地址：https://gitee.com/piecemeals/provate-bbs-server.git

provate-bbs-admin 项目地址：https://gitee.com/piecemeals/provate-bbs-admin.git