首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Web开发---单页面应用(签到日报)

疫情前期,员工分布在各个地区,需要上报个人的健康状态和位置信息,于是做了一个单页面应用(当时钉钉和微信上的健康上报模板还没出现) 操作流程 进入页面时使用百度地图API定位接口首先定位其位置(经纬度和地址...image.png image.png 弹窗确定后进入页面 image.png 第一步,点击芳名,弹窗选择“我是谁”。...标题显示今天已签到人数,姓名列表中背景绿颜色的是已签到人员,背景蓝颜色是浏览器cookie保存的“我的名字”,方便下次在众多姓名中一眼找出来自己的名字。...image.png 在这个页面可以滚动查看所有人所填写的表单。...选择自己名字后,自己的表单显示在第一个,只能保存更改自己的表单 image.png image.png 下一篇文将介绍查看自己的历史签到信息和查看所有人的历史签到信息。

92010
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Web开发---单页面应用(签到日报--横向扩展)

    疫情前期,员工分布在各个地区,需要上报个人的健康状态和位置信息,于是做了一个单页面应用(当时钉钉和微信上的健康上报模板还没出现) image.png 如果把它快速的扩展到别的公司使用,通常的方法是在数据库表中新增一个表示公司的...为单独每一个公司开辟一个单独的数据库和服务器以达到公司间数据和应用完全物理隔离目的,我们使用了json文件当做员工表,我们只需为在数据库report中为不同公司单独创立名字为公司名称的数据表空间来存储签到表...image.png 同时使用tornado开发的后端Python程序渲染HTML模板时将命令行参数的company传递到前端页面中。

    53400

    利用redis实现每日签到功能

    用户签到操作,在一定场景下面并发量会很高,而且得考虑用户可能会不断点击签到的可能性。 基于上述的分析,这边我们可以用redis来实现每日签到的功能。...如果签到过往数据不需要保留的话,可以给redis的key值设置过期时间,好了我们来看看具体的代码: public Map everydaySign(String openId...; } return response; } 因为这边的业务逻辑比较简单,第一步做了用户是否存在检验、第二部做是否签到校验、第三步给key值设置过期时间。...核心key结构设计 上面代码只是流程业务代码,核心还是redis的key结构设计,这边我的key是采用string结构数据,规则是:签到标识+用户id+签到日期,这样就可以保证每个用户都可以记录到每天的签到情况...陷阱注意 这边还需要特别注意的是,每日签到的时候只要传用户的openId(因为是小程序),千万不要传签到的日期、签到所能获得的积分、也不能将openId不校验直接设置进去,这些都是非常危险的行为,原则:

    1.9K10

    博客小程序签到功能实现

    昨天抽空将mini-blog的签到功能基本上实现了,这里分享下。 很早之前就想实现签到功能,昨天终于花时间去变现了,先来看下效果图。 效果 ?...个人中心的排版进行了一定的改造,将关于个人相关的信息整合,留些位置给到签到。 ? 截图1 签到页还是常规的日历组件,为了保证一页填满,加了一个广告组件。 ? 截图2 后端实现 ?...页面样式定好之后,就看怎么设计了,首先是数据库,在云数据库中我又新增了三个集合。...交互实现 ? 在前端交互上,本着不重复造轮子的目的,找了个开源日历组件「wx_calendar」,样式上基本能接受,功能也满足,所以直接拿来用了。...签到功能已经发版上线拉,有兴趣的小伙伴可以体验下哦。 至于一些细节上交互和实现可以直接获取源码查看,有好的建议也欢迎留言。

    1.5K30

    使用云函数实现定时签到

    配置触发器 您提到在页面底部还有一个触发设置,您可以使用cron表达式,也可以自定义定时时间。cron表达式是一种在UNIX系统上用来安排在特定时间执行任务的方式。...你可以在这个编辑器上编写和编辑代码,然后运行它,以实现你想要的功能。这个编辑器提供了许多编程语言的支持,例如JavaScript、Python、HTML、CSS等等。...配置代码,注意方法入口 配置cookie,直接复制cookie 墨天轮请求签到代码 'use strict'; // index.js // 易用、简洁且高效的http库 const axios.../src npm install 部署测试 返回测试结果,因为之前已经签到过了,所以显示完成了,配置好定时器,之后就会每天签到一次。...除了签到活动,云函数还可以用于各种应用场景,例如自动化流程、数据处理、实时通信等等。使用云函数可以大大提高应用程序的效率和可靠性,降低成本,并且可以快速响应市场需求变化。

    42020

    累计连续签到设计和实现

    作者:hdfg159 链接:https://www.jianshu.com/p/bacd924df502 累计连续签到设计和实现 最近公司业务上需要实现一个累计连续打卡的功能,现在把打卡设计问题和思路整理一下发给大家...目前搜集到一些基于 Redis 位图 / 关系型数据库的一些方案,可以参考一下,做出最优方案的选择 玩转Redis-京东签到领京豆如何实现 基于Redis位图实现用户签到功能 如何利用 Redis 快速实现签到统计功能...问题难点 怎么用比较好方式去统计连续打卡天数 怎么实现补卡功能以达到连续签到的效果 怎么实现补签后连续天数的统计功能 数据库设计 以下是打卡记录表的设计和实现,我已经去掉了一些业务字段,剩下都是表结构的核心字段...表的唯一主键 create_time/update_time 比较重要数据信息字段一般都保留 列举一个比较实用业界数据分页案例:数据分页翻页时候,防止新增数据导致分页加载出现重复数据,一般做法是当客户端打卡当前页面那瞬间时间戳传过来...打卡功能实现 markDayTime 当前打卡签到日期,userId 当前打卡用户 ID 签到功能 SQL 实现 使用 INSERT INTO SELECT 查询小于当前签到日期(markDayTime

    3K30

    CSDN是怎么实现用户签到,统计签到次数,连续签到天数等功能微服务的

    文章目录 需求分析 设计思路 用户签到和统计连续签到的次数 签到控制层 SignController 签到业务逻辑层 SignService 测试 按月统计用户签到的次数 签到控制层 SignController...签到业务逻辑层 SignService 测试 获取用户签到明细情况 签到控制层 SignController 签到业务逻辑层 SignService 测试验证 需求分析 上图:CSDN每日签到...在很多互联网应用中,我们会存在签到送积分、签到领取奖励等这样的需求,比如: 签到1天送10积分,连续签到2天送20积分,3天送30积分,4天以上均送50积分等。...签到日期(如2022-12-19) amount 连续签到天数(如19) 用户签到:往此表插入一条数据,并更新连续签到天数; 查询根据签到日期查询 统计根据 amount 统计 如果这样存数据的话,...用户签到和统计连续签到的次数 用户签到,默认是当天,但可以通过传入日期补签,返回用户连续签到次数(后续如果有积分规则,就会返回用户此次签到积分) 签到控制层 SignController /**

    2.5K20

    JavaEE中,考勤(签到签退)功能的实现

    体会实现具体功能的思想并加以运用 签到功能 1、数据库中要有相应的表,并创建相应的实体类,复写相关方法 2、在相关的jsp页面添加两个jsp按钮,用于签到与签退,并添加id属性 3、在servlet中编写签到相关方法...4、在service实现类编写签到的逻辑方法 5、dao层实现类 6、在原来的jsp页面中,编写ajax请求,处理从servlet传来的数据 签退功能 1、在servlet层编写签退相关方法(提前处理...,ajax直接显示结果) 2、在service的实现类编写签退的逻辑方法 3、dao层调用的方法与签到一致,无需添加 4、在原来的jsp页面中,编写ajax请求,处理从servlet传来的数据(result...2、在相关的jsp页面添加两个jsp按钮,用于签到与签退,并添加id属性 ?...返回签到的结果0失败,1成功,2已签到,并将数据返回到servlet 3、servlet将数据直接响应给前台页面,jsp页面通过Ajax获取信息,更根据相应的值显示相应的提示语。

    2.2K30

    Redis位图实现点赞签到相关功能

    前言 对于我们平时的一些社区应用,如微博,知乎,掘金等应用点赞,评论这类功能是不可或缺的,例如点赞功能我们其实是可以通过 mysql 去做实现的,但是每次点赞都去实时改库可以想象一下当遇到一个热点文章例如...jedis.bitcount(PostId)); return 1L; } catch (Exception e) { return 0L; } } 在页面展示的时候我们我们只需要查询当前的这个...范围统计 当然我觉得范围查找最实用的场景就是签到统计 第一种玩法:userId 为 key,时间戳为 offset,签到 1 未签到 0 可以使用以下命令: BITPOS key bit start :...1 未签到 0 可以使用以下命令: BITOP operation destkey key [key ...]...一个简单的位图实现点赞等功能就实现了,大家一个举一反三哈,玩法还是很多的,大家也可以根据自己的需求去做优化,希望可以对大家有帮助,有不对的地方希望大家可以提出来的,共同成长。 ❞

    1K10
    领券