微信小程式——教師評教
阿新 • • 發佈:2019-02-06
首先建立一個目錄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 先獲取學生資訊,連線學生介面
在 item_chane方法裡面//學生資訊 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 },
獲取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}); } },