一.首页列表:学生注册、人脸识别、学生列表
相关的部分代码
<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>