第51篇一对多实现之学生端去遮罩层及往服务器上传图片(一)

关键词:一对多实现, 去掉学生端遮罩层让其能写, 学生端鼠标圆形变箭头, 学生写的要保存成一张张图片传服务器

一、一对多实现

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 去掉学生端遮罩层,让其能写(第一个小目标)

   找到了一个,把函数init()不运行,就可以让铅笔等图标出来。代码修改如下:

运行效果如下:

注:虽然出来了铅笔等图标,但还不能写,鼠标在上面是一个圆点,不是箭头。下一个小目标是学生端鼠标圆形变箭头。

1.4 学生端鼠标圆形变箭头(第二个小目标)

   思路:既然是遮罩层,一定是样式控制的,我把学生端的样式都去掉,一定能解决这个问题。

   实现了,没改任何代码,原因是:学生端变一下方式就成了,要不然,就是把学生端的代码全删完也不行。以下这种样式是不可以写的:

但以下这种方式是可以写的,如下:

1.5 学生写的要保存成一张张图片,传服务器上去

思路:学生写满一张,有两种做法:

一是传到服务器上,老师去服务器上拉图片;

二是传给老师,老师保存到一个文件夹里,随机查看。

经考虑,还是采用第一种方式来做,这样就回避了老师学生同时写的问题。

1学生写满一张,保存成一张图片

   有两件事要做,一是把图片传到服务器供老师调用;

                 二是把图片保存到本地供老师讲时,自己看;

2017年2月20日星期一

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值