關(guān)鍵詞：老師端詳細(xì)建私有白板, array_reverse

一、私有白板向老師端傳圖片數(shù)據(jù)

1.1 服務(wù)器運(yùn)行平臺(tái)

老師端：https://123.57.206.36:9100/demos/index.html?roomid=888

學(xué)生一：

https://123.57.206.36:9100/demos/student.html?studentId=1001&userAvatar=http://123.57.206.36:8003/uploadfiles/2016/11/1479740395ZMJkiF.jpg#888

學(xué)生二：                   

https://123.57.206.36:9100/demos/student.html?studentId=1002&userAvatar=http://123.57.206.36:8003/uploadfiles/2016/11/1480494624FDjMGetutor.png#888

學(xué)生三：

https://123.57.206.36:9100/demos/student.html?studentId=1003&userAvatar=http://123.57.206.36:8003/uploadfiles/2016/11/1480475198N2F0kntutor.png#888

1.2學(xué)生端私有白板dataURL傳到老師端

1）把學(xué)生端私有白板dataURL傳過(guò)去

  實(shí)現(xiàn)了，代碼如下：

  a.) 學(xué)生端（Student.html）發(fā)dataURL過(guò)去：

   function student

            connection.send({

                studentPri: true,

                imgId:imgId,

               dataURL: dataURL

           });

       });

}

b.)老師端（index.html）接收，代碼如下：

   //獲取學(xué)生私有白板圖片數(shù)據(jù)

    if (event.data.studentPri) {

       console.log('event.data------>',event.data);

        return;

    }

2）把學(xué)生端傳過(guò)來(lái)的圖片數(shù)據(jù)及頭像id放到一個(gè)數(shù)組中

   生成數(shù)組成功，代碼如下：

stuPriUrlIdArray = new Array();

   //獲取學(xué)生私有白板圖片數(shù)據(jù)

   if (event.data.studentPri) {

       //把學(xué)生id及學(xué)生傳過(guò)來(lái)的私有白板圖片追加到數(shù)組中，供老師查看

       stuPriUrlIdArray.push([event.data.studentId,event.data.dataURL]);

       console.log('stuPriUrlIdArray------>',stuPriUrlIdArray);

       return;

}

注：現(xiàn)在保留一個(gè)問(wèn)題，就是學(xué)生端上傳的私有白板圖片有重復(fù)的（原因是學(xué)生寫(xiě)滿一張，可能會(huì)多次上傳），另外，學(xué)生端也要生成一個(gè)數(shù)組，用于存放過(guò)往私有白板dataURL，供自己回放來(lái)看，后期再優(yōu)化。

1.3 老師端建一個(gè)私有白板，供查詢學(xué)生作業(yè)

 1）建立成功，詳細(xì)代碼如下：

a.)建立一個(gè)div----index.html

<divid="widget-container-private-tea" class="widget-container"style="display:block;height: 800px;"></div>

b.)引用這個(gè)div----index.html

designer.appendPriTeaTo(document.getElementById('widget-container-private-tea'));

c.)建函數(shù)designer.appendPriTeaTo----canvas-designer-widget.js

         //老師私有白板iframe

    designer.appendPriTeaTo =function(parentNode) {

        designer.iframe_private_tea =document.createElement('iframe');

        designer.iframe_private_tea.src =designer.widgetHtmlPriTeaURL + '?widgetPriTeaJsURL=' +designer.widgetjspriTeaURL + '&tools=' + JSON.stringify(tools) +'&selectedIcon=' + selectedIcon;

        designer.iframe_private_tea.style.width= '100%';

       designer.iframe_private_tea.style.height = '100%';

       designer.iframe_private_tea.style.border = 0;

        //window.removeEventListener('message',onMessage);

        //window.addEventListener('message',onMessage, false);

       parentNode.appendChild(designer.iframe_private_tea);

    };

上述函數(shù)中，新建了一個(gè)iframe為：designer.iframe_private_tea，又設(shè)置了三個(gè)變量分別為：designer.widgetHtmlPriTeaURL、designer.widgetJsPriTeaURL及widgetPriTeaJsURL分別定義如下：

C1.)designer.iframe_private_tea---------- canvas-designer-widget.js中

     designer.iframe_private_tea= null;

C2.) designer.widgetHtmlPriTeaURL---------------- canvas-designer-widget.js中

designer.widgetHtmlPriTeaURL= '/demos/widget_private_tea.html';

C3.)designer.widgetJsPriTeaURL------------------ canvas-designer-widget.js中

designer.widgetJsPriTeaURL= '/static/js/widget.private.tea.min.js';

C4.）widgetPriTeaJsURL--------------------widget_private_tea.html中

script.src =params.widgetPriTeaJsURL || './widget.js';

當(dāng)然，要增加兩個(gè)文件如下：widget_private_tea.html及widget.private.tea.min.js，所在文件具體為：

widget_private_tea.html位于：/static/js/下面

widget.private.tea.min.js位于：/demos/下面

運(yùn)行效果如下：

2）加載學(xué)生私有白板圖片

  a.)先顯示一張

二、php

2.1 PHP array_reverse() 函數(shù)

1）定義和用法

array_reverse() 函數(shù)返回翻轉(zhuǎn)順序的數(shù)組。

2）語(yǔ)法

array_reverse(array,preserve)

3）看個(gè)例子一如下：

注：數(shù)組反轉(zhuǎn)，不排序；不加參數(shù)true，鍵名重新標(biāo)記；加了參數(shù)true，鍵名不變，跟著原來(lái)的鍵值。

4）看個(gè)例子二如下：

注：只是翻轉(zhuǎn)，不進(jìn)行值的排序。

2017年2月27日星期一