最近和学长合作的一个微信小程序--点点考勤,就是通过腾讯地图的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(测试)这个是专门做测试用的一个独立文件。
好了,这篇文章就将一下大致的设计结构,下一篇文章将会详细介绍用户登录这一模块。感谢阅读。