基于小程序的定位健康打卡系统
1 引言
近年来我国移动网络用户飞速增长, 达到数亿, 到 2015年,我国移动网络4G用户预计将达到 7.1 亿人。 由于细分市场的势头和新的服务创新, 到 2020年, 中国用移动互联网的人,将会急剧增长,市场占有将会有几千亿 [1-2] 。 产业发展离不开用户的基数, 用户的基数在移动互联网开发初期尤为重要, 用户
基础已成为左右产业发展的重要因素 [3] 。在移动应用程序中, App 和小程序相比开发时间长, 新人上手慢,成本高 [4-5] 。 而新一代的移动互联应用发展的主要方向是“微,小,轻”,腾讯公司发布其微信生态圈的轻应用框架 — —微信小程序。 小程序开发时间短,新人上手快。 在移动互联网高速发展时代,充分利用信息技术,加上微信的普及程度,设计一个微信健康打卡系统, 可以快速地推广, 迅速获取广大人民群众的健康信息。
2 需求分析
健康管理的内容主要包括:体温,是否感冒,咳嗽,乏力,腹泻, 呼吸困难等体征。 此外还有出行记录管理, 家人的健康状况等。 对于大学生还需要统计心理健康状况等。一方面,需要人民群众上报这些信息,另一方面,还需要进行汇总和统计, 找出异常状态, 区分异常等级。 这些工作依靠人工完成,将是非常巨大的工作量,在有限的时间内,甚至是无法完成的。系统功能分析如图 1 所示。 包括前台和后台两部分。 前端分为三个功能分别是用户管理,健康打卡,还有定位功能。用户管理功能: 包括用户注册, 用户登录等功能。 可以查
看用户是否登录过。 此功能需要微信授权,如果你拒绝微信授权就出现警告返回页面,如果接受授权就跳转你所设置小程序的首页。健康打卡页面: 这个页面由按钮组件构成, 用户只需要根据提示进行健康信息的填写,其中大部分功能做成了选择题的模式, 填写简单。 此页面下, 只需要轻轻点击就能跳转到定位输入信息页面。定位功能: 包含定位输入信息页面: 进入这个页面你首先
需要定位授权,只有同意了才能进行定位,不同意就无法定位。无法定位时, 需要手动输入地址信息。 此外, 自 动和手动输入地址是可行的。
后台数据库主要是看用户输入地理位置的信息,看看有没有感染风险, 看看有没有感冒症状, 有没有接触确诊或疑似病例, 家人有没有感冒, 近期有没有去过武汉这些行为。 后台的数据还可以从系统导出。
图 1 系统总体设计组成
3 系统设计及实现
3.1 总体设计
本系统的总体设计如图 2所示。 总体设计能够很好满足用户的需求, 设计时着重考虑系统界面简洁, 美观, 易于操作。系统采取分层次设计,使软件系统的逻辑分界变得清晰。 模块化和封装是任何面向对象开发的最终目标,清晰的逻辑分界使这一目标比较容易实现。
图 2 系统的总体设计
3.2 系统逻辑架构设计
微信和 html非常相似, 用 wxss和 js来控制 wxml, 用逻辑层和渲染层一起组成的网页,微信小程序有许多文件,app.js,app.wxml,app,json,app.wxss控制整个APP的交互,页面样式,页面显示还有控制单个页面的文件, 交互情况如图 3 所示。 微信app由单列组成, 单列上面包含许多页面, 每个页面包含 wxml 文件,json文件,wxss文件和js文件。
图 3 微信 app如何交互系统的逻辑框架如图 4所示。 架构的最上层是视图层,视图层是由小程序特有的组件构成, 组件通过属性和逻辑交互,视图层负责渲染页面,其下面就是逻辑层,逻辑层能调用 API,例如地图,用户设置,跳转等。 API下层就是设备底层,设备底层支持API的使用,API还可以从服务器调出,直接使用。图 4 系统的逻辑架构
3.3 系统功能架构设计
用户需要登录然后,点击打卡按钮,然后进行定位打卡,在操作尽量设计的简单,用户轻松进行操作。
1)登录功能。 用户小程序通过wx.login向微信服务器获取code,调用 wx.request将code传递给后端,后端服务器通code向微信服务器换取openID和 session_key,然后后端服务器将自建用户身份标识发送给小程序本地存储, 除了传统登录功能, 还有云开发登录功能。
2)定位输入功能。 定位功能的实现框图如图 5 所示。 腾讯地图 WebService API 是基于 HTTPS/HTTP协议的数据接口,开发者可以使用任何客户端、服务器和开发语言, 按照腾讯地图 WebService API 规范, 按需构建HTTPS 请求, 并获取结果数据(目 前支持JSON/JSONP方式返回)。 腾讯地图 API的调用,需要先到腾讯官方网站进行注册, 获取相关的 KEY, 下载调用API相关地图文件,然后把地图文件移动开发者工具中才能使用,然后在webserviceAPI添加相关的域名白名单servicewechat.com, 在然后在小程序平台配置域名 https://apis.map.qq.com,最后要在小程序平台开启腾讯位置服务路线规划插件,准备工作做好,然后就是具体设计,首先看看是否开启定位,不开启则不显示定位,开启先获取经纬度,再进行逆向地址解析,最后输出定位。
图 5 定位功能设计
3)数据传入数据库。 首先开启云数据库功能,然后需要将输入的表单提交到数据库当中,在数据库当中可以查看。
4 结束语
经在学校班级小范围内行了模拟测试,本文设计的微信健康打卡小程序能完成定位打卡功能,另外还可以收集个人及家人的健康信息,本人及家人是否发烧等信息。
基于小程序的定位健康打卡系统相关推荐
- 基于安卓/微信小程序的个人健康打卡系统
随着智能终端和移动互联网的发展,健康管理软件在国内外兴起.健康管理系统运行在智能终端上,为人们的日常健康管理提供一种便捷的方式,帮助人们随时随地地管理个人健康.本文在研究国内外健康管理软件的基础上,充 ...
- 基于微信小程序的个人健康打卡系统设计与实现-计算机毕业设计源码+LW文档
摘要 网络的广泛应用给生活带来了十分的便利.所以把个人健康打卡管理与现在网络相结合,利用java技术建设个人健康打卡系统,实现个人健康打卡的信息化.则对于进一步提高个人健康打卡管理发展,丰富个人健康打 ...
- 小程序之定位签到打卡=>腾讯地图SDK
说明:文章部分内容及图片出自网络,如有侵权请与我本人联系(主页有公众号:小攻城狮学前端) 作者:小只前端攻城狮. 主页:小只前端攻城狮. 首发:掘金 GitHub:P-J27. CSDN:PJ想做前端 ...
- 微信小程序 社区居民健康疫情服务系统
居民疫情服务系统是基于微信小程序端和后端,技术采用java编程语言,mysql数据库,springboot框架,idea工具开发,本系统分为社区人员,管理员,社区工作员,县区工作员四个角色,其中社区人 ...
- 基于微信小程序的个人健康数据管理系统小程序
文末联系获取源码 开发语言:Java 框架:ssm JDK版本:JDK1.8 服务器:tomcat7 数据库:mysql 5.7/8.0 数据库工具:Navicat11 开发软件:eclipse/my ...
- 基于springboot高校学生健康打卡系统021009
基于springboot 高校学生健康打卡系统 摘 要 2019年12月19号中国武汉发生第一例新冠病毒的到来,大家都在听从政府的号召在居家隔离,不管是在城市还是在乡镇.农村,这引起我的注目,设计一套 ...
- 【计算机毕业设计】基于微信小程序的社区疫情防控系统
毕设帮助.源码交流.技术解答,联系方式见文末 小程序社区疫情防控系统的设计主要是对系统所要实现的功能进行详细考虑,确定所要实现的功能后进行界面的设计,在这中间还要考虑如何可以更好的将功能及页面进行很好 ...
- 基于小程序的微信学习平台设计与实现+源码
统计显示, 我国微信用户 数量在 2018 年超过了 10亿,小程序是微信开发推出的新型应用程序,用户无须下载安装就可以在微信中进行程序的开发. 相比传统的APP,小程序能调用微信基础框架.API接口 ...
- 基于JAVA社区微服务平台小程序服务器端计算机毕业设计源码+系统+lw文档+部署
基于JAVA社区微服务平台小程序服务器端计算机毕业设计源码+系统+lw文档+部署 基于JAVA社区微服务平台小程序服务器端计算机毕业设计源码+系统+lw文档+部署 本源码技术栈: 项目架构:B/S架构 ...
- 基于微信小程序电影院选座订票系统 计算机毕设源码26840
摘 要 随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,电影院选座订票系统小程序被用户普遍使用,为方 ...
最新文章
- 昊天善圈浅谈比特币这个类型区块链应用技术的特点及作用
- Bicoloring
- 【luogu P3378 堆】 模板
- 基于ZooKeeper实现HA高可用性以及自动主备切换
- Xcode添加pch文件
- 人工智障学习笔记——机器学习(11)PCA降维
- 使用Eclipse的Working Set管理项目
- 矩阵等式 matrix identity(numpy仿真)
- 零基础自学Java要多久,是不是很难?
- 使用STM32的I2S协议读取麦克风INMP441
- Android 混淆大全一篇就够了
- Excel图表1——双坐标图(双柱图)
- 顺序结构程序设计实例
- SpringBoot实现简易支付宝网页支付
- 学习 Python Django
- AI System 人工智能系统 TVM深度学习编译器 DSL IR优化 计算图 编译 优化 内存内核调度优化 DAG 图优化 DFS TaiChi 函数注册机 Registry
- Vue.js学习日记03
- 32位64位Eclipse和jdk对应关系说明【初学者适用】
- 计算机技术创新型,【现场】艺术与科技跨学科创新型创作人才培养成果展
- 人工智能Java SDK:中文翻译为英文