# frasReactNative

**Repository Path**: UserTangYong/fras-react-native

## Basic Information

- **Project Name**: frasReactNative
- **Description**: 基于ReactNative的fras考勤系统
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2022-12-14
- **Last Updated**: 2024-08-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



## 基于react Native 的fras考勤项目

### 介绍

IOS+Android+React+React Native+React Navigation+Webpack+Redux+Axios+Restful API、SpringBoot、Apache Shiro、Mybatis、Quartz等
本项目基于React Native、SpringBoot、Apache Shiro的考勤系统
项目使用前后端分离的方式进行开发，后端接口采用RESETful API设计规范
后端仓库地址：**[fras-java](https://gitee.com/UserTangYong/fras-java)**

本项目是我大学毕业设计，代码质量有些许糟糕。

本项目的界面是模仿钉钉界面进行设计 本项目适合react-native的入门学习

由于项目均由个人开发，精力和水平有限，有些BUG难免测不到，抱歉

### 项目主要技术栈

IOS+Android+React+React Native+React Navigation+Webpack+Redux+Axios+Restful API、SpringBoot、Apache Shiro、Mybatis、Quartz等

### 项目截图
#### 登陆界面
<img src="https://gitee.com/UserTangYong/fras-react-native/raw/master/images/denglu.PNG" alt="登陆界面" style="width:20%" />

#### 我的日统计界面
<img src="https://gitee.com/UserTangYong/fras-react-native/raw/master/images/wdtjday.PNG" alt="我的日统计界面" style="zoom:25%;" />

![我的日统计界面](https://gitee.com/UserTangYong/fras-react-native/raw/master/images/wdtjday.PNG)
#### 签到界面
![签到界面](https://gitee.com/UserTangYong/fras-react-native/raw/master/images/考勤签到界面.png)
#### 打卡地点设置界面
![打卡地点设置](https://gitee.com/UserTangYong/fras-react-native/raw/master/images/dkdd.PNG)
#### 个人月统计
![个人月统计](https://gitee.com/UserTangYong/fras-react-native/raw/master/images/grytj.PNG)
#### 团队统计
![团队统计](https://gitee.com/UserTangYong/fras-react-native/raw/master/images/tdtj.PNG)
#### 特殊日期设置
![特殊日期设置](https://gitee.com/UserTangYong/fras-react-native/raw/master/images/tsrq.PNG)
#### 打卡明细
![打卡明细](https://gitee.com/UserTangYong/fras-react-native/raw/master/images/wd.PNG)
#### 我的月统计界面
![我的月统计界面](https://gitee.com/UserTangYong/fras-react-native/raw/master/images/wdtongjiyue.PNG)
#### 修改班次界面
![修改班次界面](https://gitee.com/UserTangYong/fras-react-native/raw/master/images/xgbc.PNG)
#### 导出报表
![导出报表](https://gitee.com/UserTangYong/fras-react-native/raw/master/images/dcbb.PNG)
#### 修改考勤组
![修改考勤组](https://gitee.com/UserTangYong/fras-react-native/raw/master/images/xgkqz.PNG)
#### 考勤日期选择
![考勤日期选择](https://gitee.com/UserTangYong/fras-react-native/raw/master/images/xzsj.PNG)
#### 人脸检测数据不合法界面
![人脸检测数据不合法界面1](https://gitee.com/UserTangYong/fras-react-native/raw/master/images/人脸录入数据不合法界面1.png)
![人脸检测数据不合法界面2](https://gitee.com/UserTangYong/fras-react-native/raw/master/images/人脸录入数据不合法界面2.png)
![人脸检测数据不合法界面3](https://gitee.com/UserTangYong/fras-react-native/raw/master/images/人脸录入数据不合法界面3.png)
![人脸检测数据不合法界面4](https://gitee.com/UserTangYong/fras-react-native/raw/master/images/人脸录入数据不合法界面4png.png)
#### 人脸录入成功界面
![人脸录入成功界面](https://gitee.com/UserTangYong/fras-react-native/raw/master/images/人脸录入成功界面png.png)
#### 人脸录入模块界面
![人脸录入模块界面](https://gitee.com/UserTangYong/fras-react-native/raw/master/images/人脸录入界面1.png)
![人脸录入模块界面](https://gitee.com/UserTangYong/fras-react-native/raw/master/images/人脸录入界面2.png)
#### 人脸审核界面
![人脸审核界面](https://gitee.com/UserTangYong/fras-react-native/raw/master/images/人脸审核界面1.png)
![人脸审核界面](https://gitee.com/UserTangYong/fras-react-native/raw/master/images/人脸审核界面2.png)