微信小程序实现蓝牙开门前后端项目(一)

举报
阿提说说 发表于 2022/06/28 17:34:38 2022/06/28
【摘要】 微信小程序实现蓝牙开门前后端项目(一)

在这里插入图片描述

物料准备

  • 一个蓝牙模块
    在这里插入图片描述

详细设计

业务流程图

后台管理功能

在这里插入图片描述
1、管理员(超级管理员)可以登录后台,维护小区的基本信息、维护小区物业的账号信息、查询操作日志、查询用户列表
2、小区物业可以登录后台,维护小区业主的账号信息,查询用户列表

小程序开门功能

在这里插入图片描述
1、用户(业主)打开微信小程序,小程序检测用户是否登录状态,未登录,跳转到登录页,提示登录;已登录,跳转到开门页面
2、检测用户是否开启蓝牙,未开启蓝牙,提示:请开启蓝牙;已开启蓝牙,检测附近是否有蓝牙设备,没有蓝牙设备,提示:没有检测到蓝牙设备,请联系物业或密码刷卡开门(因为开不了门,需要咨询物业);有蓝牙设备,使用预先下载的秘钥连接蓝牙设备,如果连接失败,重试3次,超过3次未成功,提示:设备连接失败,请联系物业或密码刷卡开门;如果连接成功,开门按钮高亮显示,用户可以点击开门按钮;
3、用户点击开门按钮后,小程序会通过蓝牙接口调用蓝牙设备,发送开门指令;如果开门失败,会快速重试3次,超过3次,提示:设备连接失败,请联系物业或密码刷卡开门;如果开门成功,会有手机震动提醒。
4、用户也可以在开门界面,摇动手机开门,流程同3

小程序界面设计

在这里插入图片描述
一共就两个页面,“我的页面”和“首页”。

“我的页面” - 由于是第一版,主要是实现开门功能,我的页面非常简单,只有一个退出登录按钮,后期会增加访客邀请,开门记录等功能

“首页” - 开门页面是该小程序的主页页面,由蓝牙状态、开门状态和开门按钮组成,开门按钮设计的比较大并且醒目,方便用户点击

管理后台设计

在这里插入图片描述
在这里插入图片描述

管理后台因为是管理人员使用,页面要求不是很高,因此使用了开源前端框架自带主题,该前端框架AdminLTE一共有8种主题可切换

技术选型

  • 由于本软件跟后端没有太多交互,只是对用户进行基本的账户认证,对后端性能要求较低,因此后端只需采用SpringBoot单体应用即可。
  • 数据库采用流行的Mysql
  • 其他技术栈:Spring、Freemarker、Shiro、Mybatis
  • 前端:微信小程序

表结构设计

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

功能接口

小程序调用接口

小程序调用后端接口比较简单,主要就是验证账户,和保存用户信息

用户登录

接口地址:/api/mini/user/userLogin
请求方式:POST
请求字段:

名称 说明
username 用户名
password 密码

返回字段:

名称 说明
id 用户id
username 用户名

小程序登录获取code

接口地址:/api/mini/user/getLogin
请求方式:POST
请求字段:

名称 说明
code 小程序code
miniUserVO 小程序用户信息Object
+avatarUrl 头像
+province
+其他略

返回字段:

名称 说明
sessionId 状态id
openid 小程序用户唯一id
unionid
userInfo 小程序用户信息Object
+avatarUrl 头像
+province
+其他略

好了,夜已深,今天就到此为止,本文专门用来说明该软件的业务流程、功能设计、接口设计和表结构设计,这是非常有必要的,这将帮我们理清开发思路,为下文的编码实现打下坚实的基础。实际上我们做任何项目都需要先设计(总体设计->详细设计->评审),评审通过后才开始编码。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。