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

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(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 开发拼团小程序,让商城营销传播效果更佳

    对于微信小程序的开发方向,由于小程序开发限制条件比公众号更宽松,所以它的开发方向想象空间更大,在服务类目与开发条款允许的范围内,基本能想象出来的开发内容与形式都能被最终呈现出来。比如商城类的折扣小程序、集赞小程序、拼团小程序。本文以拼团小程序为例,说下这类小程序的开发价值。

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

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

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

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

  • 广州公司初涉微信小程序开发应该关心什么问题

    微信小程序开发的这股热潮不断地在升温,随着微信事业群对小程序各类功能的开放以及开发门槛的降低

  • 微信小程序开发能给线下商家带来哪些好处

    小程序的出现,在一定程度上方便了微信用户的生活外,也给企业商家带来新一轮的微信营销利益,

  • 抢占市场唯快不破,小程序先入为利的优势凸显

    在没抢到微信公众号红利的之后,很多人也将错位小程序的市场红利。因为大家对小程序还处在观望甚至不看好的状态,当然就不会去开发它。可是,随着小程序自身的不断完善与发展,它先入为利的优势已经渐渐浮出水面。所以对于不看好小程序的人来说,这简直

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