SDU智慧摸鱼实验室

SDU物联网应用系统设计实验课题，智慧实验室的项目前端部分

项目构建

npm init
npm i wx-promise-pro -S
npm i wx-updata -S

在微信开发工具中选择工具-构建npm，成功输出miniprogram_npm文件即可

项目开发

本项目使用 vscode 进行快速开发

• 建议配合插件WXML - Language Services以替代原生开发工具，微信原生开发工具仅作为调试器使用

• 通过Easy Sass及CSScomb进行样式文件编写

• 必须使用通过 Pull requests 才可以提交合并请求

项目背景

当前实验室存在进出管理困难，实验室人员、器材等安全检测不全面等问题

本项目目的在提供方便高效的人脸识别门禁系统，通过小程序对实验室成员，临时人员等进行快速注册绑定，增强实验室的进出管理便利性

同时硬件端采用modbus实现区域组件智联，通过小程序呈现出组联设备的检测数据，包括温湿度，火灾预警，人员活动等，便于检测实验室状况，及时排除隐患

项目UI设计

采取 Figma 进行UI设计，本程序的UI设计请访问

SDU智慧摸鱼实验室 UI

主要文件结构

│  app.js
│  app.json                     
│  app.wxss                     
│  README.md
│  
├─components                    // 组件集
│  ├─components                 // 组件命名统一使用 index.*
│  └─components 1
│          
├─pages                         // 页面集
│  ├─index
│  └─more
│          
├─styles                        // 样式文件
├─images                        // 图标
├─templates                     // 项目模板
├─miniprogram_npm               // npm 构建文件
│
└─utils                         // 辅助模块

参考

项目结构参考 weapp-library

项目组件库库

• 微信小程序异步库 wx-promise-pro

• setData 替代品 wx-updata

代码规范

遵循 JavaScript Standard Style 语言规范

采用 腾讯AlloyTeam CSS代码规范

声明

本项目基于 MIT 协议，请自由地享受和参与开源