2026/2/22 18:30:05
网站建设
项目流程
手游门户网站模块,开放平台作用发挥明显,淘宝联盟怎么自己做网站,网站的设计分析一个苦逼大三狗的文件管理系统开发日记
前情提要
各位大佬好#xff0c;我是一名福州某高校的网络工程专业大三狗#x1f436;。最近被导师和就业压力双重夹击#xff0c;决定开发一个看起来很牛逼的文件管理系统作为毕业设计(顺便骗个offer)。结果…我太天真…一个苦逼大三狗的文件管理系统开发日记前情提要各位大佬好我是一名福州某高校的网络工程专业大三狗。最近被导师和就业压力双重夹击决定开发一个看起来很牛逼的文件管理系统作为毕业设计(顺便骗个offer)。结果…我太天真了我的宏伟需求前端部分要用原生JS实现10G大文件上传(是的你没看错10G)兼容性要支持IE8到现代浏览器(包括那些我听都没听过的国产浏览器)功能断点续传(关机都不能丢那种)、文件夹上传(带层级)、加密传输存储后端呃…我还不会写后端…有热心网友能帮忙吗(在线等挺急的)开发环境前端Vue3 CLI (因为听说这很潮)数据库MySQL (只会这个)服务器本地F盘(没错就是那个存满小电影的F盘)开发工具VS Code (因为图标好看)我的心路历程在网上找了一圈代码后我发现要么只有上传功能要么代码片段残缺不全最气人的是出了问题找不到人(开发者连个微信群都不建我真的是服了)部分前端代码实现 (纯属娱乐实际可能跑不起来)// 文件上传核心代码 - 文件名uploadWithPrayer.jsfunctionuploadFile(file){returnnewPromise((resolve,reject){constreadernewFileReader();reader.onloadfunction(e){try{// 这里应该有很复杂的加密逻辑constencryptedDatae.target.result加密啦;// 假装发送到后端setTimeout((){if(Math.random()0.5){// 50%成功率模拟真实网络环境resolve(上传成功(大概));}else{reject(网络错误请重试(或者放弃));}},2000);}catch(error){reject(加密失败原因${error.message});}};reader.onerror()reject(FileReader罢工了);reader.readAsDataURL(file);});}// 断点续传功能 - 基于localStoragefunctionsaveUploadProgress(fileId,progress){try{localStorage.setItem(upload_${fileId},progress);console.log(进度已保存${progress}% (但愿不会丢));}catch(e){console.error(localStorage满了建议清理浏览器数据(包括你存的小电影));}}我的求助求后端大佬求个Python后端代码最好能帮我把数据库也设计了(我请你喝奶茶)求工作推荐马上要毕业了有没有师哥师姐介绍工作啊(我会端茶倒水修电脑)求师傅想找个后端开发师傅(可以帮你写作业作为交换)最后安利我建了个QQ群(374992201)加群就送1-99元红包(金额随机大概率是1元)群里还能做项目赚钱(画饼中)…快来一起学习(吐槽)吧免责声明以上代码仅供娱乐实际使用可能导致头发脱落、电脑蓝屏、女朋友分手等副作用使用前请备份重要数据(包括小电影)。将组件复制到项目中示例中已经包含此目录引入组件配置接口地址接口地址分别对应文件初始化文件数据上传文件进度文件上传完毕文件删除文件夹初始化文件夹删除文件列表参考http://www.ncmem.com/doc/view.aspx?ide1f49f3e1d4742e19135e00bd41fa3de处理事件启动测试启动成功效果数据库效果预览文件上传文件刷新续传支持离线保存文件进度在关闭浏览器刷新浏览器后进行不丢失仍然能够继续上传文件夹上传支持上传文件夹并保留层级结构同样支持进度信息离线保存刷新页面关闭页面重启系统不丢失上传进度。下载示例点击下载完整示例