<!--index.wxml--> <view> <van-cell-group custom-class="cell_group"> <van-field custom-class="cell_filed" value="{{ sciname }}" placeholder="期刊名称/首字母/缩写/ISSN" focus="true" bind:change="onValueChange" /> </van-cell-group> </view> <view> <view> <van-button type="info" size="large" round="true" bind:click="onClickQuery" loading="{{isQuery}}">查询</van-button> </view> <view wx:if="{{sci.length>0}}"> <van-cell-group title="共找到{{sci.length}}本期刊"> <view wx:for="{{sci}}"wx:for-index="idx" wx:for-item="item" wx:key="idx"> <van-cell title="{{item.sciname}}" value="{{item.if}}" title-width="80%" is-link link-type="navigateTo" url="/pages/detail/index?id={{idx}}"/> </view> </van-cell-group> </view> </view>
页面逻辑：
//index.js const app = getApp() Page({ data: { isQuery:false, sciname:'', sci:[], }, onValueChange:function(value){ this.setData({ sciname:value.detail }) }, onClickQuery:function(){ var _this = this this.setData({ isQuery:true }) console.log('begin'+_this.data.sciname) wx.cloud.callFunction({ name: 'http_get', data: { sciname:_this.data.sciname }, success:res=>{ //未查到 if(res.result==-1){ wx.showModal({ title: '提示', content: '未查询到相关信息，换个关键词试试？', }) }else{ wx.setStorageSync('scis', res.result) _this.setData({ sci:res.result }) } _this.setData({ isQuery: false }) }, fail:err=>{ _this.setData({ isQuery: false }) console.log(err) }, }) }, onLoad: function() { }, //省略部分代码 })
按照同样的方式，我又添加了详情页，对于每一本期刊的详细信息进行展示。
部署
1. 上传项目文件
首先对于每个云函数，都要右键，点击“上传并部署：云端安装依赖”（当然上传并部署所有文件也可以）。接着点击IDE右上角的上传，填写版本信息，即可完成上传。
登录到微信公众平台的管理界面，切换到版本管理，我们便可以看到已经提交的版本。
小程序审核
2. 填写小程序信息
在管理界面首页写着小程序发布流程，我们需要先补充小程序的基本信息，如名称、图标、描述等，当小程序信息。微信官方一般会在7日之内完成审核，我新注册的小程序审核用了两天时间。
3. 提交审核
审核完成之后，即可提交审核。切换到版本管理界面，对刚刚上传的版本提交审核，注明版本信息即可。审核也需要几天的时间。
结语
由于已经有过一次开发经验，本次的注册和编码工作只用了一个下午，但程序审核确实十分的耗时，需要耐心的等待。
本程序也发布在github上了：传送门