# 考勤系统小程序

**Repository Path**: xiaocaicaibbda/mini

## Basic Information

- **Project Name**: 考勤系统小程序
- **Description**: 毕设代码
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2024-01-29
- **Last Updated**: 2024-11-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<h1 align="center">智慧考勤系统 - 微信小程序</h1>
<p align="center">
    <a href="https://www.bilibili.com/video/BV1mh41137yS/?vd_source=9a233e677646447199a2bcdb7c74c126">
        Demo视频
    </a>
</p>
基于人脸识别与定位的智慧考勤系统<br>
负责人: 钟鑫云、马文浩



## **快速使用**



#### **环境：**

系统环境：linux/Mac/Windows均可

开发环境：直接下载并使用微信开发者工具即可，为保证代码运行效果一致微信开发者工具请使用2.19.4基础调试库

特殊要求：为保证功能完整，设备需要可以开启摄像头和GPS功能



#### **代码主要文件结构说明：**

| 文件/文件夹 |       说明       |
| :---------: | :--------------: |
|    imgs     |   静态资源文件   |
|    pages    |     页面文件     |
|   styles    | 风格样式设计文件 |
|    utils    |   方法函数文件   |
|   app.js    |   项目入口文件   |
|  app.json   |   全局配置文件   |
|  app.wxss   |   全局样式文件   |



#### **代码部署及使用：**

1、下载本仓库代码并解压，在微信开发者工具中打开

```
git clone https://github.com/Alxye/face-attendance-wechat.git
```

2、npm安装WEUI组件库依赖

```
npm install --save weui-miniprogram@1.2.7
```

3、在微信开发者工具中构建npm包

<img src="imgs\fig1.jpg" style="zoom:33%;" />

4、根据需要修改程序默认绑定的appid以及app.json中的配置参数

5、点击编译即可运行



**代码参数配置：**

1、可以使用自己微信注册的appid绑定项目（可选）或直接使用默认填写的appid

2、在app.json 文件中serverHost填写并确认个人配置的后端服务器IP地址以及端口（**必须**）

3、app.json 文件中mapkey字段为腾讯位置服务开发者密钥。重新填写app.json中的mapkey（可选），或直接使用本代码中已有的mapkey（**注：若发现代码中原本使用的mapkey失效可能是本人已注销用个人信息登记注册的腾讯地图服务的API key，请至[官网](https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview)页面申请并替换**）

4、app.json中的templateID为小程序订阅消息模板ID。若第一步中没有更改源代码使用的appid则不需要变动；若第一步更改为自身appid，请在微信开发者平台中注册订阅消息，选择时模板为考勤通知（类目为企业管理），模板选择的内容如下图所示

<img src="imgs\fig2.png" style="zoom:50%;" />

<img src="imgs\fig3.jpg" style="zoom: 50%;" />

5、保证微信小程序前端所使用的appid以及templateID和该项目flask后端代码配置文件config.py中填写的一致即可（**必须**）