第54篇一对多实现之学生端代码合成iframe研究及array_rand及array_product及array_pop

关键词：一对多实现,
学生端代码合成,frame研究, array_rand, array_product,array_pop

一、一对多实现

1.1 运行平台

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

学生一：

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

学生二：                            

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

学生三：

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 iframe研究

  Canvas-designer-widget.js中有很多iframe。实现了（经理帮助），两个iframe，相关代码摘录如下：

1) Student.html中：

a. 先设置一个div



b. 调用这个div



2)canvas-designer-widget.js中

a.定义了designer.appendPriTo函数如下：



注：这就建立了与id为widget-container-private的div之间的连接。

b.引入了文件 widget_private.html及widget.private.min.js



3)widget_private.html中



通过widgetPriJsURL与2）canvas-designer-widget.js建立了连接。

1.4 两个div交替显示

   学生的私有白板和公共白板交替显示，具体来说就是以下两个div交替显示：

           <div id="widget-container"></div>

           <div id="widget-container-private"></div>

实现了，代码如下：



两种方法实现展示与隐藏两个div，控制按钮写在了上拉条中，如下：



1.5 切到私有白板上，使其能写

   实现了，代码如下：

           <div id="widget-container" style="display:block;"></div>

           <div id="widget-container-private"  style="visibility:inherit;"></div>

这样一来，开始状态，只能显示共享白板；切换时，可以显示私有白板。并且相互不影响。

1.6 私有白板太小了，放大一下



改的的共享白板一样大如下：



放大成功，只修改了一个地方，代码如下：



二、php

2.1PHP array_pop() 函数

1)定义和用法

array_pop() 函数删除数组中的最后一个元素。

2）语法

array_pop(array)



3）看个例子



注：这个没什么可说的，就是删除数组中最后一个元素。

2.2 PHP array_product() 函数

1）定义和用法

array_product() 函数计算并返回数组的乘积。

2)语法

array_product(array)



3)看个例子一



注：计算数组中元素的乘积，不限元素个数。比方说四个元素，就计算四个元素的乘积如下：



2.3  PHP array_rand() 函数

1）定义和用法

array_rand() 函数返回数组中的一个随机键名，或者如果指定函数返回键名不只一个，则返回一个包含随机键名的数组。

2)语法如下：

array_rand(array,number)



3）例子一如下：



注：它是对键名随机出来一个指定数目出来，但如果是全量（就是说给的数目是数组元素的总数目，则会按从前到后输出）

4）例子二如下：



注：这个是全量输出，所以只有一种情况，不会发生变化，但如果输出的数目超过数组元素的总数目，将报错。如下：



2017年2月23日星期四