鸿之微云平台是为广大科研人员提供的一站式科研云平台，提供一些科学计算软件服务，软件安装具有一定的复杂性，所以将科研使用的软件通过docker部署到服务器，在用iframe内嵌到网页中，提供在线使，从而省去安装步骤。该项目使用的vue2、vue3开发的，负责项目搭建和日常的开发需求。我负责的模块有文件上传、webshell的实现、文件的下载、登录等功能实现1、文件上传，在超过100M大小时，采用文件分片上传和断点续传，加快上歘速度和秒传 通过new FileReader()方法异步读取文件对象，获取文件大小计算当前分片数量，使用spark-md5插件，为每一个分片添加hash，创建ajax请求，并发请求等，后期使用的vue-simple-uploader分片上传插件2、网页是实现webshell的嵌入，实现在网页中操作shell命令的功能 xterm.js插件，实现网页嵌入shell命令窗口，前端发送命令后端接收后处理返回前端展示，需要跟后端保持长连接，使用的sockjs-client插件实现websock的全双工通信3、文件下载 文件下载功能实现，获取后端二进制流文件，前台创建Blob对象接收，创建URL.createobjecturl转成地址，创建a标签然后下载开发中遇到的webshell大小不能自适应浏览器和文件长度超过一行大小无法折行的的问题，解决方案：在插件中设置cols和rows的值，设置完成后在回传给后台，使后端设置成前端的cols即可解决前端窗口自适应的问题