1. 程式人生 > >微信小程式——教師評教

微信小程式——教師評教

首先建立一個目錄evaluation,在上一個頁面獲取到教師評教資訊基礎上,點選評教跳轉到evaluation.wxml,進行評教打分

先搭好頁面,用滑動效果顯示每一個題目,進行選擇打分

在這裡面獲取到題目

<swiper bindchange='swiper_change' current='{{currentid}}'>
    <swiper-item wx:for="{{wen}}">
      <view class='txt' > 第{{index+1}}題:{{item.content}} </view>
      <radio-group class="radio-group" bindchange="item_change" data-id="{{item.id}}">
          <label class='rad'><radio value="a#{{item.scorea}}"/>{{item.itema}}</label>
          <label class='rad'><radio value="a#{{item.scoreb}}"/>{{item.itemb}}</label>
          <label class='rad'  wx:if="{{item.itemd!=''}}"><radio value="a#{{item.scorec}}"/>{{item.itemc}}</label>
          <label class='rad'  wx:if="{{item.itemd!=''}}"><radio value="a#{{item.scored}}"/>{{item.itemd}}</label>
       </radio-group>   
    </swiper-item>

在evaluation.js  先獲取學生資訊,連線學生介面

//學生資訊
    var student =wx.getStorageSync('student');
    var _student={no:student.no,name:student.name,classid:student.classid};

    wx.request({
      url: '',
      method:'POST',
      data:{
        pjid:this.data.teacher.pjid,
        testpaperid:this.data.teacher.testpaperid,
        message:'',
        answer:JSON.stringify(this.data.answer),
        student:JSON.stringify(_student),
        score:_score
      },
在 item_chane方法裡面
獲取id 和 score 生成的陣列,在用split函式分解陣列
 item_change: function(e){
      setTimeout(this.next,1000);
      var id=e.currentTarget.dataset.id;
      var del=e.detail.value;
      var sourceStrArray=del.split("#");
      var  _answer=this.data.answer;
      _answer[id] = sourceStrArray[0];
      this.setData({answer:_answer});
      // console.log(_answer);
      var _score=this.data.score;
      _score[id] = sourceStrArray[1];
      this.setData({ score: _score });
      // console.log(_score);
      //判斷方法
      var json=this.data.answer;
      var jsonlength=0;
      for (var i in json){
        jsonlength++;
      }
      if(jsonlength==this.data.count){
        this.setData({btn_disabled:false});
      }else{
        this.setData({btn_disabled:true});
      }
  },
最後在頁面顯示出題目,點選選項獲取到分數,在提交按鈕裡面提交評教結果