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

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应用80%的市场。而事实是否如此,目前我们还是无法去下结论的。但是其带来

  • 现在开发微信小程序,是否为时已晚?

    微信小程序已经上线半年由于,据不完全统计,现有的微信小程序大概已经达到两万个以上的数量,加上一些正在开发当中的小程序,数量加起来也应该有三万来个。很多企业商家看到这个数据,就会觉得,现在的小程序市场是否已经被抢占完毕,再去开发微信小程序是否

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

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