關(guān)鍵詞：一對(duì)多實(shí)現(xiàn),學(xué)生進(jìn)入只顯示一個(gè)頭像, 刪除學(xué)生id及刪除學(xué)生div, array_merge

一、一對(duì)多實(shí)現(xiàn)

1.1 運(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 UI圖

1.3 控制頭像顯示一次（小目標(biāo)一）

代碼如下：

   if($.inArray(studentId, studentIdArray)>-1){

         return;

   }else{

              //動(dòng)態(tài)追加學(xué)生頭像

       $("#studentIdSet").append(" <div><imgsrc="+userAvatar+"  width='30px';height='30px'></div>");

       //把學(xué)生id追加到數(shù)組中，供下次判斷

             studentIdArray.push(studentId);

}

注：如果到來(lái)的學(xué)生id在數(shù)組中，$.inArray(studentId,studentIdArray)返回0，就直接退出不追加；如果來(lái)的學(xué)生id不在數(shù)組中，$.inArray(studentId, studentIdArray)返回-1，就在原來(lái)的div中追加一個(gè)小div，并把這個(gè)學(xué)生id追加到數(shù)組studentIdArray中。接下來(lái)，研究學(xué)生斷線時(shí)，要把頭像從div中刪除，并且studentId從數(shù)組studentIdArray中刪除。現(xiàn)在運(yùn)行效果如下：

1.4 刪除學(xué)生id及刪除學(xué)生div（小目標(biāo)二）

已經(jīng)實(shí)現(xiàn)，代碼如下：

           //斷線重連時(shí)，清空學(xué)生頭像div

          $('#studentIdSet').empty();

            //斷線重連時(shí)，清空學(xué)生id數(shù)組

           studentIdArray.splice(0,studentIdArray.length);

注：思路是，學(xué)生斷線時(shí)，第一步清空放學(xué)生頭像的div，$('#studentIdSet').empty();

    接著，清空之前追加形成的學(xué)生id數(shù)組studentIdArray，

studentIdArray.splice(0,studentIdArray.length);因?yàn)橐粋€(gè)學(xué)生掉線，所有學(xué)生都會(huì)重連一次，這樣的話，會(huì)重新走appendDiv，重新把頭像追加一次，就不用判斷哪個(gè)學(xué)生掉線了。當(dāng)然，這樣是有問(wèn)題的，比方說(shuō)一個(gè)老師正在和張三對(duì)話，李四掉線了，張三也會(huì)重連一次，這個(gè)放到后期解決。

二、php

2.1PHP array_merge() 函數(shù)

1)定義和用法

array_merge() 函數(shù)用于把一個(gè)或多個(gè)數(shù)組合并為一個(gè)數(shù)組。

提示：您可以向函數(shù)輸入一個(gè)或者多個(gè)數(shù)組。

注釋：如果兩個(gè)或更多個(gè)數(shù)組元素有相同的鍵名，則最后的元素會(huì)覆蓋其他元素。

注釋：如果您僅僅向 array_merge() 函數(shù)輸入一個(gè)數(shù)組，且鍵名是整數(shù)，則該函數(shù)將返回帶有整數(shù)鍵名的新數(shù)組，其鍵名以 0 開(kāi)始進(jìn)行重新索引（參見(jiàn)下面的實(shí)例 1）。

提示：該函數(shù)與 array_merge_recursive() 函數(shù)之間的不同是在處理兩個(gè)或更多個(gè)數(shù)組元素有相同的鍵名的情況。array_merge_recursive() 不會(huì)進(jìn)行鍵名覆蓋，而是將多個(gè)相同鍵名的值遞歸組成一個(gè)數(shù)組。

2)語(yǔ)法

array_merge(array1,array2,array3...)

3)看個(gè)例子

注：是兩個(gè)數(shù)組，合并為一個(gè)數(shù)組，鍵名順延。

4）例子二如下：

注：如果是單一數(shù)組，會(huì)對(duì)鍵名進(jìn)行從0開(kāi)始，重新賦值，這個(gè)非常有用，在做Word時(shí)，常對(duì)數(shù)組進(jìn)行重新定義，鍵名是跳躍的。

2017年2月18日星期六