微信小程序--人脸采集与识别

一.首页列表:学生注册、人脸识别、学生列表

相关的部分代码

<view class='contrainer'>
  <view class='head'>人脸采集与识别</view>
  <view class='headmini'>学生信息(包括人像)采集,刷脸登录</view>
  <navigator open-type="navigate" url="../add/add" class="weui-btn">
    <button type="primary">学生注册</button>
  </navigator>
  <navigator open-type="navigate" url="../facevalid/facevalid" class="weui-btn">
    <button type="warn">人脸识别</button>
  </navigator>
  <navigator open-type="navigate" url="../studentlist/studentlist" class="weui-btn">
    <button type="default">学生列表</button>
  </navigator> 
</view>

二.学生注册:添加学生基本信息以及个人图片

相关的一些代码:

 <view class="page" xmlns:wx="http://www.w3.org/1999/xhtml">
  <form bindsubmit="formSubmit">
        <view class="weui-cells__title"style="text-align:center;font-size:24px;">采集信息</view>
        <view class="weui-cells weui-cells_after-title">
            <view class="weui-cell weui-cell_input">
                <view class="weui-cell__hd">
                    <view class="weui-label">学号</view>
                </view>
                <view class="weui-cell__bd">
                    <input name="no" class="weui-input"  placeholder="请输入学号" />
                </view>
            </view>
            <view class="weui-cell weui-cell_input">
                <view class="weui-cell__hd">
                    <view class="weui-label">姓名</view>
                </view>
              <view class="weui-cell__bd">
                    <input class="weui-input" name="name"  placeholder="请输入姓名"/>
                </view>
            </view>
            
            <view class="weui-cell weui-cell_select">
                <view class="weui-cell__hd weui-cell__hd_in-select-after">
                    <view class="weui-label">性别</view>
                </view>
                <view class="weui-cell__bd">
                    <input class="weui-input" name="sex" value="{{sex}}"></input>
                </view>
                  <view class="weui-cell__ft">
                    <switch checked bindchange="switch1change"></switch>
                  </view>
            </view>
            <view class="weui-cell weui-cell_input weui-cell_vcode">
                <view class="weui-cell__hd">
                    <view class="weui-label">年龄</view>
                </view>
                <view class="weui-cell__bd">
                    <input class="weui-input" name="age" placeholder="请输入年龄" />
                </view>
            </view>
         </view>
         
        <view class="weui-btn-area">
            <button class="weui-btn" type="primary"  form-type="submit">注册</button>
              <button type="default" size="{{defaultSize}}" style="margin-top:10px;"loading="{{loading}}" plain="{{plain}}"
        disabled="{{disabled}}" bindtap="default1" hover-class="other-button-hover"> 返回上一级 </button>
        </view>
  </form>
</view>

三.人脸识别:通过识别活体人脸登录获取对应的学生基本信息

相关的一些代码:

<camera device-position="{{qian}}" flash="off" binderror="error" style="width: 100%; height: 300px;"></camera>
<switch checked bindchange='switch'style="margin-top:20px;"></switch>
<button type="primary" bindtap="takePhoto">刷脸登录</button>
<view>预览</view>
 <image mode="widthFix" src="{{src}}"></image>  

四.学生列表在搜索框中输入学生的姓名或学号则显示搜索到的学生信息、点击添加按钮可以进入学生注册页面进行添加、显示学生基本信息以及个人图片

相关的一些代码:

<view class="page">
    <view class="page__bd">
        <view class="weui-cells__title">
          <view>学生信息</view>
          <!-- 搜索学生信息 -->
          <view class='weui-panel weui-panel_access'>
              <view class='weui-panel__hd weui-cell-top'>
                   <input class='weui-input' style='border:1px solid #ccc; border-radius:15px; padding:2px;' placeholder='学号或姓名或拼音' bindinput='oninput' />
                  <view class='weui-cell__ft' style='whidth:100px;text-align:center' bindtap='search'>
                      <icon type='search' size='23' color='#e64340'></icon>
                  </view>
              </view>
          </view>
          <!-- 结束代码 -->
          <button class="weui-btn mini-btn" type="primary" size="mini" bindtap='addSubmit'>添加</button>
        </view>
        
        <view class="weui-cells weui-cells_after-title" wx:for="{{data}}" bindtap='modifySubmit'id="{{item.id}}">
            <view class="weui-cell">
                <view class="weui-cell__hd" style="position: relative;margin-right: 10px;">
                    <image src="{{item.path}}" style="width: 80px; height: 90px; display: block"></image>
                </view>
                <view class="weui-cell__bd"style="font-size: 13px;color: #888888;" class='size'>
                    <view>姓名:{{item.name}}</view>                   
                     <view>学号:{{item.no}}</view>
                     <view wx:if="{{item.sex== '男'}}">性别:男</view>
                     <view wx:else>性别:女</view>
                     <view>年龄:{{item.age}}</view>
                    </view>               
            </view>
        </view>
    </view>
</view>

猜你喜欢

转载自blog.csdn.net/shirleyguoxiaoling/article/details/80474910