如何实现一个简单的商家注册页面
页面准备
注册页面.png
我们的页面呢，大概就长上面的样子。不太好看，刚好用minUI美化一下。
首先安装下 input组件
sudo min install @minui/wxc-input --save
利用minUI组件，
我们简单搭的页面如下
minui搭界面.png
功能实现
1-node后台返回上传凭证（uptoken）
安装下载七牛这些就不说了，直接上代码吧。
简单代码实现如下：
node端七牛配置.png
然后我们再看小程序端：
还是要先去七牛社区下载一个小程序的sdk
然后将文件放到untils目录下，如果懒的写的话，就直接从demo里拽代码吧，这里稍作修改下。
小程序触发上传事件.png
另外还要注意一点是，我们要更新的data数据必须提前在data里写清楚，就比如说我们这个qiniuList,如果不做如下操作：
data={
qiniuList:null
}
methods = {
tap(){
console.log("戳戳");
WX.uploadImg(this);//我是稍稍做了些处理，真的只是稍稍……
}
}
上传成功后页面中的qiniuList也不会变的。
看，虽然简陋，但是功能实现了
这里只是简单的记述了我实现七牛上传的思路。其他逻辑判断的东西没有细写。
网友评论