NPC2048 / huodongbaoming-h5

一个简单的活动报名app, h5 端

Home Page:huodongbaoming-h5.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

活动报名-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.

About

一个简单的活动报名app, h5 端

huodongbaoming-h5.vercel.app


Languages

Language:JavaScript 69.6%Language:Vue 29.9%Language:HTML 0.4%Language:Less 0.1%