Feidian-Apply-System

基础

基于：React + Vite + Typescript + antd

拉取：

# GitHub
git clone https://github.com/52FeidianStudio/FeidianApplySystem

运行：

npm install
//运行
npm run dev
//构建
npm run build

🚀 功能

• 用户登录注册

• 通过邮箱找回密码

• 申请提交（表单校验，证件照上传，申请表单保存，表单修改）

• 查看面试结果

• 管理员可对申请表进行审核（通过邮件进行通知）

• 后台查看详细的用户数据

• 适配手机端布局

• 审核添加确认判断

• 完善后台邮件发送状态，发送中添加loading动画

• 完善后台数据切换动画

  TODO

  • 用户数据区分 ,根据不同组别分类查看
  • 审核可提供邮件模板选择（不同组，可选择不同模板），也可自定义模板
  • 后台数据采用虚拟列表优化
  • 已审核的用户与未审核用户区分（默认不显示已经审核的用户，手动选择）

📚文件资源目录

Hooks-Admin
├─ public                 # 静态资源文件（忽略打包）
├─ src
│  ├─ network             # API 接口管理
│  ├─ assets              # 静态资源文件
│  ├─ components          # 全局组件
│  ├─ hooks               # 常用 Hooks
│  ├─ routers             # 路由管理
│  ├─ redux               # redux store
│  ├─ types               # 全局 ts 声明
│  ├─ utils               # 工具库
│  ├─ pages               # 项目所有页面
│  ├─ App.tsx             # 入口页面
│  ├─ main.tsx            # 入口文件
│  └─ env.d.ts            # vite 声明文件
├─ .gitignore             # git 提交忽略
├─ index.html             # 入口 html
├─ package-lock.json      # 依赖包包版本锁
├─ package.json           # 依赖包管理
├─ README.md              # README 介绍
├─ tsconfig.json          # typescript 全局配置
└─ vite.config.ts         # vite 配置

页面截图