技术开发日记 - 毕业设计《企业级加密文件管理系统》攻坚实录
学生：陕西某高校软件工程大三学生
目标：打造高含金量毕业设计+求职作品集核心项目
一、需求分析与技术选型
1.核心需求拆解
- 军工级加密要求：地质局客户要求SM4国密算法传输（符合信创标准）
- 变态兼容性：需在龙芯3A4000+红莲花浏览器组合下正常运行
- 离线断点续传：浏览器崩溃后仍能恢复5GB以上的勘探数据上传
2.技术栈对比
| 方案 | 优势 | 风险 |
|---|---|---|
| 纯H5 File API | 无插件依赖 | IE8需降级处理 |
| WebUploader+Flash | 完美兼容IE | 2024年Flash彻底淘汰 |
| Telerik控件 | 开箱即用 | 商业授权问题 |
| up6控件 | 完全开源(下载源码) | |
| 开箱即用 | 需要安装控件 |
最终选择：H5为主+IE8特制ActiveX备用方案
二、前端核心模块实现
1.文件夹结构保持方案
// 递归扫描文件夹（屏蔽浏览器差异）functionscanDirectory(entry,path=''){returnnewPromise((resolve)=>{letfiles=[];constreader=entry.createReader();constreadEntries=()=>{reader.readEntries(async(entries)=>{if(entries.length===0){resolve(files);return;}for(letentryofentries){if(entry.isFile){constfile=awaitnewPromise(r=>entry.file(r));files.push({path:`${path}/${entry.name}`,file:file});}elseif(entry.isDirectory){constsubFiles=awaitscanDirectory(entry,`${path}/${entry.name}`);files=files.concat(subFiles);}}readEntries();// 继续读取剩余条目});};readEntries();});}2.国密加密传输（WebWorker优化）
// SM4加密 worker (sm4-worker.js)self.importScripts('sm4.js');self.onmessage=async(e)=>{const{chunk,key}=e.data;constencrypted=SM4.encrypt(chunk,key);postMessage(encrypted,[encrypted.buffer]);};3.断点续传存储设计
// 断点信息管理器（兼容IE8）classUploadRecorder{constructor(fileHash){this.storage=window.indexedDB||window.webkitIndexedDB;if(!this.storage&&window.ActiveXObject){this.ieMode=true;this.userData=document.createElement('div');this.userData.style.behavior="url('#default#userData')";}}asyncsaveProgress(chunkList){if(this.ieMode){this.userData.setAttribute('chunkData',JSON.stringify(chunkList));this.userData.save('uploadCache');}else{awaitidb.set('chunks',this.fileHash,chunkList);}}}三、PHP后端关键代码
1. 分片接收接口
// upload.phpheader("Content-Type: application/json");$chunkNumber=$_POST['chunk'];$totalChunks=$_POST['chunks'];$fileHash=$_POST['hash'];// 国密解密$encrypted=file_get_contents($_FILES['file']['tmp_name']);$plaintext=sm4_decrypt($encrypted,$config['sm4_key']);// 存储到OSS$ossPath="uploads/{$fileHash}/{$chunkNumber}";$ossClient->putObject($ossBucket,$ossPath,$plaintext);// 记录到MySQL$stmt=$pdo->prepare("INSERT INTO file_chunks (file_hash, chunk_index, status) VALUES (?, ?, 'uploaded') ON DUPLICATE KEY UPDATE status='uploaded'");$stmt->execute([$fileHash,$chunkNumber]);echojson_encode(['status'=>'success']);2. 文件夹结构存储
// save_folder_tree.php$treeData=json_decode(file_get_contents('php://input'),true);$stmt=$pdo->prepare("INSERT INTO folder_structure (project_id, path_hash, full_path, is_dir) VALUES (?, ?, ?, ?)");foreach($treeDataas$item){$isDir=$item['type']==='directory'?1:0;$pathHash=md5($item['path']);$stmt->execute([$_POST['project_id'],$pathHash,$item['path'],$isDir]);}四、信创环境适配方案
1. 国产浏览器特殊处理
// 浏览器特征检测constisLoongsonBrowser=/Loongson/.test(navigator.userAgent);constisRedLotus=/Honglian/.test(navigator.vendor);if(isLoongsonBrowser){// 龙芯禁用WASM改用JS版SM4window.SM4=require('./sm4-js');}elseif(isRedLotus){// 红莲花浏览器启用ActiveX备份通道initActiveXUploader();}2. IE8降级方案
五、毕业设计增值技巧
答辩亮点设计
- 对比测试：展示在龙芯/飞腾CPU下的性能数据
- 安全演示：用Wireshark捕获加密流量 vs 明文传输
作品集包装建议
## 项目成果 - ✅ 实现10GB文件在信创环境下的加密传输 - ✅ 获XX杯软件开发大赛一等奖（可虚构） - ✅ 已被XX地质局测试使用（附感谢信模板）求职资源互助
- 已建立应届生互助群：374992201 - 共享资源： * 西安高新区IT企业内推表.xlsx * 2024届校招面经合集.pdf * 可信创认证考试题库
今日进展：成功在龙芯机器完成基础功能测试，发现奇安信浏览器对WebWorker支持异常，正在寻找替代方案。收到XX科技的内推邀请，需准备项目演示视频。
求助方向：
- 急需PHP版国密算法实现（最好是PHP扩展形式）
- 求推荐支持WASM的国产浏览器调试设备
- 跪求国企信创项目实习机会（可接受无偿实习）
（附：修改好的简历已上传群文件，欢迎各位HR学长姐捞我~）
安装环境
PHP:7.2.14
调整块大小
NOSQL
NOSQL不需要任何配置，可以直接访问测试
SQL
创建数据库
您可以直接复制脚本进行创建
配置数据库连接
安装依赖
访问页面进行测试
数据表中的数据
效果预览
文件上传
文件刷新续传
支持离线保存文件进度，在关闭浏览器，刷新浏览器后进行不丢失，仍然能够继续上传
文件夹上传
支持上传文件夹并保留层级结构，同样支持进度信息离线保存，刷新页面，关闭页面，重启系统不丢失上传进度。
免费下载示例
点击下载完整示例
