美文网首页程序员
微信小程序记录

微信小程序记录

作者: 颓废小姐与沉思先生 | 来源:发表于2016-09-26 12:37 被阅读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

    相关文章

      网友评论

        本文标题:微信小程序记录

        本文链接:https://www.haomeiwen.com/subject/jgkqyttx.html