打卡签到

打卡签到

2021-03-13
¥ 0 终身VIP免费 升级终身VIP
下载不了?请联系网站客服提交链接错误!
增值服务: 安装指导 环境配置 二次开发 网站建设 模板修改 源码安装 LOGO设计 图片设计
打卡签到
最近更新 2021年03月13日
资源编号 14576

打卡签到

郑重承诺丨总裁主题提供安全交易、信息保真!
增值服务:
安装指导
环境配置
二次开发
网站建设
模板修改
源码安装
¥ 0 (终身VIP免费 升级终身VIP开通VIP尊享优惠特权
立即下载 升级会员 最新活动
详情介绍

打卡签到

用微信小程序实现的一个简单的打卡签到的小程序
拒绝授权-unAuth
这是一个比较孤立的页面,只有一个入口,也就是用户在登录页面拒绝授权后才会跳转至此页面。
登录页面-login
该页面是程序的初始页面,小程序有几个入口,该页面就可以从这些入口进入,主要分为两类:
  • 某公司生成的带有参数的,用于打卡的二维码
  • 其他(包括搜索、发现 -> 小程序、推广时不带参数的小程序二维码)
该页面程序逻辑包括:
[AppleScript] 纯文本查看 复制代码
?
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
if(登录) {
  switch(用户类型) {
    case: ‘某公司的管理员’: 跳转至 管理界面
    case: ‘某公司的员工’: {
      if(打卡二维码进入)扫码签到
      else 个人考勤
    }
    case: ‘以上都不是’: 跳转至选择页面
  }
}
handleLoginBtn() {
  //获取token
  //设置localStorage,包括:access_token, 能判断出用户类型的字段
  //跳转至选择页面
}
get 员工列表 asdfa /token
[AppleScript] 纯文本查看 复制代码
?
1
2
GET token
type: ‘admin’,’staff’,’user’,
选择页面-select
选择页面有三个入口,一是登录页面过来,二是员工退出团队后而来,三是管理员解散团队而来。 这三种情况可以算作一种情况,用户都是已登录过的普通用户!
  • handleCreateBtn()
  • handleJoinBtn()
创建团队-createPOST 创建团队
弹出提示创建成功,跳转至 管理页面
加入团队/公司列表-listGET 所有公司列表
给 确认加入 页面传入 公司id
确认加入-confirm
从之前的页面获取 公司id
GET 单个公司信息POST 加入某个公司
审核页面-audit
该页面属于 纯静态页面
员工列表信息-workers获取员工列表
单个员工信息-worker获取单个员工修改单个员工的真实姓名,即备注信息
boss修改团队的信息,包括上下班时间,地理位置还能生成二维码
扫码页面-scan
调用wx.scanCode(),只能获取信息,
  • unAuth: 拒绝授权
  • login: 登录页面
  • select: 选择页面
  • create: 创建团队/公司
  • list: 公司列表
  • confirm: 确认加入
  • audit:审核页面
  • workers:员工列表信息,tarbar左部页面
  • worker: 查看单个员工考勤信息
– boss: 管理者,tarbar右部页面
  • scan-扫码页面
  • clock-打卡页面
  • success 打卡成功
  • fail 打卡失败
  • self-查看个人考勤信息
问题: ?
  • 判断用户类型
  • 打卡二维码的参数
  • 怎么打卡
  • 生成打卡二维码的API
推广时的二维码:
[AppleScript] 纯文本查看 复制代码
?
1
2
3
4
{
  “path”: “pages/login/login?”,
  “width”: 430
}
打卡时的二维码
[AppleScript] 纯文本查看 复制代码
?
1
2
3
{
  “path”: “pages/login/login?add=””
}
生产二维码码 httpx… post { compantId location }
返回二维码的图片
打卡的时候
(获取二维码的信息。(公司的companyId + location)
  • 打卡的信息,位置,时间啊,token
打卡成功
打卡失败
bug修复,界面与逻辑的优化
  • 在scan.js增加定时器,增加打卡逻辑判断,当点击一次后将禁用10秒
  • 在self.js更改增加获取今天日期并显示
  • util.js 增加方法 obtainIndate
  • scan界面样式.seconds和其二级父元素
  • login界面样式.button
  • 在login.js将按钮登陆增加用户类型判断,由于现阶段无扫码进入,

 

  • 修改了scan.js
  • 修改了success
  • 修改了fail
  • 修改了applylist的无申请人员显示界面
  • 增加了日期选择右边箭头
  • self 修改了暂无打卡纪录显示界面
  • 稍微调整了以下workers界面,只要能获得打卡时间等数据就可以设置为可能异常就黄色,其他的就灰色
  • 修改了app.json 的底部tebar ---- 增加图片 icons: signOk.png signoff.png nosign.png noquick.png
  •   打卡签到 打卡签到 打卡签到 打卡签到 打卡签到 打卡签到

免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。

资源下载此资源仅限注册用户下载,请先
客服QQ:3482249445
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

所有文章为演示数据,不提供下载地址,版权归原作者所有,仅提供演示效果!

小程序网 小程序 打卡签到 https://www.10000ii.com/14576.html

上一篇: 记账本
下一篇: 海马服务
常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用
查看详情

相关文章

打卡签到-海报

分享本文封面