[疫情][项目]通过公众号实现一个人员入园收集信息的小功能

[疫情][项目]通过公众号实现一个人员入园收集信息的小功能

月光魔力鸭

2021-08-20 14:55 阅读 228 喜欢 0 疫情小项目 入园信息采集 腾讯文档

本篇文章以一个实际的小项目为主题进行从头到尾的讲解实现,该项目总计开发时长约6小时,算是比较快的了,主要是有很多页面或功能都是现成的,直接复制过来的,剩下的就调整下样式、字段内容等。 既然作为一个小项目,那么我们就从需求整理开始依次进行实现,并附带小部分代码或bug处理。

需求整理

主体:学校 需要在入场的地方放置一个二维码,用户扫码后填写姓名、手机号、提问,然后提交,后台可以看到这些记录,导出入场记录提交给上级。

参考:腾讯文档的调查表

构思

其实,最开始我是主张直接使用腾讯文档的,毕竟这个最简单,而且好多功能都支持,还可以设置,无奈客户最终还是想要开发这个功能。 功能不多,整理下来也就这么几个:

效果

先来几张截图看下最终的效果

登录 后台管理 移动端

框架及插件

数据库 : mysql 服务器端使用nodejs的 thinkjs框架来实现 后台管理使用layui来实现 h5 使用weui来实现 穿透调试使用frp

常见的问题

额 开发过程还是比较流畅的,业务也很简单,没碰到啥问题


有需要的可以直接github自取,不要忘记点赞哦。 github : https://github.com/chrunlee/p_info_collect/tree/main

转载请注明出处: https://chrunlee.cn/article/project-yiqing-wechat-demo.html


感谢支持!

赞赏支持
提交评论
评论信息 (请文明评论)
暂无评论,快来快来写想法...
推荐
写到这里,基本上就完成了我之前一篇文章中写的,我要做一个自己的图床的小程序了。在最初我要做图床的时候,发现在谷歌扩展程序上一无所知,所以才开始学习的这个,到这一步,至少能勉强能跑通自己的小程序了。
扩展程序中会有需要请求外部接口获取数据的时候,如果直接在JS中写的话,会跨域,但是谷歌扩展程序支持这种情况,只需要配置一下即可。
一直有跑着puppeteer在做pdf的生成,可以今天突然发现一个问题:预览与打印生成的PDF不一致,猜测可能是边距导致的,应该是没设置好... 然后当我在本地尝试的时候也发现了这个问题..要么是字符,要么是版本
最开始其实只是网站的一个小改版,导致的需要发送邮件的功能,本身功能不复杂,不做工具的话,几行代码应该就可以搞定的.. 不过后来想想,这个功能应该还是有一定的小需求的,就做成了工具。
小程序需要用到用户的手机号码,看了下API 以及相关的demo,基本都是服务端进行解密的,问题是需要的参数并没有用到secret,只需要 session_key / iv /encryptedData 即可,那完全可以在客户端进行处理啊。
国庆马上来临,头像已经先热起来了,为了蹭蹭热度,赶紧加班搞了一个。
本来是想做一个图床,然后在chrome扩展中添加上,但是发现chrome的扩展有点毫无头绪,只能从头练习,从头学了。
之前做了一段时间的上传相关的断点续传和秒传功能,这里整理下大体思路