微信小程序开发初学:公共方法封装

utils.js文件为公共js文件,与app.wxss文件相似,每个页面都可以调用utils.js中的方法

1.在utils.js文件夹创建一个新的js文件,如common.js

2.在common.js中写入方法体

var common={
        //注意格式
    getRealTime:function(pt){
             //时间戳转换
        var time = pt*1000;          //将秒数转换为毫秒
        var timeDate = new Date(time);  //将毫秒数转化为真实时间
        // console.log(timeDate);
    
        var yy = timeDate.getFullYear();
        var m = timeDate.getMonth()+1;
        var mm = "";
        if(m<10){
      mm="0"+m; }else{
      mm=m; }
        var d = timeDate.getDate();
        var dd = "";
        if(d<10){
      dd="0"+d; }else{
      dd=d; }
    
        var date = yy+"-"+mm+"-"+dd;
        return date;
      },

    getStrLen:function(str1,len){
       //标题处理方法
        if(str1.length>len){
     
            return str1.substr(0,len)+"...";
        }else{
     
            return str1;
        }
        
    }
}
//可以创建多个方法体 var common1={}, var common2={}   但要在别的页面调用需要用module.exports导出

module.exports=common;     //导出封装的方法体common,以便其他页面调用

3.在需要用到方法体的页面的js文件顶部写入

import common from "../../utils/common.js";
//导入方法体common
// 格式:    import 方法体名 from "方法体所在路径";

4.在页面的js代码中调用

onLoad: function (options) {
     
    wx.request({
     
      url: 'https://ku.qingnian8.com/school/list.php',
      data:{
     
        num:5
      },
      success:res=>{
     //数据请求成功
        // console.log(res.data);

        res.data.forEach(item => {
          //遍历res.data数组,将posttime转化时间格式
          var p =item.posttime;
          item.posttime = common.getRealTime(p); //调用方法体common中的getRealTime()方法

          var s = item.title;
          item.title = common.getStrLen(s,20);
        });

        this.setData({
     
          newsList:res.data
        })
      }
    })
  },

5.运行结果
微信小程序开发初学:公共方法封装_第1张图片

你可能感兴趣的:(小程序,小程序)