微信小程序之点点考勤经验总结

本文介绍了一个名为“点点考勤”的微信小程序,它利用腾讯地图GPS实时定位功能,监测师生位置,有效防止逃课现象。文章分享了小程序前端开发经验,涉及文件结构、模块设计及个性化配置等内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

      最近和学长合作的一个微信小程序--点点考勤,就是通过腾讯地图的gps来实时定位学生和老师的位置,通过计算与老师的距离来判定是否来上课了,当然也能抓到那些逃课的学生。因为是实时的,所谓实时就是我们设定了一段时间内检查一次学生的位置。我是负责前端这一块的,从学习微信小程序到开发出第一代点点考勤这一路来遇到过很多大大小小的问题,所以我想把宝贵的经验写下来并分享给大家。

      mpvue是一个使用 Vue.js开发小程序的前端框架,但是我这次并没有使用这个框架,因为我觉得小程序原生框架就挺好的,和vue很像。这是我开发的文件结构。

iconfont.wxss是阿里icon的样式表.

weu.wxss是官方weui。

sitemap.json是配置索引的,支持小程序内搜索,我没有使用,相关文档https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html

project.config.json,小程序开发者工具在每个项目的根目录都会生成一个 project.config.json,在工具上做的任何配置都会写入到这个文件,当重新安装工具或者换电脑工作时,只要载入同一个项目的代码包,开发者工具就自动会帮你恢复到当时你开发项目时的个性化配置,其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。

           共有六个模块外加一个app共七个模块。分别是创建考勤(Create),加入考勤(Join),joinedroom(加入的考勤课程),logs(用户信息界面),myroom(我创建的课程),testView(测试)这个是专门做测试用的一个独立文件。

 好了,这篇文章就将一下大致的设计结构,下一篇文章将会详细介绍用户登录这一模块。感谢阅读。

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值