微信小程序笔记-1
程序员文章站
2024-02-11 17:49:58
...
今天刚开始用小程序云开发,记性太差总结几点以便以后自检。
创建小程序云开发不要选用小程序自带的,其中无用的东西比较多改起来比较麻烦。
先注册云开发id
在app.js里写App({ onLaunch: function () { //云开发环境初始化 wx.cloud.init({ env:"yun-test-idic1" }) }})
今天的作业是写一个从前端界面获取数据传到云库里
上传界面要有产品名称、库存、价格、多张图片
前端页面实现
利用form表单获取多条数据
<form bindsubmit="formSubmit" bindreset="fomReset">
<view class="list">
<input name="name" placeholder="请输入产品名称" />
<input name="stock" placeholder="请输入库存数量" />
<input name="price" placeholder="请输入价格" />
<label bindtap="chooseImg">点击选择图片</label>
<view wx:for="{{photos}}"> //利用for循环向表中调取多张图片
<image name="photos" src="{{item}}"></image> //item是页面数据
</view>
</view>
<button form-type="submit">提交</button>
</form>