神来之笔的电话小程序

为什么要写这个小程序

有时候在尴尬的时候，想要离开但是没有什么理由。想要一个电话进入打破这个局面。所以想到了利用语音验证码的形式去实现这个“神来之笔的电话”

实现想法&&发展过程

想通过小程序实现这个需求，在微信里面比较方便使用，开发简单。

• 主页：

• 个人中心：
  

• 知晓程序编辑推荐：

前端实现

都是使用前端WEUI的组件去实现的。具体扫描体验：

• 实现输入框实时输入判断+一键清除

js:

clearInput: function () {
this.setData({
inputVal: ""
});
},
inputTyping: function (e) {
this.setData({
inputVal: e.detail.value
});
},

Html:

<view class="weui-search-bar__form">
<view class="weui-search-bar__box">
<input class="weui-input" type="number" maxlength="20" name="mobile" value="{{inputVal}}" bindinput="inputTyping" placeholder="请输入手机号码" />
<view class="weui-icon-clear" wx:if="{{inputVal.length > 0}}" bindtap="clearInput">
<icon type="clear" size="14"></icon>
</view>
</view>
</view>

• 通过 picker 组件选择时间。

• form 表单收集，wx.request提交内容到后端。

  后端实现

• PHP接收前端提交的数据处理判断（通过API接口提交给供应商）
• Redis 统计手机号码的请求次数，判断是否超限
• 利用MYSQL+PHP 实现简单队列，定时任务