微信小程序实用功能的代码有哪些?

来源:天极下载 时间:2017-06-09 11:44:53 作者: anna

  今天小编分享的是微信小程序实用功能的代码有哪些?对这个感兴趣的小伙伴就和小编一起学习一下吧,下面就是具体操作流程。

  一、从服务器获取数据

  1.设置config

  HTTP_BASE_URL_JSON

  2.请求服务器(三个get post unload)

微信小程序实用功能的代码分享,微信小程序有哪些实用功能的代码

  3.绑定到http上

微信小程序实用功能的代码分享,微信小程序有哪些实用功能的代码

  4.在该页面的js中

  写入方法获取数据,将该方法绑定在onload中(setData)

  二、使用json数据

  1.直接在页面中应用

  a.在该页面的js上,在data中写入数据 items:[{},{},{}]

  b.遍历到网页中

微信小程序实用功能的代码分享,微信小程序有哪些实用功能的代码

  2.调用template模板

  a.import引入模板

  b.在该页面的js上,在data中写入数据

微信小程序实用功能的代码分享,微信小程序有哪些实用功能的代码

  c.遍历到网页中(同直接在页面中应用的 b.)

  三、点击列表list进入不同的详情页detail

  (在index上)

  1.在服务器获取数据

微信小程序实用功能的代码分享,微信小程序有哪些实用功能的代码

  2.在wxml页面上遍历数据

微信小程序实用功能的代码分享,微信小程序有哪些实用功能的代码

  3.事件的编写

  第一步:获取到相应的id

  第二步:跳转到相应的页面

微信小程序实用功能的代码分享,微信小程序有哪些实用功能的代码

  4.detail页面引入参数

  在onload方法里注入options参数,即可获取

微信小程序实用功能的代码分享,微信小程序有哪些实用功能的代码

  5.从后台上获取detail页面的数据

微信小程序实用功能的代码分享,微信小程序有哪些实用功能的代码

  6.在detail页面插入数据

  注:不需要wx:for=""遍历,直接调用就可以

微信小程序实用功能的代码分享,微信小程序有哪些实用功能的代码

  以上就是微信小程序实用功能的代码有哪些的全部内容了,大家都学会了吗?

相关推荐
AI桌面浏览器

热文推荐

  • 48小时热文
  • 每周热文

微信小程序实用功能的代码有哪些?