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

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(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 微信小程序开发教程之index 页面解析

    微信小程序的每一个页面都包含三个文件,分别是。js(处理逻辑),。wxml(描述页面内容),。wxss(配置页面样式),index 页面同样

  • 开发汽车行业微信小程序,打破汽车门店地域限制

    汽车行业中无论是汽车的售卖还是维修、保养等方面,都是比较低频的商业场景,且由于行业的一些价格、地域等限制,也让汽车行业的发展有了局限性。不过,由于互联网的发展,也出现了很多平台来争先恐后地想解决掉汽车行业的这种局限,微信小程序就是

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

    接上次视图容器组建详解(一),我们今天继续来介绍两个组件样式。

  • 从开发公司角度谈微信小程序开发的实践问题

    作为一个对微信小程序开发与运营有一定了解的开发公司小编,对于一些在开发工作期间的注意事项以及开发后的管理、运营问题

  • 微信小程序开发的热门类目有哪些

    微信小程序的开发类目在不断被放开,开发热度也呈上升趋势,越来越多的用户企业商家将目光看向小程序,去开发、去发展这个平台。不过小程序

  • 品牌电商公司如何借力微信小程序开发来促进发展

    虽然微信小程序刚开始的定位是为用户提供线下工具性服务,但却也因为这个定位限制了小程序的发展以致带来不满意的用户体验与开发体验。在后续的调整后,小程序也可以用作线上服务使用,

河北快3走势图 盈多多彩票官网 双赢彩票娱乐 江苏快3官网 江苏快3官网 17彩票官网 河北快3走势图 江苏快3官网 好彩客 河北快3