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

这篇具有很好参考价值的文章主要介绍了微信小程序实现蓝牙开门前后端项目(一)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

本实战已全部编写结束

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

物料准备

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

详细设计

业务流程图

后台管理功能

微信小程序实现蓝牙开门前后端项目(一)
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
+其他略

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

到了这里,关于微信小程序实现蓝牙开门前后端项目(一)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 前后端分离项目—微信小程序的创建及app.json的配置(二)

    本人框架入门,此处记录完成一个前后端分离项目笔记,若有错误,还望指正,持续更新中… 微信公众平台 (qq.com) 微信开放文档 (qq.com) 4.1获取appid 登录微信公众平台获取自己对应的appid并创建项目,不选择云服务,使用js模板。 5.1添加页面 创建完成微信小程序项目后,在

    2024年02月16日
    浏览(29)
  • 【微信小程序调用百度API实现图像识别实战】----前后端分离

    前言:基于之前发布的文章【微信小程序调用百度API实现图像识别功能】----项目实战稍微进行了升级改进,主要新增了后端,数据库,实现对于虫害识别,返回防治建议等信息。 本文主要讲述: 如何创建数据库 如何连接数据库 如何创建后端服务 如何调用后端服务 目录  一

    2024年04月25日
    浏览(34)
  • 基于微信小程序的垃圾分类系统设计与实现(2.0 版本,附前后端代码)

    博主介绍:✌程序员徐师兄、7年大厂程序员经历。全网粉丝30W+、csdn博客专家、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌ 视频演示地址: 基于微信小程序的智能垃圾分类回收系统,可作为毕业设计 小程序页面及功能作如下设计: 1 .用户

    2024年02月12日
    浏览(55)
  • 保姆级微信小程序对接蓝牙设备教程。微信小程序发送不同蓝牙指令(定时发送,断开重连,判断是否有蓝牙权限等)

    本文是一个完整的对接设备,发送不同指令监听不同返回的完整示例,可根据实际项目按需更改。 注: app.showModal 为在app.js中封装的showModal方法, then(()={}) 代表用户点击 confirm ,可用 wx.showModal 代替。 公用方法 请求设备列表 1. 判断是否有蓝牙权限 2. 初始化蓝牙 wx.openBluet

    2024年03月20日
    浏览(48)
  • 微信小程序 - 蓝牙连接

    官网 蓝牙 (Bluetooth) | 微信开放文档        蓝牙低功耗是从蓝牙 4.0 起支持的协议,与经典蓝牙相比,功耗极低、传输速度更快,但传输数据量较小。常用在对续航要求较高且只需小数据量传输的各种智能电子产品中,比如智能穿戴设备、智能家电、传感器等,应用场景

    2024年02月05日
    浏览(45)
  • 微信小程序蓝牙连接 uniApp蓝牙连接设备

     蓝牙列表期待效果  代码  js里面注意getBLEDeviceCharacteristics获取特征值的时候,极个别设备参数write,read,notify是乱来的,需要自己打单独处理,通过对应write,read,notify 为true的时候拿到对应的uuid,

    2024年02月04日
    浏览(49)
  • 微信小程序获取蓝牙权限

    要获取微信小程序中的蓝牙权限,您可以按照以下步骤进行操作: 1. 在 app.json 文件中添加以下代码:    ```    \\\"permissions\\\": {      \\\"scope.userLocation\\\": {        \\\"desc\\\": \\\"需要获取您的地理位置授权以搜索附近的蓝牙设备。\\\"      },      \\\"scope.bluetooth\\\": {        \\\"desc\\\": \\\"需要获取您

    2024年02月11日
    浏览(24)
  • 微信小程序:BLE蓝牙开发

    一、添加蓝牙权限: 1.添加蓝牙权限(工程/app.json): 二、实现扫描/连接/接收BLE设备数据: 1.实现BLE蓝牙设备扫描: 2.实现连接设备/接收数据: 3.调用例子:

    2024年02月12日
    浏览(60)
  • 微信小程序蓝牙流程及代码

    2024年02月12日
    浏览(37)
  • 微信小程序蓝牙授权完整流程

            1.1 authorize:                 提前向用户发起授权请求。调用后会立刻弹窗询问用户是否同意授权小程序使用某项功能或获取用户的某些数据,但不会实际调用对应接口。如果用户之前已经同意授权,则不会出现弹窗,直接返回成功。更多用法详见 用户授权。

    2024年04月27日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包