/wifi-lock

Primary LanguageJavaScript

智能门锁

架构

使用小程序自有框架+PHP+MYSQL

前端小程序

  • .js为小程序javascript逻辑代码，.wxml为小程序页面文件（相当于HTML），*.wxss为小程序样式表(相当于CSS)
  • PAGES目录存放界面文件
  • IMAGES目录存放使用图片资源文件
  • CLOCK目录存放小程序云函数，用来获取用户OPENID
  • 其余文件皆为小程序自有框架配置文件，详见：小程序配置

PAGES

PAGES现有使用功能代码在devices/index/,devices/manage/,devices/show/,/history/,login/

login

主要进行小程序登录逻辑 登录验证请求地址为:https://www.happydoudou.xyz/public/index.php/User/login

  • data

    • isScuess:是否登录成功
    • canIuse：小程序基础库能否使用云函数
    • hasUserInfo：是否用用户数据
    • name：用户名
    • stuId：密码

  • js

    • formSubmit主要进行登录验证，post数据（name，pwd，openid）进行验证,此时分两种情况
      • 若数据库中无PENID，则登录成功，自动跳转到首页
      • 若数据库中无用户OPENID，则要求用户输入账户密码，若登录成功，则跳转小程序首页的同时将用户OPENID存入数据库，为后面实现自动登录

  • WXML

    • 使用INPUT和button小程序自有框架构造界面

devices/index/

主要进行门锁首页，无特殊逻辑，将门锁按钮绑定跳转到主要逻辑界面

devices/show

小程序主要开锁门逻辑及用户管理逻辑，现设置指纹，设置密码 开关门请求地址为https://www.happydoudou.xyz/public/index.php/lock/open 开门次数请求地址为https://www.happydoudou.xyz/public/index.php/lock/getLockTime 门锁状态请求地址为https://www.happydoudou.xyz/public/index.php/lock/getLockStatus

  • JS
    • onShow在此界面每一次展示时候调用
      • wx.getConnectedWifi每一次启动的时候获取wifi名字，并设置到DATA中，以备后面POST使用
      • setInterval方法进行轮询，没一秒执行一次，分别有wx.request请求getLockTime获取登录次数，并更新到界面中，wx.request请求getLockStatus获取锁的状态，并更新到界面
    • bleOpenDoor点击开关门按钮时调用，wx.request请求open方法，发送用户openid和wifi_name,openid主要用于后台记录是哪个用户进行的操作，wifi_name主要用于检测wifi名字是否和锁所在wifi一致，一致才进行开锁
    • confirm方法主要用于点击添加用户时，点击提交后post到数据库的方法，wx.request请求add方法，post用户name，pwd到后台并存入数据库
    • addUser:点击添加用户后通过将此pages的data里hiddenmodalput设置为true展示添加用户界面
    • cancel:点击取消时通过将此pages的data里的hiddenmodalput设置为false关闭添加用户界面
    • settingICCard主要绑定在用户管理界面，点击后跳转到用户管理界面

devices/manage

此界面主要进行用户管理 获取全部用户信息为https://www.happydoudou.xyz/public/index.php/user/getAllUsers 修改密码请求地址https://www.happydoudou.xyz/public/index.php/user/changePwd 删除用户请求地址https://www.happydoudou.xyz/public/index.php/user/changePwd

  • JS
    • onShow在小程序界面每次展示时调用，主要请求getAllUser，获取全部用户信息并展示在界面中
    • editUserInfo此方法主要获取小程序点击事件，通过小程序data-*绑定传递event到JS文件中,详见https://developers.weixin.qq.com/miniprogram/dev/framework/view/component.html,具体绑定在wxml文件15行，获取当前点击的行和数据，同时将data中hiddenmodalput设置为false展示修改密码和删除界面
    • deleteUser，点击删除时调用的方法，wx.request请求del方法，post用户名数据，PHP文件根据用户名进行匹配，删除数据库中相关数据
    • changePwd,点击提交修改用户名时调用，post要修改的用户名和密码交给后台PHP处理，PHP根据用户名进行匹配，修改数据库中相关数据

history

开关门锁历史记录显示方法，在每次onShow第一次展示时从getLock获取数据，将开关门锁的历史信息存入data中，并在wxml中通过wx:for遍历获取的用户数据，根据信息中的action进行开关门锁的判断，若action为0则为开锁，action为1则为关锁

PHP相关文档

config为PHP相关配置文件,application为PHP相关文件，函数文件皆在controller

###CONTROLLER

Lock.php

为锁相关方法

  • open为门开锁方法，先判断是否传递openid，如果为openid，则从数据库中寻找此openid，记录为用户，如果未找到相关用户，则放回错误码1。否则寻找此时锁的状态，如果为0，则记录action为1和用户名，反之如此

  • getLock为获取锁时间方法，从数据库获取lock_time的表并放回

  • getLockTime则为获取锁开门次数的，从开锁记录表中获取action为0的数据并放回

  • getLockStatus，从数据库状态表中获取锁的状态，并放回

  • updateLock为更新锁相关信息的方法，获取前端post的wifi名字，并更新到数据库

User.php

  • login为登录方法，获取前端post的用户名，密码和openid，如果有openid，则在数据库中进行匹配，若果数据库中有相关openid，则自动登录。如果无，则匹配用户名和密码，若登录成功，则将post的openid存入数据库，若登录失败，则回传失败的错误码

  • add为添加用户方法，获取前端post的用户名和密码，并存入数据库

  • changePwd为修改密码方法，获取前端post的用户名和新密码，如果数据库中有相关用户，则更新密码，如果无相关用户，则返回错误码

  • getAllUsers为获取所有用户的方法，从user表中获取所有的数据，并返回

  • del为删除用户的方法，根据前端post的用户名进行匹配，如果匹配到则删除相关用户，如果无则返回错误码