# huodongbaoming-h5

**Repository Path**: super-stack/huodongbaoming-h5

## Basic Information

- **Project Name**: huodongbaoming-h5
- **Description**: 一个简单的活动报名app, h5 端
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-07-24
- **Last Updated**: 2025-07-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 活动报名-H5

***

一个简单的活动报名h5app

* 使用 vant3 + vue3 + vue-router + vuex + axios 实现
* 使用 gravatar 作为用户头像

***

## 功能模块

### 审核模块

* 只有管理员角色的用户能看到审核模块
* 管理员在此审核活动，通过或者拒绝活动

### 活动模块

* 默认首页，展示通过的活动，普通用户可点击活动进行报名

### 发布模块

* 用户在此模块进行发布活动，发布活动后由管理员审核，审核通过后才会显示在首页

### 我的模块

* 展示用户的基本信息，头像昵称等
* 修改用户基本信息
* 查看报名过的活动
* 查看自己发布过的活动
* 修改头像/邮箱（需要邮箱验证）
* 修改密码
* 退出登录

### 登录/注册/忘记密码模块

* 登录：输入用户名和密码进行登录
* 注册：输入邮箱、用户名等信息进行注册（需要邮箱验证）
* 忘记密码：忘记密码时在此输入用户名或邮箱获取邮箱验证码进行重置密码

## 运行项目

***

### 环境

* ide(idea, webstorm, vscode,...)
* node

### 安装依赖

```
yarn install
```

### 以开发模式启动

vue-cli-service 加启动参数 --mode=环境 可设置环境变量

在项目根目录的 .env.[环境] 文件可编辑环境变量

目前只有 VUE_APP_BASE_URL(后台接口地址) 可设置

```
yarn serve
```

### 打包

在项目根目录新增 .env.prod 文件，设置后端 api 接口 url

```
yarn build
```

### 分析文件

```
yarn lint
```

### 自定义配置

***
See [Configuration Reference](https://cli.vuejs.org/config/).