微信小程序云开发 搭建一个管理小程序(2)

设备管理现状: 部门有大量安卓/苹果测试机和测试硬件设备 , 当前管理现状混乱 , 管理员使用纸质表格和excel对每次的出借情况进行记录 , 当有同事需要测试设备的时候 , 需要联系管理员 , 管理员查阅表格 , 找到最后借用人进行协调 , 并登记在册

管理痛点: 管理员需要通过翻阅借用记录表去了解设备现状 , 并协调资源 , 增加了工作量 , 普通员工无法知道设备出借现状 , 获取设备环节复杂;

考勤管理现状: 管理员通过excel表格汇总考勤情况 , 并逐月发送到员工邮箱 , 员工需要下载csv文件去查看考勤

考勤管理痛点: 对于员工 , 通过查看excel十分不便

需求总结: 普通员工通过查看设备现状 , 找到可以状态的设备 , 并汇报管理员 , 管理员通过小程序切换设备状态 , 绑定使用人 ; 管理员逐月导入考勤数据 , 员工可通过小程序查看个人考勤情况; 

2: 项目构建

ui库使用iview weapp

小程序端(前端)对数据库的操作权限是严格按照控制台中配置的权限 , 云函数则拥有所有权限(云函数中对数据库的操作等同于在云开发控制台中进行数据库操作),所以本项目中所有的关于数据库的操作都将在云函数中处理 , 小程序端只作为视图层 , 并对无权限的界面和操作进行视觉隔离

3: 建立集合

微信小程序云开发 搭建一个管理小程序

通过云函数控制台建立需要的集合 , 并将excel/json文件导入到对应的集合, 也可以直接手动建立

4: 核心功能的实现(以云函数操作数据库为主)

微信小程序云开发 搭建一个管理小程序

小程序端>app.js

初始化云函数 , 获取已授权用户信息 , 定义需要的全局数据

//app.js App({ onLaunch: function () { const _this = this // 初始化云函数 if (!wx.cloud) { console.error('请使用 2.2.3 或以上的基础库以使用云能力') } else { wx.cloud.init({ traceUser: true, }) } // 获取用户信息(针对已经授权过的用户,直接获取用户信息) wx.getSetting({ success: res => { if (res.authSetting['scope.userInfo']) { // 已经授权,可以直接调用 getUserInfo 获取头像昵称,不会弹框 wx.getUserInfo({ success: res => { _this.globalData.avatarUrl = res.userInfo.avatarUrl _this.globalData.userInfo = res.userInfo if (_this.userInfoCallback) { _this.userInfoCallback() } } }) } } }) this.globalData = { userInfo: {}, // 微信用户信息 userRole: '', // 当前用户角色 registerUser: {}, // 微信用户绑定的用户信息 userindex: '', // 编辑设备和添加设备页面,index索引选择的值name userindexId: '',// 编辑设备和添加设备页面,index索引选择的值id currentQuerys: { type: ['iphone', 'android', 'ble'], user: [] } // 设备管理筛选框筛选的结果 } } })

云函数 > login (云函数条件查询云数据库)

以小程序open_id为查询条件 , 在云函数user集合中查找绑定该open_id的数据 , 为空表示该微信账号未绑定用户名

// 云函数入口文件 const cloud = require('wx-server-sdk') cloud.init() // 云函数入口函数 exports.main = async (event, context) => { const wxContext = cloud.getWXContext() // 调用数据库获取所有设备列表 const db = cloud.database() // 获取数据库 const _ = db.command // 获取查询指令 const usersCollection = db.collection('users') // 获取users集合 const user = (await usersCollection.where({ open_id: wxContext.OPENID // 根据唯一open_id在user集合中查找已绑定的用户 }).get()) return { event, data: user, openid: wxContext.OPENID, appid: wxContext.APPID, unionid: wxContext.UNIONID, } }

云函数 > register (云函数修改数据库数据)

对于未绑定的微信号 , 需要将用户选中的用户名与当前微信open_id绑定 , 完成注册

// 云函数入口文件 const cloud = require('wx-server-sdk') cloud.init() // 云函数入口函数 exports.main = async (event, context) => { const wxContext = cloud.getWXContext() // 调用数据库获取所有设备列表 const db = cloud.database() // 获取数据库 const _ = db.command // 获取查询指令 const usersCollection = db.collection('users') // 获取users集合 // 查询条件 let query = _.eq(event.id) // try { await usersCollection.doc(event.id).update({ // data 传入需要局部更新的数据 data: { open_id: wxContext.OPENID } }) } catch (e) { console.log(e) } return { event, openid: wxContext.OPENID, appid: wxContext.APPID, unionid: wxContext.UNIONID, } }

云函数 > getEquipmentList (云函数查询全部数据 , 云函数按条件查询数据库)

获取设备数据的时候存在多种情况

获取全部数据: 由于获取数据库有100条上限的限制 , 需要进行特殊处理

按条件查询数据 : 需要提前拼接好查询语句

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/5d4f77d7d2ef2a0ecd7afa487def3b55.html