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

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

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>