All Projects → tommenx → Wxss

tommenx / Wxss

Licence: mit
微信签到小程序,包含照片、地点、人脸验证

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

Projects that are alternatives of or similar to Wxss

Wxapp toutiaonews
📰微信小程序--头条新闻
Stars: ✭ 119 (-11.85%)
Mutual labels:  wxss
M Mall
🐶 微信小程序-小商城前台(基于 WeUI.wxss、ES6 前端技术开发...)
Stars: ✭ 1,484 (+999.26%)
Mutual labels:  wxss
Mina Webpack
🍱 Mina single-file-component meets Webpack
Stars: ✭ 77 (-42.96%)
Mutual labels:  wxss
Wemark
微信小程序Markdown渲染库
Stars: ✭ 1,159 (+758.52%)
Mutual labels:  wxss
Tina
💃 一款轻巧的渐进式微信小程序框架
Stars: ✭ 1,153 (+754.07%)
Mutual labels:  wxss
Autocomplete Wx
一款atom插件,支持微信语法高亮和代码补全
Stars: ✭ 47 (-65.19%)
Mutual labels:  wxss
Mpvue Loader
mpvue loader
Stars: ✭ 47 (-65.19%)
Mutual labels:  wxss
Alaweb
一套 Vue 代码,多端可用(H5、小程序、苹果App、安卓App、头条等)。系统含150+页面,200+组件(5端通用),30+元件(每个终端独立完成)
Stars: ✭ 837 (+520%)
Mutual labels:  wxss
Thorui
ThorUI组件库,微信小程序项目代码分享,组件文档地址:https://www.thorui.cn/doc 。 最近更新时间:2021-01-19
Stars: ✭ 817 (+505.19%)
Mutual labels:  wxss
Wxappunpacker
wxml被“编译“后”压缩“一下多好!😀
Stars: ✭ 4,487 (+3223.7%)
Mutual labels:  wxss
Wxapp.vim
提供微信小程序开发全方位支持的 vim 插件
Stars: ✭ 405 (+200%)
Mutual labels:  wxss
Wuss Weapp
🐳wuss-weapp 一款高质量,组件齐全,高自定义的微信小程序UI组件库
Stars: ✭ 338 (+150.37%)
Mutual labels:  wxss
XcxComponentsDemo
微信小程序组件化方案示例
Stars: ✭ 13 (-90.37%)
Mutual labels:  wxss
Toilet Webapp
微信版小明找厕所V2.0,升级为本地微信自带的地图路径规划、在地图上显示所有marker点、添加关于页面。主要功能包括:1.可以在地图上面展示所有厕所的位置,并且标记,2.直接在小程序端进行路径规划,3.ios和android一样默认选择步行方式,4.制作关于界面
Stars: ✭ 240 (+77.78%)
Mutual labels:  wxss
Weapp
🐧 微信小程序组件和功能封装,基于微信Component自定义组件开发
Stars: ✭ 235 (+74.07%)
Mutual labels:  wxss
Oncelove
婚礼请柬小程序
Stars: ✭ 209 (+54.81%)
Mutual labels:  wxss
Wxapp Redux Starter
微信小程序,集成redux,并且提供了方便快捷的开发环境;内置好奇心日报Demo...
Stars: ✭ 205 (+51.85%)
Mutual labels:  wxss
Weui Wxss
A UI library by WeChat official design team, includes the most useful widgets/modules.
Stars: ✭ 14,061 (+10315.56%)
Mutual labels:  wxss
Weapp demos
持续更新中的微信小程序和小游戏的源码案例库。目前涵盖了120多个微信小程序或小游戏。
Stars: ✭ 2,466 (+1726.67%)
Mutual labels:  wxss
Hswiper Wx
微信小程序swiper插件
Stars: ✭ 167 (+23.7%)
Mutual labels:  wxss

活动考勤签到小程序

效果图

功能

创建活动

  1. 可以添加活动名称、简介等信息
  2. 地点选择时有搜索建议并能够在地图上标注
  3. 签到方式选择包括:照片(上传活动照片)、地点(在活动地点附近500米内)、人脸(本人签到)

活动搜索

  1. 通过数据库的模糊搜索简单实现——每输入一个字都进行查询
  2. 点击结果列表可以查看活动详情

活动管理

  1. 根据当前日期分成两个Tab:正在进行中、已结束
  2. 点击可以进入活动详情界面

活动详情

  1. 查看活动的发起人、起止日期、活动地点、简介
  2. 查看参与的人数
  3. 活动的签到情况根据日期进行归档,点击日期可以查看当日的签到情况

活动签到

  1. 首先必须上传打卡照片,从相册中选择
  2. 点击地点验证即可通过当前经纬度以及活动地点经纬度简单计算距离,小于500m认为在活动区域
  3. 点击人脸验证,通过Face++的人脸对比接口,将上传的照片和个人信息页面的照片进行对比,置信度大于50可以认作是同一个人
  4. 当所有的要求都满足后,完成活动的签到

个人信息

  1. 可以更改当前的照片

相关技术

  1. 数据库采用MySQL
  2. 服务器基于Nodejs的Express4.0框架搭建,简单的接收JSON数据并返回,所有的活动信息、签到结果都记录在数据库中
  3. 个人信息图片、签到图片都存储在腾讯云的cos中
  4. 地理位置的推荐使用腾讯的地图接口

项目部署

客户端

  1. 小程序客户端放在client文件夹,使用小程序开发工具打开
  2. 填补client/checkin/config.js中的腾讯云对象存储的相关信息
  3. 填补client/checkin/pages/checkIn/checkIn.js中相应的API的key等

服务端

  1. 安装Nodejs,执行 node app.js
  2. 数据库的配置在server/checkin/congigs/config.js中

数据库

执行SQL文件即可

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].