人流密度检测系统之微信小程序端

简介

本项目是人流密度检测系统的客户端,通过微信开发者工具进行开发,用户可以通过微信登录该小程序,然后可以输入地名搜索你想要知道地方的人流密度情况,或者点击第二栏打开高德地图可以看到当地的全部人流密度情况。

项目截图

软件安装说明

本软件将发布至微信小游戏,可以在微信中搜索相关名称,然后点击使用。小程 序默认页面:页面顶部设置了滚动字幕作为公告栏,方便显示系统通知和用户须 知等内容。

程序默认状态为用户身份未授权的状态,用户自愿授权,方便后台统计某些数据, 授权成功后会自动跳转地图页面,不授权不影响地图功能使用。最底部是程序的 导航栏,分为“我的”和“地图”两部分,分别用于显示授权的用户信息和各监 测点的实时人数。

当用户点击“授权登录”按钮后,页面底部会出现弹窗,此时用户可以点击 “拒绝”或“允许”选择是否对程序进行授权。 若用户同意授权,程序会跳转至“地图”页面,直接显示各观测点的实时人 数,用户可直接查看,效果如图 11。 若用户拒绝对程序进行授权,程序会显示对应的消息提示框对用户提示,此 时程序不会获取用户信息,效果如图 12。

完成授权后,用户点击底部“我的”,会跳转用户信息页面,显示用户名和 头像基本信息。

地图功能

程序通过访问服务器的数据库获取每个监测点的实时人数并显示在当前页面。如 果获取的数据类型或数据范围出现错误,会在站点信息中显示“设备故障”。本 次测试在江苏大学内设置了 10 个监测点,因此设置江苏大学为地图中心点,用 户可以通过缩放查看各个监测点的实时信息。

源代码仓库

Gitee:
star


文章标题:人流密度检测系统之微信小程序端
文章作者:世间难得逍遥
文章链接:https://www.abyss.website/classify/programming/javascript/pedestriandensitywechat/

许可协议: CC BY 4.0 转载请保留原文链接及作者。


暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇