抗原检测统计小程序

已于 2022-06-23 08:42:57 修改
阅读量914 收藏 2
点赞数 2
分类专栏： 微信小程序 文章标签： 小程序 微信小程序
于 2022-06-22 17:03:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48747169/article/details/125412984
版权

抗原检测统计小程序

一、需求分析

1、项目背景

​ 核酸检测期间，每个宿舍都会根据实际居住人数，发放对应数量的检测盒，但是由于宿舍比较多，需要通过绕大圈的方式，来避免有遗漏的宿舍，而且抗原检测需要15分钟之内有效，最终需要把这些结果进行汇总。

​ 因此，为了提高工作效率，不希望使用手工统计，都是先绕大圈，先发放试剂盒，再绕大圈回来查看检测结果，最终汇总的结果，需要得出，楼层总人数，检测正常总人数，检测异常总人数。同样拿着纸笔记录统计十分麻烦，不方便而且效率很低。因此可以以微信小程序为载体，进行抗原检测统计小程序的搭建，尽可能的规避上述问题，为管理人员提供便捷。

2、功能性需求

  • 宿舍人员登记宿舍号和当前宿舍人数。
  • 得到抗原检测结果，宿舍人员提交检测结果
  • 管理人员查看楼层每个宿舍信息，以及楼层汇总信息
  • 管理人员登录

二、效果图

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

三、代码

1、宿舍登记

  • 输入宿舍信息，添加到数据库，并提示
  • 宿舍信息已存在，则更新信息，并提示
  • 判断输入的宿舍号是否为数字，并提示

index.wxml

<form bindsubmit="formsubmit">
<view class="view">宿舍号：</view>
<input type="number" name="code" placeholder="请输入宿舍号（数字）"/>
<view class="view">当前宿舍人数：</view>
<radio-group id="group" name="person">
  <label><radio value="0"/>0</label>
  <label><radio value="1"/>1</label>
  <label><radio value="2"/>2</label>
  <label><radio value="3"/>3</label>
  <label><radio value="4"/>4</label>
  <label><radio value="5"/>5</label>
  <label><radio value="6"/>6</label>
</radio-group>
<view>
<button type="primary" class="button" form-type="submit" size="mini">点击提交</button>
<button type="primary" class="button" form-type="reset" size="mini">点击重置</button>
</view>
</form>

index.js

const db = wx.cloud.database()
Page({
  data: {
    //宿舍号
    code:'',
    //宿舍总人数
    person:'',
    //记录id，用于查询更新
    id:''
  },
  formsubmit:function(e){
    var that = this
    //获取表单参数
    that.setData({
      code:e.detail.value.code,
      person:e.detail.value.person
    })
    //判断表单项是否为空
    if(that.data.code==''||that.data.code==undefined||that.data.person==''||that.data.person==undefined){
      that.setData({
        code:'',
        person:''
      })
      wx.showToast({
        title: '请填写完整',
        icon:'error'
      })
      //判断宿舍号是否全是数字
    }else if(!(/(^[0-9]*$)/.test(that.data.code))){
      that.setData({
        code:''
      })
      wx.showToast({
        title: '宿舍号为数字',
        icon:'error'
      })
    }else{
      //查询数据库是否有该宿舍数据，如果有就更新，没有就创建
      //查询数据库是否有数据
      db.collection('WJX').where({
        code:that.data.code,
      }).get({
        success:function(res){
          let result = res.data[0]
          console.log(result)       
          if(result!=undefined){
            that.setData({
              id:result._id
            })
            //更新数据
            let time = new Date()
            db.collection('WJX').doc(that.data.id).update({
              data:{
                person:parseInt(that.data.person),
                time:time
              },success:function(res){
                wx.showToast({
                  title: '更新成功',
                  icon:'success'
                })
                console.log('更新成功')
              }
            })
            
          }else{
            //添加数据
            let shijian = new Date()
            db.collection('WJX').add({
              data:{
                code:that.data.code,
                person:parseInt(that.data.person),
                num1:'未提交',
                num2:'未提交',
                time:shijian
              },success:function(e){
                wx.showToast({
                  title: '添加成功',
                  icon:'success'
                })
              }
            })
            console.log('添加完成')
          }
        }
       })
    }}
})

2、结果登记

  • 输入宿舍号判断是否为数字，是否登记，并提示
  • 输入宿舍号，显示当前宿舍人数
  • 提交检测信息
  • 判断宿舍人数与检测正异常人数和是否相等

one.wxml

<view class="view">宿舍号：</view>
<input type="number" name="code" placeholder="请输入宿舍号（数字）" bindblur="blur"/>
<view class="view">当前宿舍人数：<text>{{person}}</text></view>
<form bindsubmit="formsubmit">
<view class="view">当前宿舍检测正常人数：</view>
<radio-group class="group" name="person1">
  <label><radio value="0"/>0</label>
  <label><radio value="1"/>1</label>
  <label><radio value="2"/>2</label>
  <label><radio value="3"/>3</label>
  <label><radio value="4"/>4</label>
  <label><radio value="5"/>5</label>
  <label><radio value="6"/>6</label>
</radio-group>
<view class="view">当前宿舍检测异常人数：</view>
<radio-group class="group" name="person2">
  <label><radio value="0"/>0</label>
  <label><radio value="1"/>1</label>
  <label><radio value="2"/>2</label>
  <label><radio value="3"/>3</label>
  <label><radio value="4"/>4</label>
  <label><radio value="5"/>5</label>
  <label><radio value="6"/>6</label>
</radio-group>
<view>
<button type="primary" class="button" form-type="submit" size="mini">点击提交</button>
<button type="primary" class="button" form-type="reset" size="mini">点击重置</button>
</view>
</form>

one.js

const db = wx.cloud.database()
Page({
  data: {
    id:'',
    //宿舍号
    code:'',
    //宿舍人数
    person:undefined,
    //正常人数
    num1:'',
    //异常人数
    num2:''
  },
  //宿舍号失去焦点，宿舍号空/非数字提示,查询为空提示，查询到数据人数回显页面
  blur:function(e){
    var that = this
    that.setData({
      code:e.detail.value
    })
    //判断宿舍号是否为空
    if(that.data.code==''||that.data.code==undefined){
      wx.showToast({
        title: '请输入宿舍号',
        icon:'error'
      })
    }else{
    console.log(that.data.code)
    //判断宿舍号是否是数字
    if(!(/(^[0-9]*$)/.test(that.data.code))){
      that.setData({
        code:''
      })
      wx.showToast({
        title: '宿舍号是数字',
        icon:'error'
      })
    }else{
      //根据宿舍号查询
      console.log('开始查询')
      db.collection('WJX').where({
        code:that.data.code
      }).get({
        success:function(res){
          let result = res.data[0]     
          if(result!=undefined){
            //获取宿舍人数
            that.setData({
              person:result.person,
              id:result._id
            })
            console.log(that.data.id)
          }else{
            //查询数据为空，提示登记
            that.setData({
              code:''
            })
            wx.showToast({
              title: '宿舍未登记',
              icon:'error'
            })
          }
        }
      })

    }
  }
  },
  //宿舍检测结果提交
  formsubmit:function(e){
    var that = this
    that.setData({
      num1 : e.detail.value.person1,
      num2 : e.detail.value.person2
    })
    if(that.data.code==''||that.data.code==undefined){
      wx.showToast({
        title: '请输入宿舍号',
        icon:'error'
      })
    }else{
      if(that.data.person==undefined){
        wx.showToast({
          title: '宿舍号有误',
          icon:'error'
        })
      }else{
        if(parseInt(that.data.num1)+parseInt(that.data.num2)!=parseInt(that.data.person)){
          that.setData({
            num1:'',
            num2:''
          })
          wx.showToast({
            title: '检测人数错误',
            icon:'error'
          })
        }else{
          console.log(that.data.num1)
          console.log(that.data.num2)
          let time = new Date()
          db.collection('WJX').doc(that.data.id).update({
            data:{
              num1:parseInt(that.data.num1),
              num2:parseInt(that.data.num2),
              time:time
            },success:function(res){
              console.log('修改成功')
              wx.showToast({
                title: '提交成功',
                icon:'success'
              })
            }
          })
        }
      }
    }
  }

})

3、信息汇总

  • 显示宿舍相关信息
  • 分页显示
  • 汇总显示

two.wxml


<view id="container">
<view class="view">宿舍号</view>
<view class="view">宿舍人数</view>
<view class="view">正常人数</view>
<view class="view">异常人数</view>
</view>
<view>
<block wx:for="{{list}}" wx:for-item="item" wx:key="index">
<view class="view">{{item.code}}</view>
<view class="view">{{item.person}}</view>
<view class="view">{{item.num1}}</view>
<view class="view">{{item.num2}}</view>
</block>
<view class="container_foot">
<button type="primary" size="mini" class="button" bindtap="btn_left">上一页</button>
当前页码：{{pagenum}}
<button type="primary" size="mini" class="button" bindtap="btn_right">下一页</button>
</view>
<view class="container_foot">
<view id="text">总页数：{{page}}，总记录数:{{total}}</view>
</view>
</view>
<view id="foot">
  <view class="text">宿舍总数：{{total}}</view>
<view class="text">宿舍总人数：{{person}}</view>
<view class="text">宿舍正常总人数：{{normal}}</view>
<view class="text">宿舍异常总人数：{{abnormal}}</view>
</view>

two.js

const db = wx.cloud.database()
const $ = db.command.aggregate
Page({
  data: {
    //当前页数据
    list:[],
    //当前页码
    pagenum:1,
    //每页显示条数
    PAGE_SUM:5,
    //总记录数
    total:'',
    //总页数
    page:'',
    //总人数
    person:'',
    //正常总人数
    normal:'',
    //异常总人数
    abnormal:''
    
  },
  onLoad:function(e){
    var that = this
    //查询总记录数和总页数
    db.collection('WJX').count({
      success:function(s){
        let total = s.total
        let page = Math.ceil(total/that.data.PAGE_SUM)
        console.log('总页数:'+page)
        that.setData({
          total:total,
          page:page
        })
      }
    })
  //第一页显示
    db.collection('WJX').skip((that.data.pagenum-1)*that.data.PAGE_SUM)
    .limit(that.data.PAGE_SUM).get({
      success:function(res){
      console.log(res.data)
      that.setData({
        list:res.data
      })
      }
    })
    //聚合获取总人数（宿舍，正常，异常）
    db.collection('WJX').aggregate().group({
      _id:'totalperson',
      totalperson:$.sum('$person'),
      totalnormal:$.sum('$num1'),
      totalabnormal:$.sum('$num2')
    }).end({
      success:function(res){
        console.log(res.list[0])
        that.setData({
          person:res.list[0].totalperson,
          normal:res.list[0].totalnormal,
          abnormal:res.list[0].totalabnormal
        })
        console.log('person:'+that.data.person+',normal:'+that.data.normal+',abnormal:'+that.data.abnormal)
        
      }
    })
  },
  //上一页显示
  btn_left:function(e){
    var that = this
    if(that.data.pagenum==1){
      wx.showToast({
        title: '已是首页',
        icon:'error'
      })
    }else{
      that.setData({
        pagenum:that.data.pagenum-1
      })
      console.log(that.data.pagenum)
      db.collection('WJX').skip((that.data.pagenum-1)*that.data.PAGE_SUM)
      .limit(that.data.PAGE_SUM).get({
        success:function(res){
        console.log(res.data)
        that.setData({
          list:res.data
        })
        }
      })

    }

  },
  //下一页显示
  btn_right:function(e){
    var that = this
    if(that.data.pagenum==that.data.page){
      wx.showToast({
        title: '已是末页',
        icon:'error'
      })
    }else{
      that.setData({
        pagenum:that.data.pagenum+1
      })
    }
    console.log(that.data.pagenum)
    db.collection('WJX').skip((that.data.pagenum-1)*that.data.PAGE_SUM)
    .limit(that.data.PAGE_SUM).get({
      success:function(res){
      console.log(res.data)
      that.setData({
        list:res.data
      })
      }
    })
  }
})

4、我的信息

  • 获取用户名称和头像

three.wxml

<view class="denglu">
  <image src="{{touxiang}}" mode="widthFix" style="width:70px"></image>
  <text style="color:#FFF;font:40px">{{nicheng}}</text>
</view>

<view wx:if="{{appid==''}}">
	<button bindtap="getProfile" type="primary">点击获取用户信息</button>
</view>
<view wx:else>
<view class="view">欢迎【{{nicheng}}】登录</view>
<view class="view">我的appid：{{appid}}</view>
<view id="view">
<view class="view">积极配合</view>
<view class="view">听从指挥</view>
<view class="view">做好防护</view>
</view>
</view>

three.wxss

.denglu{
  width: 100%;
  height: 200px;
  background-color: #E54847;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

image{
  border-radius:35px;
}
.view{
  text-align: center;
  margin-top: 5%;
}
#view{
  margin-top: 20%;
}

three.js

Page({

	data: {
		touxiang:'/images/profile.png',
		nicheng:'',
		appid:''
	},

	getProfile(event) {
		var that=this
		console.log(event);
		wx.getUserProfile({
			"desc":"获取授权"
		}).then( res => {
			console.log(res)
			wx.cloud.callFunction({
				name:'profile'
			}).then( res => {
				console.log(res)
				that.setData({
					appid:res.result.appid
				})
			})
			that.setData({
				touxiang:res.userInfo.avatarUrl,
				nicheng: res.userInfo.nickName,
			})
		})
	},
})
C币贫困户
关注
专栏目录
医疗检测机构能力建设指导原则
喵叫兽的博客
08-31 5858
一、编制目的 医疗器械检验检测体系是医疗器械监管体系的重要组成部分。为加强医疗器械检验检测体系建设，提升医疗器械检验检测能力，根据《医疗器械监督管理条例》（国务院令第680号）、《国务院关于印发“十三五”国家食品安全规划和“十三五”国家药品安全规划的通知》（国发〔2017〕12号）、《医疗器械检验检测中心（院、所）建设标准》（建标188-2017）等文件要求，结合《医疗器械分类目录》（国家食...
【AI+医疗】如何借助人工智能技术开发疾病检测器和利用AI赋能新药研发？
AI天才研究院
08-14 253
人们一直以来都期盼着通过科学技术来发现并治愈疾病，而疾病检测技术正是为了帮助人类开发出疾病预防措施，提高人体健康水平。疾病检测技术包括人工检查、实验室检查、体外诊断、X光透视等多种方式。由于人体存在不同类型病变，导致它们共同组成了诸多疾病。每一种疾病都需要专门的检测方法才能确认它的确切性。因此，疾病检测技术也被称为分类、分级或检测。常用的疾病检测技术有超声波、CT、MRI、PET、核磁共振(NM)等。其中，超声波是最早用于传统疾病检测的技术，它能够侦测细小颗粒大小，具有高灵敏度。
类风湿性关节炎中的肠-关节轴
Hangzhou_Guhe的博客
01-21 1229
类风湿性关节炎并不是专属于老年人，它可以发生在任何年龄段。其中高发年龄在40-60岁，而且女性是男性的2-3倍。 且类风湿性关节炎很“狡猾”，往往前期不容易被发现，且容易与其他疾病混淆。 但随着时间的推移，病情会逐渐恶化。未经及时发现、规范治疗的患者可能会出现关节骨质的破坏，最终导致关节畸形和功能丧失。
量子计算助力新冠病毒检测
OriginQ的博客
07-01 589
安徽合肥高新区传来消息，园区内企业瀚海博兴联合本源量子，利用量子计算平台，共同开发出系列特异性识别病毒的胶体金试剂盒—新冠病毒（C0VID-19）抗原免疫直检试剂盒、抗原抗体混检试剂盒等产品。该系列产品可有效辅助核酸检测，克服周期长、操作复杂、对检验场地、人员要求高的痛点；有效解决血清学抗体检测发现时间晚，部分免疫缺陷人员无法检出等痛点。而且，目前该系列试剂盒已取得欧盟CE认证，并进入中国商务部出口白名单。 量子算法对病毒结构进行快速模拟 “量子计算是一种遵循量子力学规律调控量子信息单元进行计算的新型计算模
文献阅读：通过高通量原位成对测序实现亚细胞分辨率的空间多组学
weixin_45851732的博客
07-05 1013
文献介绍 文献题目： Spatial multi-omics at subcellular resolution via high-throughput in situ pairwise sequencing 研究团队： 曹罡（深圳理工大学）、戴金霞（华中农业大学） 发表时间： 2024-05-14 发表期刊： Nature Biomedical Engineering 影响因子： 28.1 DOI： 10.1038/s41551-024-01205-7 摘要 空间多组学技术有助于发现细胞功能和疾
基于微信小程序疫苗接种预约系统（附开题报告），2024年最新VB计算机毕业程序
2401_84183802的博客
04-08 2150
计算机毕业设计精品项目案例-200套（值得订阅）自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数同学面临毕业设计项目选题时，很多人都会感到无从下手，尤其是对于计算机专业的学生来说，选择一个合适的题目尤为重要。因为毕业设计不仅是我们在大学四年学习的一个总结，更是展示自己能力的重要机会。因此收集整理了一份《2024年计算机毕业设计项目大全》，初衷也很简单，就是希望能够帮助提高效率，同时减轻大家的负担。
链霉素快速检测技术：试纸条的设计与应用方法
weixin_33608403的博客
09-28 1288
本文还有配套的精品资源，点击获取 简介：该文档介绍了一种用于检测链霉素的试纸条技术，这种方法结合了生物传感器、分子标记、数据处理等多个领域的知识。试纸条因其操作简便、快速检测的特点而适合现场筛查和初步诊断。文档详细探讨了试纸条的构成，包括生物识别和信号转换元件，可能使用的分子标记技术，以及对结果进行准确读取和分析的软件或算法。此外，还考虑了传感器工程、医疗法规遵循、质量控制...
生信小白的工作笔记
milkorwine
10-16 3914
WDL WDL （一个workflow description language）+ Cromwell（an execution engine that can run WDL scripts）是目前可以更好使用GATK的一套工具。 WDL是一种流程管理语言，内置的支持并行，适合编写pipeline 运行wdl脚本需要两步：第一步编辑参数列表对应的json文件，第二步直接运行Cromwell.jar WDL脚本的5个组成 workflow；task；call；command；output 1个WDL脚
10月15日绿健简报，星期六，农历九月二十
葡迷会
10-14 260
10月15日绿健简报，星期六，农历九月二十1. 国家统计局：9月CPI同比上涨2.8%，环比上涨0.3%，PPI同比上涨0.9%，环比下降0.1%。2. 中央气象台：新一股冷空气蓄势待发，东北华北局地降温将超10℃。3. 国家医保局：种植牙报销不符合当前医保定位，暂未考虑将其纳入医保支付范围。4. 瞒报行程逃避闭环管控，甘肃陇南文县10名干部及公职人员被通报；呼和浩特首次使用抗原检测，感染者已超4300例。(公众号ID：ghnews)5. 国家邮政局：到2025年底邮政快递网点禁用不可降解的塑料包装袋。6.
[计算机毕业设计]微信小程序基于ssm平台开发的新冠抗原自测平台小程序--论文(附程序源码和开发文档).rar
04-04
在当前新冠疫情全球大流行背景下，快速、准确的抗原检测对于疫情防控至关重要。为了方便民众进行自我检测并获取及时准确的结果，我们开发了这款基于SSM（Spring+SpringMVC+MyBatis）平台的微信小程序——新冠抗原自...
"多路生物传感诊断平台检测结直肠癌相关抗原自身抗体的新技术
工程7（2021）1393研究肿瘤诊断和治疗的新技术-文章多路生物传感诊断平台检测来自CRC细胞和组织释放的外来体的肿瘤相关抗原的自身抗体显示出对结直肠癌的Ana Montero-Callea，Itziar Aranguren-Abeigona，María ...
医用添加剂制造-3D打印支架募集抗原特异性T细胞研究
工程17（2022）183研究医用添加剂制造-制品3D打印支架通过募集抗原特异性T细胞李翠娣a，#，马振江b，#，李文涛b，解天阳a，钟丽萍c，陈红芳b，王文豪b，王锦武b，崔文国a，赵永祥c，崔文a上海市创伤骨科研究所上海市...
助农小程序|助农扶贫系统|基于java的助农扶贫系统小程序设计与实现(源码+数据库+文档)
伟庭的博客
09-29 1094
扶贫微信小程序，可以实现目标用户群需要的功能，其中管理员管理注册农户以及注册用户的信息，统计订单，管理商品，商品评价，商品退货等信息。农户管理销售的商品，对订单商品进行发货。本次课题针对助农扶贫农户销售农产品，借助于微信小程序这样的平台，可以更加方便用户购买农户销售的商品，也让农户方便管理销售的商品，管理商品订单以及订单配送信息，该平台不仅能够帮助农户销售农产品，还能增加农户的收入。助农扶贫系统。
小程序原生-利用setData()对不同类型的数据进行增删改
一个人的江湖
09-30 711
Object.assign()将多个对象合并成一个对象，从后往前合并，以后面的为准。
基于Spring Boot+Unipp的中考体测训练小程序（协同过滤算法、图形化分析）【原创】
paopaokaka_luck的博客
10-02 1117
🎈系统亮点：协同过滤算法、图形化分析；
Vue3.X + SpringBoot小程序 | AI大模型项目 | 饮食陪伴官
Verhan_Cao的博客
09-27 749
Food Buddy，饮食陪伴官项目。这是一款专注于饮食管理的uniapp程序。 在传统饮食管理APP的基础上，融入了AI伙伴，这个全新的尝试不仅能增加饮食管理的趣味性，更重要的能增加用户解决自身问题的概率。 由湖北师范大学曹飞航、于清江、石雨轩、成达四位核心成员主导开发。
关于小程序设置高度height为100%不起作用的问题
m0_74157361的博客
09-29 697
关于在小程序中设置元素CSS的height高度为100%，有些情况管用，而有些情况下不管用，会有留白。主要原因还是跟父元素的height高度设置有关，作如下讨论(本节讨论指正常流下高度设置，其他非正常流如浮动等不适应此讨论)
小程序-全局数据共享
最新发布
2301_76890677的博客
10-02 257
全局数据共享（又叫做：状态管理）是为了解决组件之间数据共享的问题。开发中常用的全局数据共享方案有：Vuex、Redux、MobX 等。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值