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

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(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 初创企业开发微信小程序会有什么好处

    相比起APP开发,微信小程序开发对于刚刚步入创业阶段的企业来说会是更好的选择,在资金、人力、物力都还不成熟的阶段,企业开发小程序会比开发App获得更多的好处。这些好处主要就有以下三个部分:

  • 小程序之间相互跳转功能可以怎么运用

    前阵子微信官方又开放了一个小程序新功能,就是不同的小程序之间可以相互跳转,这可谓是一石激起千成浪,一下子微信小程序这个圈子又像炸开了锅一样欢欣鼓舞。这是为什么?最主要的还是因为,这个功能又带来一些商机,所以看到了这些商机的企业商家,当然就会欢欣鼓舞了。下面就由互诚科技半桶水小编来为大家揭秘,

  • 小程序开发技术教程:数据的绑定处理与data数据设置

    开发微信小程序,需要对数据进行设置与绑定,以便于处理数据。其中,wxml的动态数据均来自对应Page的data,通过使用Mustache语法

  • 关于降低微信小程序定制开发成本的两点建议

    虽然说微信小程序定制开发的价格比APP开发低了很多倍,但是一些不必要的费用还是需要去避免的,特别是对于微信小程序定制开发成本把控比较严格的一些企业商家来说,更加需要去降低开发成本,把钱花在刀刃上。对此,小编有几点关于

  • 小程序定制开发公司,打造高质量小程序

    微信小程序的定制开发与微信其他产品定制开发性质是相同的,都是一种打造拥有专属特色的高质量微信产品的开发模式

  • 微信小程序新增四项能力,信息展示开发越强大

    微信官方在小程序功能的开放之路真的是越走越远,现在又就着信息展示模块来开放了四项新能力,来提升用户的体验以及小程序运营者的管理体验,小编只能说这次的事情搞得依旧深得人心。按照写作流程,在夸完新能力深得人心之后,小编就要来介绍一下这四项新能力了。

河北快三 河北快三 河北快三 河北快三 河北快三 河北快三 河北快三 河北快三 河北快三 河北快三