一种智慧黑板侧边栏文件上传方法、装置和系统与流程

1.本技术涉及到智能黑板领域，具体而言，涉及一种智慧黑板侧边栏文件上传方法、装置和系统。


背景技术：

2.现有技术中的投屏应用，通常需要强制在移动端上安装app应用或由通信接口外接移动硬件，而且需要用户手动配网操作，无法利用如今移动端普遍存在的浏览器操作文件的功能，极不方便，无法做到随用随走，而且占用移动端宝贵的内存空间。例如专利cn109558105a公开的投屏方法，该方法包括：通过通信接口与目标终端相连，其中，通信接口为允许直接连入目标终端的硬件接口；接收目标终端实时的屏幕显示数据和/或音频数据；向接收端发送屏幕显示数据和/或音频数据，其中，屏幕显示数据在接收端进行展示，音频数据在接收端进行播放。
3.此外，专利cn108965995a公开了一种投屏方法，包括：在本地建立热点，以使被投屏端通过热点与投屏端建立通信连接；当预设事件触发时，获取定向流量标记；其中，定向流量标记用于标识投屏端具有免流量权限；将定向流量标记和待投屏媒体文件的标识发送至被投屏端，以使被投屏端根据定向流量标记和待投屏媒体文件的标识，获取待投屏媒体文件的预定地址，并根据预定地址，解析并播放待投屏媒体文件。该方法通过热点在投屏端和被投屏端建立通信连接实现投屏显示，即配置专用网络达成通信。
4.上述投屏方法无论是预装app应用、外接移动硬件或通过热点通信的方式均需要在投屏端和被投屏端之间建立联通通道，无法利用如今移动端普遍存在的浏览器操作文件的功能，极不方便，不能随用随走。


技术实现要素：

5.本技术实施例提供了一种智慧黑板侧边栏文件上传方法、装置和系统，以至少解决现有技术中投屏无法利用如今移动端普遍存在的浏览器操作文件的功能，不能随用随走的问题。移动端设备无需安装新的移动app应用或外接移动硬件，无需配置专用网络，直接借助移动端普遍携带的浏览器，扫投图专用二维码，即可将本地的文件，投到用户所需要共享的页面上，非常方便，快捷，易用，而且可以做到随用随走，不会额外占用移动端设备宝贵的内存空间。
6.根据本技术的一个方面，提供了一种智慧黑板侧边栏文件上传方法，包括：根据第一控制指令生成投屏二维码，所述第一控制指令为智慧黑板侧边栏上投屏控件接收的执行命令；所述投屏二维码用于移动端上携带扫码功能的浏览器进行扫描，以便在移动端显示文件投屏操作页面；接收移动端自所述文件投屏操作页面上传的本地文件，并保存至第二服务器；接收第二控制指令，所述第二控制指令为移动端触发的开始投屏指令；接收第一请求信息，并根据第二控制指令向智慧黑板反馈投屏信息；所述第一请求信息为智慧黑板发送的投屏请求，所述投屏信息用于智慧黑板访问第二服务器获取移动端上传的本地文件，
并展示在智慧黑板上。
7.根据本技术的另一个方面，提供了一种智慧黑板侧边栏文件上传方法，应用于移动端，包括：采用移动端上携带扫码功能的浏览器扫描投屏二维码，显示文件投屏操作页面；其中，投屏二维码为服务器根据第一控制指令生成，第一控制指令为智慧黑板侧边栏上投屏控件接收的执行命令；自所述文件投屏操作页面上传本地文件，以保存至第二服务器；发送开始投屏指令至服务器，以使服务器根据开始投屏指令向第一请求信息反馈投屏信息；所述第一请求信息为服务器接收的智慧黑板发来的投屏请求，所述投屏信息用于智慧黑板访问第二服务器获取移动端上传的本地文件，并展示在智慧黑板上。
8.根据本技术的另一个方面，提供了一种智慧黑板侧边栏文件上传方法，应用于智慧黑板，包括：根据智慧黑板侧边栏上投屏控件接收的执行命令，向服务器发送第一控制指令，以使服务器根据第一控制指令生成投屏二维码；所述投屏二维码用于移动端上携带扫码功能的浏览器进行扫描，以便在移动端显示文件投屏操作页面；所述文件投屏操作页面用于移动端上传本地文件至第二服务器；发送第一请求信息至服务器，以便服务器在接收移动终端发来的开始投屏指令后向智慧黑板反馈投屏信息；接收投屏信息，根据投屏信息访问第二服务器；获取并展示第二服务器内移动端上传的本地文件。
9.进一步地，本技术的本地文件为图片文件。
10.根据本技术的另一个方面，还提供了一种智慧黑板侧边栏文件上传装置，包括：生成模块，用于根据第一控制指令生成投屏二维码；其中，所述第一控制指令为智慧黑板侧边栏上投屏控件接收的执行命令；所述投屏二维码用于移动端上携带扫码功能的浏览器进行扫描，以便在移动端显示文件投屏操作页面；第一接收模块，用于接收移动端自所述文件投屏操作页面上传的本地文件，并保存至第二服务器；第二接收模块，用于接收第二控制指令，所述第二控制指令为移动端触发的开始投屏指令；第三接收模块，用于接收第一请求信息，并根据第二控制指令向智慧黑板反馈投屏信息；其中，所述第一请求信息为智慧黑板发送的投屏请求，所述投屏信息用于智慧黑板访问第二服务器获取移动端上传的本地文件，并展示在智慧黑板上。
11.进一步地，还包括：获取模块，用于获取智慧黑板登录信息中的用户信息；加密关联模块，用于加密用户信息并关联至投屏二维码上；解密绑定模块，用于解密移动端扫描投屏二维码获得的用户信息，并作为标记绑定至移动端自所述文件投屏操作页面上传的本地文件上。
12.进一步地，所述智慧黑板根据其登录的用户信息在第二服务器中获取标记有该用户信息的文件。
13.根据本技术的另一个方面，还提供了一种智慧黑板侧边栏文件上传系统，包括：处理器和存储器；所述存储器用于存储程序指令，并将所述程序指令传输给所述处理器；其中，当所述程序指令被所述处理器执行时，使得所述处理器实现上述的智慧黑板侧边栏文件上传方法。
14.由以上技术方案可知，本发明公开的智慧黑板侧边栏文件上传方法、装置和系统获得了如下有益效果：
15.在本技术实施例中，智慧黑板侧边栏文件上传方法包括根据智慧黑板侧边栏上投屏控件接收的执行命令生成投屏二维码，该二维码用于移动端上携带扫码功能的浏览器进
行扫描，以便在移动端显示文件投屏操作页面；接收移动端自所述文件投屏操作页面上传的本地文件，并保存至第二服务器；接收移动端触发的开始投屏指令；接收智慧黑板发送的投屏请求，并根据开始投屏指令向智慧黑板反馈投屏信息；其中，所述投屏信息用于智慧黑板访问第二服务器获取移动端上传的本地文件，并展示在智慧黑板上。通过本技术解决了现有技术的投屏应用，需要强制在移动端上安装app应用或外接移动硬件，而且需要用户手动配网操作，无法利用如今移动端普遍存在的浏览器操作文件的功能，极不方便，无法做到随用随走的，而且占用移动端宝贵的内存空间的问题。本发明的技术方案在移动端无需安装移动app应用或外接硬件，无需配置专用网络，直接借助移动端普遍携带的浏览器，扫描投屏二维码，即可将本地文件投屏到用户所需要共享的页面上，非常方便，快捷易用，而且可以做到随用随走，不会额外占用移动端设备宝贵的内存空间。
附图说明
16.构成本技术的一部分的附图用来提供对本技术的进一步理解，本技术的示意性实施例及其说明用于解释本技术，并不构成对本技术的不当限定。在附图中：
17.图1是根据本技术实施例的智慧黑板侧边栏文件上传方法的流程图；
18.图2是根据本技术实施例的智慧黑板侧边栏文件上传方法信息加密解密流程图；
19.图3是根据本技术实施例的智慧黑板侧边栏文件上传方法的操作流程图。
具体实施方式
20.需要说明的是，在不冲突的情况下，本技术中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本技术。
21.需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。
22.在本实施例中提供了一种智慧黑板侧边栏文件上传方法，图1是根据本技术实施例的智慧黑板侧边栏文件上传方法的流程图，如图1所述，该方法包括如下步骤：
23.步骤s102，根据第一控制指令生成投屏二维码，所述第一控制指令为智慧黑板侧边栏上投屏控件接收的执行命令；所述投屏二维码用于移动端上携带扫码功能的浏览器进行扫描，以便在移动端显示文件投屏操作页面；
24.作为一个可以选择增加的实施方式，投屏控件接收执行命令的方式可以为触控或硬件输入的方式；同时智慧黑板仅作为本技术实施例的一个客户端，还可以是其他具有投屏功能的显示终端；移动端可以为手机或平板等智能设备，携带扫码功能的浏览器包括浏览器、聊天应用、支付应用和工作应用，如360浏览器、微信、qq、支付宝、钉钉等任一具有扫码功能的工具。实施时，用户在智慧黑板的侧边栏点击投屏按钮，此时智慧黑板会请求服务器，服务器生成携带用户信息的投屏二维码；再在移动端上选择任一应用扫码该投屏二维码，链接至文件投屏操作页面，用户可在文件投屏操作页面上浏览选择要投屏的文件。必然的，文件投屏操作页面上除文件选择功能，还应当具有实现开始投屏的操作按钮，当文件上传后可以通过对该按钮的操作启动投屏。
25.步骤s104，接收移动端自所述文件投屏操作页面上传的本地文件，并保存至第二
服务器；
26.第二服务器在本技术的实施例中作为中转存储单元存在，如公有云的阿里云服务器，用户在移动端选择要投屏的文件后会将本地文件上传到阿里云服务器存储；在此过程中，移动端并未与作为客户端的智慧黑板通信或处于可通信的网络范围内，移动端也无需考虑与客户端的距离。
27.作为另一个可选的方式，在移动端选择待投屏文件时可以设定待投屏文件的类型和待投屏文件的大小，例如txt、doc、ppt、xls、mp4和jpg，本技术为实现文件投屏流程的简化和便捷实现，选用上传的本地文件为图片文件，专一作为图片资源的使用，不考虑其他文件类型，最大程度的简化移动端无需与客户端建立通信实现投屏的操作使用流程。作为另一个可选的方式，移动端显示文件上传进度，提示用户可进行下一步操作。
28.步骤s106，接收第二控制指令，所述第二控制指令为移动端触发的开始投屏指令；
29.当移动端完成待投屏文件上传后，用户在移动端操作启动投屏，联动服务器告知待投屏的本地文件已经上传至第二服务器，可进行一步操作。
30.步骤s108，接收第一请求信息，并根据第二控制指令向智慧黑板反馈投屏信息；所述第一请求信息为智慧黑板发送的投屏请求，所述投屏信息用于智慧黑板访问第二服务器获取移动端上传的本地文件，并展示在智慧黑板上。
31.当用户操作开始投屏时，客户端的智慧黑板先向服务器请求投屏信息，然后以服务器反馈的投屏信息访问第二服务器获取待投屏的本地文件，然后投屏展示，供用户进行后续操作，如用于会议讨论、展览讲解等。基于上述过程，移动端上传待投屏的本地文件的时间可与早客户端进行投屏的时间存在差异，只要在客户端请求投屏信息之前都可以进行本地文件的上传。
32.作为一个可以选择增加的实施方式，当服务器接收第二控制指令后可选择的向智慧黑板发送提示消息，以便客户端向服务器发送第一请求信息，避免客户端的等候时间。
33.通过上述步骤解决了现有技术的投屏应用，需要强制在移动端上安装app应用或外接移动硬件，而且需要用户手动配网操作，无法利用如今移动端普遍存在的浏览器操作文件的功能，极不方便，无法做到随用随走的，而且占用移动端宝贵的内存空间的问题；从而实现了直接借助移动端普遍携带的浏览器，扫描投屏二维码，即可将本地文件投屏到用户所需要共享的页面上，方便快捷，提升用户使用体验。
34.结合图2所示，为了确保文件上传方法中客户端获取的文件和移动端上传的文件完全匹配，该方法还包括如下步骤：
35.步骤s202，获取智慧黑板登录信息中的用户信息，并对用户信息进行加密后关联至投屏二维码上；
36.客户端启动时通常需要输入用户信息登录进入，本技术利用该用户信息确保从第二服务器中准确获待投屏文件，并通过对该信息的加密确保用户信息在投屏文件获取过程的安全性。具体实施时，服务器提取智慧黑板登录信息中的用户信息采用加密技术加密，与投屏按钮的执行命令关联共同生成一个专属的投屏二维码，供移动端的浏览器或应用扫码。
37.步骤s204，解密移动端扫描投屏二维码获得的用户信息，并作为标记绑定至移动端自所述文件投屏操作页面上传的本地文件上。
38.服务器对移动端扫码的信息采用解密技术解密，获得用户信息，然后以此为标记绑定在用户选定的待投屏文件上，再上传到对应的阿里云服务器；智慧黑板根据其携带的用户信息从第二服务器中匹配对应含标记用户信息的文件，展示在投屏页面上。通过用户信息的匹配能确保智慧黑板准确找到移动端上传的本地文件，不发生误差。本技术相比现有app投屏应用或外接移动硬件，使用体验显著提升，操作简单，方便易用。
39.上述实施例提供的智慧黑板侧边栏文件上传方法应用于服务器端，在该侧边栏智慧黑板侧边栏文件上传方法应用于移动端时，其实施例包括如下步骤：采用移动端上携带扫码功能的浏览器扫描投屏二维码，显示文件投屏操作页面；其中，投屏二维码为服务器根据第一控制指令生成，第一控制指令为智慧黑板侧边栏上投屏控件接收的执行命令；自所述文件投屏操作页面上传本地文件，以保存至第二服务器；发送开始投屏指令至服务器，以使服务器根据开始投屏指令向第一请求信息反馈投屏信息；所述第一请求信息为服务器接收的智慧黑板发来的投屏请求，所述投屏信息用于智慧黑板访问第二服务器获取移动端上传的本地文件，并展示在智慧黑板上。
40.当该侧边栏智慧黑板侧边栏文件上传方法应用于智慧黑板时，其实施例包括如下步骤：根据智慧黑板侧边栏上投屏控件接收的执行命令，向服务器发送第一控制指令，以使服务器根据第一控制指令生成投屏二维码；所述投屏二维码用于移动端上携带扫码功能的浏览器进行扫描，以便在移动端显示文件投屏操作页面；所述文件投屏操作页面用于移动端上传本地文件至第二服务器；发送第一请求信息至服务器，以便服务器在接收移动终端发来的开始投屏指令后向智慧黑板反馈投屏信息；接收投屏信息，根据投屏信息访问第二服务器；获取并展示第二服务器内移动端上传的本地文件。
41.在另一实施例中，提供了一种智慧黑板侧边栏文件上传装置，该装置在具体应用时实现上述实施例公开的智慧黑板侧边栏文件上传方法的功能，示例的，上述智慧黑板侧边栏文件上传方法可以被分割成多个模块，每个模块与方法实施例中的每个步骤一一对应，包括生成模块、第一接收模块、第二接收模块和第三接收模块，各模块的具体功能如下：生成模块，用于根据第一控制指令生成投屏二维码；其中，所述第一控制指令为智慧黑板侧边栏上投屏控件接收的执行命令；所述投屏二维码用于移动端上携带扫码功能的浏览器进行扫描，以便在移动端显示文件投屏操作页面；第一接收模块，用于接收移动端自所述文件投屏操作页面上传的本地文件，并保存至第二服务器；第二接收模块，用于接收第二控制指令，所述第二控制指令为移动端触发的开始投屏指令；第三接收模块，用于接收第一请求信息，并根据第二控制指令向智慧黑板反馈投屏信息；其中，所述第一请求信息为智慧黑板发送的投屏请求，所述投屏信息用于智慧黑板访问第二服务器获取移动端上传的本地文件，并展示在智慧黑板上。
42.为了确保该文件上传装置中作为客户端的智慧黑板从第二服务器获取的文件和移动端上传至第二服务器的文件完全匹配，该装置还设置有获取模块、加密关联模块和解密绑定模块，各模块执行功能如下：获取模块，用于获取智慧黑板登录信息中的用户信息；加密关联模块，用于加密用户信息并关联至投屏二维码上；解密绑定模块，用于解密移动端扫描投屏二维码获得的用户信息，并作为标记绑定至移动端自所述文件投屏操作页面上传的本地文件上。然后，智慧黑板根据其登录的用户信息在第二服务器中匹配获取标记有该用户信息的文件，该文件主要为图片文件。
43.本发明又一实施例还提供了一种智慧黑板侧边栏文件上传系统，包括存储器和处理器，存储器中存储程序指令，并将所述程序指令传输给所述处理器；当程序指令被所述处理器执行时，使得所述处理器实现上述应用于服务器、移动端或智慧黑板的智慧黑板侧边栏文件上传方法。
44.本系统在web整体结构前端页面采用vue+iview类库加上mvvm的架构模式，vue可以说是mvvm架构的最佳实践，是一个javascriptmvvm库，是一套构建用户界面的渐进式框架。专注于mvvm中的viewmodel，不仅做到了数据双向绑定，而且也是一款相对比较轻量级的js库，api简洁；因为vue的双向数据绑定特性以及技术的成形，实现了项目的热加载，改完页面代码能立即在浏览器方面显示效果，提高开发效率。web整体结构后台服务端的开发编译环境为jdk1.8+idea+tomcat8+mysql，整体结构为:springcloud+rabbitmq+mybatis+redis；通过前后端分离操作，实现在客户端与移动端的无缝结合，让客户可以快速，简单，方便的将个人移动设备内的图片资源，共享到公共客户端页面上。
45.上述程序可以运行在处理器中，或者也可以存储在存储器中(或称为计算机可读介质)，计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd
‑
rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
46.这些计算机程序也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤，对应与不同的步骤可以通过不同的模块来实现。
47.结合图3所示，本技术解决了现有技术中投屏通常需要强制在移动端上安装app应用、由通信接口外接移动硬件或需要用户手动配网操作的问题，从而实现了直接借助移动端普遍携带的浏览器，扫描专用的投屏二维码，移动端扫描该二维码后将本地文件上传公有云存储，客户端再根据反馈的投屏信息在公有云中获取该本地文件，再投屏到用户所需要共享的页面上。目前，调研发现用户在使用传统app投屏对于要安装应用，存在抵触心理，而且应用需要相对复杂的操作才能正常使用，学习成本也较高；本发明的技术方案相较于现有app投屏应用等，增加用户与产品界面交互的便捷性，操作简单，方便易用，可以极大提升用户的使用体验。
48.以上仅为本技术的实施例而已，并不用于限制本技术。对于本领域技术人员来说，本技术可以有各种更改和变化。凡在本技术的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本技术的权利要求范围之内。