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

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(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 微信小程序开发教程之自定义toast实例

    自从小程序发布以后,越来越多的开发者投入到小程序的开发当中去,而且微信有着相当完善的API和组件,使用起来简单

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

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

  • 微信小程序开发技术教程:视图容器组件详解(一)

    微信小程序开发的时候,需要设计一个视图容器组件的问题,它有多种视图样式,每一种都有需要注意的内容。所以

  • 定制化微信小程序为何价格会高那么多

    无论是定制版本的微信小程序还是公众号、微商城,价格都会比模板制作的高出一些。那为什么会高?又高在哪里?这两个问题的回答就能让企业商家看出定制开发是否值得,所以小编得摩拳擦掌来好好夸大其词了。

  • 微信小程序开发技术教程:视图容器组件详解(三)

    接上次视图容器组建详解(一)与(二),我们今天把最后两个组件样式

  • 广州微信小程序定制开发报价规则

    微信上的每一种产品都有定制开发,小程序也一样,但不是所有产品的制定开发报价规则都相同,每一种产品根据其开发特色的不同与所处地区不同

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