微信小程序demo:打卡签到

  • w0_144048
    了解作者
  • 611.8KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-04-04 06:36
    上传日期
用微信小程序实现的一个简单的打卡签到的小程序   拒绝授权-unAuth 这是一个比较孤立的页面,只有一个入口,也就是用户在登录页面拒绝授权后才会跳转至此页面。   登录页面-login 该页面是程序的初始页面,小程序有几个入口,该页面就可以从这些入口进入,主要分为两类: 某公司生成的带有参数的,用于打卡的二维码 其他(包括搜索、发现 -> 小程序、推广时不带参数的小程序二维码) 该页面程序逻辑包括: [AppleScript] 纯文本查看 复制代码 ? 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 if(登录) {   switch(用户类型) {
clockInOut-master.zip
  • clockInOut-master
  • pages
  • confirm
  • confirm.wxml
    433B
  • confirm.wxss
    554B
  • confirm.json
    2B
  • confirm.js
    1.7KB
  • scan
  • scan.wxml
    846B
  • scan.json
    2B
  • scan.js
    3.8KB
  • scan.wxss
    1.4KB
  • audit
  • audit.js
    486B
  • audit.wxml
    249B
  • audit.json
    45B
  • audit.wxss
    359B
  • create
  • create.json
    2B
  • create.wxss
    1.6KB
  • create.js
    3.3KB
  • create.wxml
    973B
  • feedback
  • feedback.json
    2B
  • feedback.wxml
    131B
  • feedback.js
    547B
  • feedback.wxss
    193B
  • address
  • address.wxml
    328B
  • address.wxss
    560B
  • address.js
    1.1KB
  • address.json
    2B
  • applylist
  • applylist.wxss
    1.2KB
  • applylist.json
    2B
  • applylist.wxml
    1.1KB
  • applylist.js
    1.5KB
  • select
  • select.wxml
    461B
  • select.json
    2B
  • select.wxss
    788B
  • select.js
    527B
  • fail
  • fail.json
    2B
  • fail.wxml
    352B
  • fail.js
    663B
  • fail.wxss
    1.2KB
  • success
  • success.json
    2B
  • success.wxml
    806B
  • success.wxss
    1.2KB
  • success.js
    996B
  • attendance
  • attendance.wxss
    815B
  • attendance.js
    2.1KB
  • attendance.wxml
    1.5KB
  • attendance.json
    2B
  • code
  • code.js
    2KB
  • code.wxml
    30B
  • code.json
    2B
  • code.wxss
    28B
  • qrcode
  • qrcode.js
    515B
  • qrcode.json
    2B
  • qrcode.wxml
    488B
  • qrcode.wxss
    937B
  • list
  • list.wxml
    417B
  • list.js
    1011B
  • list.json
    2B
  • list.wxss
    577B
  • workers
  • workers.js
    2.3KB
  • workers.json
    2B
  • workers.wxss
    1.4KB
  • workers.wxml
    1.5KB
  • boss
  • boss.js
    4.3KB
  • boss.json
    2B
  • boss.wxml
    2KB
  • boss.wxss
    1.1KB
  • self
  • self.wxss
    1.1KB
  • self.js
    2.3KB
  • self.json
    2B
  • self.wxml
    828B
  • unAuth
  • unAuth.js
    335B
  • unAuth.json
    2B
  • unAuth.wxss
    363B
  • unAuth.wxml
    298B
  • editName
  • editName.wxss
    418B
  • editName.json
    2B
  • editName.js
    418B
  • editName.wxml
    308B
  • name
  • name.js
    1KB
  • name.json
    2B
内容介绍
# 打卡签到小程序 用微信小程序实现的一个简单的打卡签到的小程序 ## 拒绝授权-unAuth 这是一个比较孤立的页面,只有一个入口,也就是用户在登录页面拒绝授权后才会跳转至此页面。 ## 登录页面-login 该页面是程序的初始页面,小程序有几个入口,该页面就可以从这些入口进入,主要分为两类: 1. 某公司生成的带有参数的,用于打卡的二维码 2. 其他(包括搜索、发现 -> 小程序、推广时不带参数的小程序二维码) 该页面程序逻辑包括: ``` if(登录) { switch(用户类型) { case: '某公司的管理员': 跳转至 管理界面 case: '某公司的员工': { if(打卡二维码进入)扫码签到 else 个人考勤 } case: '以上都不是': 跳转至选择页面 } } handleLoginBtn() { //获取token //设置localStorage,包括:access_token, 能判断出用户类型的字段 //跳转至选择页面 } ``` get 员工列表 asdfa /token ``` GET token type: 'admin','staff','user', ``` ## 选择页面-select 选择页面有三个入口,一是登录页面过来,二是员工退出团队后而来,三是管理员解散团队而来。 这三种情况可以算作一种情况,用户都是已登录过的普通用户! - handleCreateBtn() - handleJoinBtn() ## 创建团队-create ``` POST 创建团队 ``` 弹出提示创建成功,跳转至 管理页面 ## 加入团队/公司列表-list ``` GET 所有公司列表 ``` 给 确认加入 页面传入 公司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-查看个人考勤信息 问题: ? 1. 判断用户类型 2. 打卡二维码的参数 3. 怎么打卡 4. 生成打卡二维码的API 推广时的二维码: ``` { "path": "pages/login/login?", "width": 430 } ``` 打卡时的二维码 ``` { "path": "pages/login/login?add=''" } ``` 生产二维码码 httpx... post { compantId location } 返回二维码的图片 打卡的时候 (获取二维码的信息。(公司的companyId + location) + 打卡的信息,位置,时间啊,token 打卡成功 打卡失败 ## bug修复,界面与逻辑的优化 1. 在scan.js增加定时器,增加打卡逻辑判断,当点击一次后将禁用10秒 2. 在self.js更改增加获取今天日期并显示 3. util.js 增加方法 obtainIndate 4. scan界面样式.seconds和其二级父元素 5. login界面样式.button 6. 在login.js将按钮登陆增加用户类型判断,由于现阶段无扫码进入, | | 默认登陆过(非按钮登陆)增加一个虚拟 encrypt | 则判定为扫了公司二维码 |_________________________________________|__ | 登陆按钮点击则判断用户类型 员工不会跳转去公司列表 | 并且不会有虚拟 encrypt 所以会跳往打卡详情 _____________________________________________ 7. 修改了scan.js 8. 修改了success 9. 修改了fail 10. 修改了applylist的无申请人员显示界面 11. 增加了日期选择右边箭头 12. self 修改了暂无打卡纪录显示界面 13. 稍微调整了以下workers界面,只要能获得打卡时间等数据就可以设置为可能异常就黄色,其他的就灰色 14. 修改了app.json 的底部tebar ---- 增加图片 icons: signOk.png signoff.png nosign.png noquick.png
评论
    相关推荐