基于小程序的定位健康打卡系统
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 結束語
經在學校班級小范圍內行了模擬測試,本文設計的微信健康打卡小程序能完成定位打卡功能,另外還可以收集個人及家人的健康信息,本人及家人是否發燒等信息。
總結
以上是生活随笔為你收集整理的基于小程序的定位健康打卡系统的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 如何向VISUAL SVN SERVER
- 下一篇: Java毕业设计-企业员工考勤打卡管理系