突然接到了个小程序的项目,手上的管理后台终于可以放下一段时间了 ,算了一下,今年几乎都在写管理后台的几个项目,真心没有什么特别的进步,基本都是靠着组传代码,不断的重构,复用。
接下来又可以回归到不断的去挑战新技术和新功能的阶段了,其实还蛮开心的。今天写一个关于微信小程序扫一扫的功能。
小程序开发其实还是比较简单的,有完善的api文档和大多数前辈的网络博客助阵,用起来分分钟的事情。
其实很简单,文档之中也一目了然,还是忍不住写了个小的简单的demo:
wxml:
<view class="container"> <button bindtap='getScancode'>绑定车辆</button> <view wx:if="{{result !=''}}"> <view>扫码的内容:{{result}}</view> </view> </view>
js:
//index.js //获取应用实例 const app = getApp() Page({ data: { result: '' }, onLoad: function() { }, getScancode: function() { var _this = this; // 允许从相机和相册扫码 wx.scanCode({ success: (res) => { var result = res.result; _this.setData({ result: result, }) } }) } })
在电脑上的效果是这样的:
这个时候就需要在手机上查看效果了,和调用微信聊天工具里面的扫一扫效果是一样的,就不放图了。这也仅仅是个简单的功能的实现,在具体的项目之中,会进一步有所完善,比如会扫到带参数的二维码,并且把这些参数获取并且带到另外一个页面上显示,后续的文章里会继续更新。