程序员

微信小程序记录

2016-09-26  本文已影响0人  颓废小姐与沉思先生

IDE安装

mac系统,先装0.7版本,扫码登录,再安装0.9版本,应用程序查看包内容,替换

dist\components\create\createstep.js

dist\stroes\projectStores.js

启动,OK

IDE没有project文件,直接复制文件夹内容即可使用


使用总结

app.json用于设置配置,例如应用名称,tabbar的文字

pages类似于import,需要引用那些文件

界面布局wxml,wxss

类似于html(名字也只是改了一个),结构和app开发类似,使用view嵌套(具体还有什么控件,可以参考下面文档)

wxss就是css,做UI例如样色大小等

变量用{{xxx}}调用,对应的js逻辑代码是

detail.js 对应变量

wxml中的art.title就能显示到接口返回的title字段了(网络请求下面会说到,只是记录自己看排版就先不调整了)

获取登录信息

使用wx.login方法,在success回调中对globaldata进行赋值,这里有个比较奇怪的

var that = this,this与oc中block的self类似,回调中需要使用that而不是this(这个没有深究很详细,如果有错误之后会补充)

网络请求

如果提示 URL 域名不合法,请在 mp 后台配置后重试 需要在后台进行配置(破解版的更新到.9.0923000,创建项目选择无appid)

需要在微信公众平台的小程序中设置域名,位置在设置-开发者设置

在这里可以设置对应四种网络访问的域名,每一种类型的网络请求需要设置一个域名

普通HTTPS请求(wx.request)

上传文件(wx.uploadFile)

下载文件(wx.downloadFile)

WebSocket通信(wx.connectSocket)

PS:如果在这里设置域名为https://example.com/api/,那么https://example.com/api是无法调用的,必须加上后面/

列表显示

列表

其中navigator是点击跳转用

使用wx:for-item可以指定数组当前元素的变量名

使用wx:for-index可以指定数组当前下标的变量名:

{{idx}}: {{itemName.message}}

更多for用法可以看文档

参考资料:

IDE demo下载 https://github.com/gavinkwoe/weapp-ide-crack

文档 http://wxopen.notedown.cn/

网络请求 https://segmentfault.com/a/1190000007003240

上一篇 下一篇

猜你喜欢

热点阅读