小程序开发过程之数据请求封装与模板的使用

2018/4/14 16:03:43
摘要: 在开发小程序过程中,需要对数据请求进行封装,在引入模板的时候,也需要了解模板定义及其引入方法。本文这对这两个开发

在开发小程序过程中,需要对数据请求进行封装,在引入模板的时候,也需要了解模板定义及其引入方法。本文这对这两个开发过程中必要的流程进行分析,说说如何进行数据请求封装以及小程序模板的引入使用。

1、数据请求封装的方法

(1)将所有的接口放在统一的js文件中并导出,示例代码如下

const api = {

    interface1: 'https://。。。。。。。。',

     interface2: 'https://.......',

     interface3: 'https://....',

     .....

}

module.exports = api;

(2)在app。js中创建封装请求数据的方法,代码如下

fetch(url,data, callback) {

      wx。request({

          url,

          data: data,

          header: {

              'Content-Type': 'application/json'

          },

          success(res) {

              callback(null, res.data);

          },

          fail(e) {

              callback(e);

          }

      })

  },

(3)在子页面中调用封装的方法请求数据即可实现数据封装,代码如下

import API from "../../api/api.js";

const app = getApp();

const conf = {

    data:{

        title:'正在拼命加载中...',

        loadding:true

    },

    onLoad (){

        app。fetch(API。hot,{},(err,data) => {

        })

},

2、使用模板

(1)定义模板:name设置模板的名字

<template name="homecell">

     <view>

    </view>

 </template>

(2)引入模板

<import src="../../commonXml/homecell.wxml" />

(3)使用模板is后,写模板的name。。通过data来传递所需要的数据数据

<template is="homecell" data="{{item}}"></template>

声明:文章"小程序开发过程之数据请求封装与模板的使用"为互诚科技—微信小程序开发公司的原创文章,转载请注明出处,谢谢合作!
标签:小程序干货
电话咨询:18011971195(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 微信小程序开发能为企业品牌策划起到什么作用?

    任何行业在微信平台中去做品牌策划的时候,可以从品牌的创新度、体验效果以及触发分享的效果这三个方面去考虑。

  • 微信小程序开发环境流程步骤说明

    微信小程序正式开发之前,需要安装开发工具、准备开发环境、获取开发需要的参数等等。这些准备工作都是必不可少的

  • 开发微信小程序必须做的四件事情

    注册与开发微信小程序之后,除了必要的建设之外,还有四件企业商家必须要做的事情,这些工作关乎到小程序上线之后的发展快慢与好

  • 影响广州微信小程序定制开发费用的因素

    在目前的广州微信圈市场上,不会存在每一个定制开发的小程序费用都一样的情况,不同的功能需求、不同的开发主体以及市场环境都有可能成为影响开发价格的因素。

  • 抢占市场唯快不破,小程序先入为利的优势凸显

    在没抢到微信公众号红利的之后,很多人也将错位小程序的市场红利。因为大家对小程序还处在观望甚至不看好的状态,当然就不会去开发它。可是,随着小程序自身的不断完善与发展,它先入为利的优势已经渐渐浮出水面。所以对于不看好小程序的人来说,这简直

  • 微信小程序,是否会成为O2O重新崛起的契机?

    O2O这一商业模式,在经过一段时间的推广与试水之后,效果并不理想,除了出行以及餐饮外卖这两个领域在O2O模式上有一定的发展之外,很多行业都取不到实质性的发展,甚至到了谈O2O色变的地步。而造成这种局面的主要原因是什么?小编认为是缺乏一个可以连接线上场景与线下场景的实质式平台。

1博彩票充值 购乐彩官网 欢乐城彩票 诚信彩票官网 购乐彩官网 188彩票官网 17彩票充值中心 118彩票充值中心 彩都会彩票官网 189彩票官网