zoukankan      html  css  js  c++  java
  • 小程序数据调用

    布局

    <view class="donate-statistics-box">
      <view class="donate-statistics-item">
        <view class="donate-statistics-project">总募集金额</view>
        <view class="donate-statistics-number-else">
          <span>¥</span>
          <span>{{total_donate}}</span>
        </view>
      </view>
      <view class="donate-statistics-line"></view>
      <view class="donate-statistics-item">
        <view class="donate-statistics-project">总帮助人群</view>
        <view class="donate-statistics-number">
          <span>{{total_help}}</span>
          <span>人</span>
        </view>
      </view>
      <view class="donate-statistics-line"></view>
      <view class="donate-statistics-item">
        <view class="donate-statistics-project">总公益人数</view>
        <view class="donate-statistics-number">
          <span>{{total_join}}</span>
          <span>人</span>
        </view>
      </view>
    </view>
    

    初始化数据

    data: {
        total_donate:'0.00',
        total_help:0,
        total_join:0,
    }
    

    获取数据函数

    // 获取统计数据
    statData:function() {
        let that = this; // this指当前的Page对象
        util.getData('statData', {
          method: 'POST'
        }, function (data) {
          if (data.errno == 0) {
              that.setData({
                total_donate: data.data.total_donate,
                total_help: data.data.total_help,
                total_join: data.data.total_join,
              });
          }
        })
    }
    

    在onLoad中加载数据

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        let that = this;
        this.statData();
    }
    
  • 相关阅读:
    封装logging模块,创建日志器
    excel的读写封装,利用openpyxl
    利用yaml封装配置文件模块
    自动生成小学四则运算项目(更新)
    基于cmmi的软件工程及实训指导 第一章 读后感
    第一次数据库学习
    第一个爬虫和测试
    预测球队成绩
    第一个网页
    科学计算与可视化
  • 原文地址:https://www.cnblogs.com/jiqing9006/p/10625610.html
Copyright © 2011-2022 走看看