小程序前后台连接的使用技巧分享

小程序前后台连接的使用技巧分享

url.js--------------------------------------------------------------------------------------  
/*配置静态资源地址*/  
var site = {  
  webSite : 'https://organ.pandawork.net'  
}  
/*这里是和路径相关的所有数据*/  
var url = {  
  /*登录*/  
  login:{  
    'method':'GET',  
    'url':site.webSite+'/login/',  
    'remarks':'登录'  
  },  
  /*首页*/  
  index:{  
    selectChild:{  
      'method': 'GET',  
      'url':site.webSite+'/course/selectedCourse/',  
      'remarks': '选择孩子'  
    }  
  },  
  /*家校互动模块*/  
  homeSchoolManage:{  
    /*学校新闻*/  
    schoolNews:{  
         /*新闻列表*/  
    newsList:{  
    'method': 'GET',  
        'url':site.webSite+'/course/selectedCourse/',  
        'remarks': '新闻列表'  
      },  
      /*新闻详情*/  
      newsDetail:{  
        'method': 'GET',  
        'url':site.webSite+'/course/selectedCourse/',  
        'remarks': '新闻详情'  
      }  
    },  
    /*学校通知*/  
    schoolNotice:{  
       /*通知列表*/  
      informList:{  
        'method': 'GET',  
        'url':site.webSite+'/course/selectedCourse/',  
        'remarks': '通知列表'  
      },  
      /*通知详情*/  
      informDetail:{  
        'method': 'GET',  
        'url':site.webSite+'/course/selectedCourse/',  
        'remarks': '通知详情'  
  
  
      }  
    },  
    /*成绩管理*/  
    score:{  
      scoreQuery:{  
        'method': 'GET',  
        'url':site.webSite+'/course/selectedCourse/',  
        'remarks': '成绩查询'  
      }  
    }  
  },  
  /*社团管理模块*/  
  organManage:{  
    /*课程评价*/  
    courseEvaluate:{  
  
  
    },  
    /*社团考勤*/  
  
  
    organCheck:{  
      listOnLoad: {  
        'method': 'GET',  
        'url': site.webSite + '',  
        'remarks': '社团考勤列表'  
      },  
      pageOnLoad: {  
        'method': 'GET',  
        'url': site.webSite + '',  
        'remarks': '学生列表'  
      },  
    },  
    /*社团作业*/  
    organHomework:{  
  
  
    },  
    /*社团档案*/  
    organRecord:{  
  
  
    },  
    /*选课*/  
    selectClass:{  
      onload:{  
        'method': 'GET',  
        'url':site.webSite+'/course/selectedCourse/',  
        'remarks': '选课onload'  
      },  
      bindPickerChange:{  
        'method': 'GET',  
        'url':site.webSite+'/course/selectedCourse/',  
        'remarks': '滚动选择--学期'  
      },   
      bindPickerChange1:{  
        'method': 'GET',  
        'url':site.webSite+'/course/selectedCourse/',  
        'remarks': '滚动选择--轮次'  
      },  
      selected: {  
        'method': 'GET',  
        'url':site.webSite+'/course/selectedCourse/',  
        'remarks': 'tab切换(左侧)'  
      },  
      selected1:{  
        'method': 'GET',  
        'url':site.webSite+'/course/selectedCourse/',  
        'remarks': 'tab切换(右侧)'  
      },  
      ok:{  
        'method': 'GET',  
        'url':site.webSite+'/course/addSelectCourse/',  
        'remarks': '用户点击了确定按钮，add课程'  
      },  
      del:{  
        'method': 'GET',  
        'url':site.webSite+'/course/delSelectCourse/',  
        'remarks': '退课'  
      }  
    },  
  },  
  /*教学管理模块*/  
  teachingManage:{  
    leaveManagestudent: {  
      'method': 'GET',  
      // 'url': '',  
      'url': site.webSite + '/login/',  
      'remarks': '学生请假'  
    },  
    leaveManageteacher: {  
      'method': 'GET',  
      // 'url': '',  
      'url': site.webSite + '/login/',  
      'remarks': '老师收到假条'  
    }  
  }  
    
}  
  
  
module.exports = {  
  urlList: url  
}  

新闻列表页面-----------------------------------------------------------------------------------------  
var data = {  
  'list': [  
     { newscontent: '这里是学校的通知这里是学校的通知这里是学校的通知这里是学校的通知这里是学校的通知', newstitle:'老师又发布新的通知了，大家来看啊',newspublisher: '张老师', newsimage: '../../../../../image/inform-list-image.jpg', createtime:'2018/04/20/12:90', },  
     { newscontent: '哈师傅尽快哈市绝代风', newstitle:'李老师又发布新的通知了，大家来看啊',newspublisher: '李老师', newsimage: '../../../../../image/news-detail-image.jpg', createtime:'2018/04/20/12:90', },  
     { newscontent: '肯德基福克斯建档立卡', newstitle:'李师又发布新的通知了，大家来看啊', newspublisher: '李老师', newsimage: '../../../../../image/news-list-image2.jpg', createtime:'2018/04/20/12:90', },  
     { newscontent: '罕见的房间卡水电费看', newstitle:'刘师又发布新的通知了，大家来看啊',newspublisher: '刘老师', newsimage: '../../../../../image/inform-list-image.jpg', createtime:'2018/04/20/12:90', },  
     { newscontent: '阿什顿飞机卡号倏地看', newstitle:'王师又发布新的通知了，大家来看啊',newspublisher: '王老师', newsimage: '../../../../../image/inform-list-image.jpg', createtime:'2018/04/20/12:90', },  
     { newscontent: '爱护都发卡机大富豪你', newstitle:'谢师又发布新的通知了，大家来看啊',newspublisher: '谢老师', newsimage: '../../../../../image/inform-list-image.jpg', createtime:'2018/04/20/12:90', },  
     { newscontent: '企业一qeiuqeijhaksdf', newstitle:'王师又发布新的通知了，大家来看啊',newspublisher: '王老师', newsimage: '../../../../../image/inform-list-image.jpg', createtime:'2018/04/20/12:90', },  
     { newscontent: '阿双方均暗示的话费卡', newstitle:'写师又发布新的通知了，大家来看啊',newspublisher: '写老师', newsimage: '../../../../../image/inform-list-image.jpg', createtime:'2018/04/20/12:90', },  
     { newscontent: '电话费看似简单付好款', newstitle:'吴师又发布新的通知了，大家来看啊',newspublisher: '吴老师', newsimage: '../../../../../image/inform-list-image.jpg', createtime:'2018/04/20/12:90', },  
  ]  
}  
  
//获取到url.js 的文件  
 var urlData = require('../../../../../data/url.js');  
  
Page({  
  
  /** 
   * 页面的初始数据 
   */  
  data: {  
     
      
   itemArray: data.list,  
    /*url*/    
  //通过获取到的url.js来找到新闻list页面的url  
  newsListUrl:urlData.urlList.homeSchoolManage.schoolNews.newsList.url  
      
  },  
  //点击详情按钮函数  
   goDetails:function(e){  
    //通过currentTarget的dataset属性来获取到当前点击view的各项内容  
    var newscontent=e.currentTarget.dataset.newscontent  
    var newsimage=e.currentTarget.dataset.newsimage  
    var createtime=e.currentTarget.dataset.createtime  
    var newspublisher=e.currentTarget.dataset.newspublisher  
    var newstitle=e.currentTarget.dataset.newstitle  
    //把这些内容用一个对象包装，并传递到新闻详情页面显示  
    var obj={  
      newscontent:newscontent,  
      newspublisher:newspublisher,  
      createtime:createtime,  
      newsimage:newsimage,  
      newstitle:newstitle  
    }  
    //跳转到详情页，注意，用json传递对象的时候不能用一个var来封装，直接写在url后面  
    wx.navigateTo({  
      // url: '../index/more/more'  
      url:"../../school-news/news-detail/news-detail?current="+JSON.stringify(obj)  
    })  
  },  
  //页面加载的时候向后台发送请求并获取值  
   onLoad: function (options) {  
    //把当前对象赋值到that变量中  
    var that = this;  
     wx.request({  
       url: this.data.newsListUrl,   
      method: "get",  
      //向后台传递的值  
      data: {  
        //qqq: this.data.allchecked  
        //后台接到qqq:true  
       },   
       //基本的键值对表单表单传递编码格式，转换成字符串进行传递  
     header: {  
         'content-type': 'application/x-www-form-urlencoded'  
       },  
       //成功回调函数  
      success: function (res) {  
        if (res.data.code == 0) {  
          //调用listData函数来设置数据  
          that.listData(e, res);  
        }  
      },  
      //失败回调函数  
      fail: function (res) {  
        console.log('刷list数据失败');  
      }  
    });  
  },  
   /*刷新数据，把后台传递的值进行设置*/  
  listData: function (e, res) {  
    this.setData({  
      itemArray: data.list,//不用假数据，后台传值的改为时候res.data.list,记得商量要和后台说data和list  
    });  
  },  
  
   
})  

自己动手多实践才能做更好。