贵州做网站wordpress php 开发手册

贵州做网站,wordpress php 开发手册,外贸怎么做起来,东莞网站建设建网站作为福建某互联网上市公司项目负责人#xff0c;我近期正为“大文件传输功能集成”课题带领团队攻坚——公司现有产品已服务金融、能源、政务等领域的200客户#xff0c;其中超30%的国企、央企客户明确提出“100G大文件传输文件夹层级保留断点续传”的刚性需求。但市场上多数…作为福建某互联网上市公司项目负责人我近期正为“大文件传输功能集成”课题带领团队攻坚——公司现有产品已服务金融、能源、政务等领域的200客户其中超30%的国企、央企客户明确提出“100G大文件传输文件夹层级保留断点续传”的刚性需求。但市场上多数开源组件如WebUploader因停更、不支持IE8、无技术支持等问题无法落地自主研发又面临“兼容多技术栈加密合规高并发稳定”的三重挑战。我们的需求清单直击业务痛点大文件传输能力单文件100G文件夹保留完整层级含10万子文件场景断点续传刷新/关闭浏览器后进度不丢失。安全合规传输层HTTPS加密存储层支持SM4/AES国密算法可配置密钥由客户自主管理。兼容与稳定兼容IE8Windows 7老终端、Chrome/Firefox等主流浏览器后端同时支持ASP.NET WebForm/.NET Core前端兼容vue2/vue3/React。轻量集成无缝嵌入现有业务流程不修改原有数据结构和系统逻辑避免“为传文件重构系统”。性能兜底下载非打包方案防服务器内存爆炸支持10万文件并发下载单服务器承载≥50用户。可维护性供应商需提供5年以上技术支持附带5央企/国企合作案例合同、软著、信创认证等降低决策风险。我们的技术方案从架构到落地经过6个月调研、3轮内部测试含国企客户场景验证我们最终采用“分片上传元数据管理国密加密”的核心架构结合阿里云OSS的扩展能力同时兼容新旧技术栈。以下是关键实现细节一、整体架构设计graph TD A[前端] -- B[分片上传/下载] B -- C{断点续传检查} C --|已上传分片| D[跳过上传] C --|未上传分片| E[加密分片并上传] E -- F[后端接收分片] F -- G[存储至OSS/本地] G -- H[记录元数据SQL Server] H -- I[合并分片] I -- J[更新进度状态] K[下载请求] -- L[校验权限获取分片列表] L -- M[流式下载分片OSS/本地] M -- N[自动解密分片] N -- O[前端合并分片] O -- P[还原文件夹层级]二、关键技术实现附代码示例1. 前端跨框架分片上传兼容IE8基于原生JS封装支持vue2/vue3/ReactIE8使用XHRiframe fallback// utils/FileUploader.js核心上传逻辑classFileUploader{constructor(options){this.chunkSizeoptions.chunkSize||5*1024*1024;// 5MB分片100G分20000片this.fileoptions.file;this.folderIdoptions.folderId;// 文件夹ID保留层级this.uploadIdoptions.uploadId||uuidv4();// 全局唯一上传ID断点续传标识this.progressCallbackoptions.progressCallback;this.onSuccessoptions.onSuccess;this.onErroroptions.onError;this.isIE8/*cc_on*/false||!!document.documentMode8;// IE8检测}// 初始化检查已上传分片asyncinit(){constresawaitthis.httpGet(/api/upload/check?uploadId${this.uploadId});this.uploadedChunksnewSet(res.data.uploadedChunks);this.totalChunksMath.ceil(this.file.size/this.chunkSize);}// 上传单个分片兼容IE8asyncuploadChunk(chunkIndex){conststartchunkIndex*this.chunkSize;constendMath.min(startthis.chunkSize,this.file.size);constchunkthis.file.slice(start,end);// 加密分片AES/SM4密钥从后端获取const{encryptedChunk,iv}awaitthis.encryptChunk(chunk);// 构造请求参数constparams{uploadId:this.uploadId,chunkIndex,totalChunks:this.totalChunks,fileName:this.file.name,folderId:this.folderId,iv:iv// SM4需要IVAES可选};// 发送分片IE8用XHRiframe现代浏览器用FetchconstformDatanewFormData();Object.entries(params).forEach(([k,v])formData.append(k,v));formData.append(chunk,encryptedChunk);try{constresthis.isIE8?awaitthis.ie8Upload(formData):awaitthis.httpPost(/api/upload/chunk,formData);if(res.code200){this.uploadedChunks.add(chunkIndex);this.progressCallback((this.uploadedChunks.size/this.totalChunks)*100);}}catch(err){this.onError(分片${chunkIndex}上传失败${err.message});}}// 触发合并分片asyncmerge(){constresawaitthis.httpPost(/api/upload/merge,{uploadId:this.uploadId,fileName:this.file.name,folderId:this.folderId,totalChunks:this.totalChunks});if(res.code200){this.onSuccess(res.data.fileId);// 返回文件唯一ID}}// 加密分片AES示例SM4需替换为BouncyCastle实现asyncencryptChunk(chunk){constkeyawaitthis.httpGet(/api/config/encryptKey);// 从后端获取客户密钥constivcrypto.getRandomValues(newUint8Array(16));// SM4需要128位IV// AES加密实际SM4需调用国密库constaesCryptoJS.AES.encrypt(CryptoJS.lib.WordArray.create(chunk),CryptoJS.enc.Hex.parse(key),{iv:CryptoJS.enc.Hex.parse(Array.from(iv).map(bb.toString(16).padStart(2,0)).join())});return{encryptedChunk:newBlob([iv,aes.toString()],{type:application/octet-stream}),iv:Array.from(iv).map(bb.toString(16).padStart(2,0)).join()};}// IE8专用上传XHRiframeie8Upload(formData){returnnewPromise((resolve,reject){constiframedocument.createElement(iframe);iframe.style.displaynone;constformdocument.createElement(form);form.methodpost;form.enctypemultipart/form-data;form.action/api/upload/chunk;Object.entries(formData).forEach(([name,value]){constinputdocument.createElement(input);input.typehidden;input.namename;input.valuevalue;form.appendChild(input);});iframe.onload(){constresponseJSON.parse(iframe.contentWindow.document.body.innerText);response.code200?resolve():reject(response.msg);};document.body.appendChild(iframe);form.submit();document.body.removeChild(iframe);});}// 启动上传控制并发防浏览器崩溃asyncstart(concurrency3){awaitthis.init();constchunksToUploadArray.from({length:this.totalChunks},(_,i)i).filter(i!this.uploadedChunks.has(i));// 分片并发上传避免浏览器内存溢出for(leti0;ichunksToUpload.length;iconcurrency){constbatchchunksToUpload.slice(i,iconcurrency);awaitPromise.all(batch.map(chunkIndexthis.uploadChunk(chunkIndex)));}awaitthis.merge();}// 工具方法HTTP请求封装httpGet(url){/* ... */}httpPost(url,data){/* ... */}}// 使用示例vue3组件exportdefault{methods:{asynchandleFileSelect(file){constuploadernewFileUploader({file,folderId:this.currentFolder.id,chunkSize:5*1024*1024,progressCallback:(p)this.progressp,onSuccess:(fileId){this.$message.success(文件${file.name}上传成功ID${fileId});},onError:(err)this.$message.error(err)});awaituploader.start();}}};2. 后端ASP.NET WebForm/.NET Core 双栈支持分片管理加密存储核心逻辑兼容新旧技术栈SQL Server记录元数据阿里云OSS存储文件// 公共接口层WebForm/.NET Core通用publicinterfaceIFileUploadService{TaskCheckChunksAsync(stringuploadId);TaskUploadChunkAsync(UploadChunkRequestrequest);TaskMergeChunksAsync(MergeChunksRequestrequest);}// ASP.NET WebForm 实现UploadService.ashxpublicclassUploadService:IHttpHandler,IFileUploadService{privatereadonlyIUnitOfWork_unitOfWork;// Dapper封装数据库操作privatereadonlyIOssClient_ossClient;// 阿里云OSS客户端publicasyncTaskCheckChunksAsync(stringuploadId){using(varconnnewSqlConnection(_config[DbConnection])){varuploadedChunksawaitconn.QueryAsync(SELECT ChunkIndex FROM FileUploadProgress WHERE UploadId UploadId,new{UploadIduploadId});returnnewUploadCheckResult{UploadedChunksuploadedChunks.ToList()};}}publicasyncTaskUploadChunkAsync(UploadChunkRequestrequest){// 保存分片到临时目录或直接上传OSSvartempPathPath.Combine(_env.WebRootPath,temp,request.UploadId);Directory.CreateDirectory(tempPath);varchunkPathPath.Combine(tempPath,${request.ChunkIndex}.dat);using(varfsnewFileStream(chunkPath,FileMode.Create)){awaitrequest.Chunk.CopyToAsync(fs);}// 记录分片进度到数据库using(varconnnewSqlConnection(_config[DbConnection])){awaitconn.ExecuteAsync( IF NOT EXISTS(SELECT 1 FROM FileUploadProgress WHERE UploadId UploadId AND ChunkIndex ChunkIndex) INSERT INTO FileUploadProgress (UploadId, ChunkIndex, FolderId) VALUES (UploadId, ChunkIndex, FolderId),request);}}publicasyncTaskMergeChunksAsync(MergeChunksRequestrequest){vartempPathPath.Combine(_env.WebRootPath,temp,request.UploadId);varfinalFileawait_ossClient.PutObjectAsync(_config[OssBucket],${request.FolderId}/{request.FileName},tempPath);// 清理临时文件和数据库记录Directory.Delete(tempPath,true);using(varconnnewSqlConnection(_config[DbConnection])){awaitconn.ExecuteAsync(DELETE FROM FileUploadProgress WHERE UploadId UploadId,new{UploadIdrequest.UploadId});}// 记录文件元数据关联业务系统varfileIdGuid.NewGuid().ToString();await_unitOfWork.FileRecords.AddAsync(newFileRecord{IdfileId,Namerequest.FileName,FolderIdrequest.FolderId,SizefinalFile.ContentLength,OssKeyfinalFile.Key,UploadTimeDateTime.UtcNow});await_unitOfWork.SaveChangesAsync();returnnewMergeResult{FileIdfileId};}}// .NET Core 版本使用依赖注入publicclassUploadController:ControllerBase{privatereadonlyIFileUploadService_uploadService;[HttpPost(check)]publicasyncTaskCheckChunks([FromQuery]stringuploadId){varresultawait_uploadService.CheckChunksAsync(uploadId);returnOk(result);}[HttpPost(chunk)]publicasyncTaskUploadChunk([FromForm]IFormFilechunk){varrequestnewUploadChunkRequest{UploadIdRequest.Form[uploadId],ChunkIndexint.Parse(Request.Form[chunkIndex]),TotalChunksint.Parse(Request.Form[totalChunks]),FolderIdRequest.Form[folderId],Chunkchunk.OpenReadStream()};await_uploadService.UploadChunkAsync(request);returnOk();}}3. 下载功能非打包自动解密防服务器崩溃通过分片流式下载前端合并支持10万文件并发// 前端下载逻辑通用组件methods:{asyncdownloadFolder(folderId){// 获取文件夹结构含文件列表const{data:folder}awaitthis.$http.get(/api/folders/${folderId});constfilesfolder.files;// 控制并发防止服务器压力过大constconcurrency5;for(leti0;ifiles.length;iconcurrency){constbatchfiles.slice(i,iconcurrency);awaitPromise.all(batch.map(async(file){// 获取文件分片列表从数据库/缓存获取const{data:chunks}awaitthis.$http.get(/api/files/${file.id}/chunks);// 流式下载分片并解密constdecryptedChunks[];for(constchunkofchunks){constresawaitthis.$http.get(/api/files/chunk/${chunk.id},{responseType:blob});decryptedChunks.push(awaitthis.decryptChunk(res.data));}// 合并分片并保存constmergedBlobnewBlob(decryptedChunks);this.saveAs(mergedBlob,file.name);// 使用FileSaver.js保存}));}},// 解密分片SM4示例需引入国密库如gm-cryptasyncdecryptChunk(encryptedBlob){constkeyawaitthis.$http.get(/api/config/decryptKey);// 客户密钥constivawaitthis.getIvFromHeader(encryptedBlob);// 从Blob头获取IV// 读取加密数据constarrayBufferawaitencryptedBlob.arrayBuffer();constdataarrayBuffer.slice(16);// 前16字节为IV// SM4解密使用gm-cryptconstsm4newSM4({key:Uint8Array.from(atob(key),cc.charCodeAt(0))});constdecryptedsm4.decrypt(data,iv);returnnewBlob([decrypted]);},// 保存文件到本地saveAs(blob,fileName){consturlURL.createObjectURL(blob);constadocument.createElement(a);a.hrefurl;a.downloadfileName;a.click();URL.revokeObjectURL(url);}}我们的合作保障降低客户风险技术兜底提供7*24小时专属技术支持电话/企业微信/现场驻场核心问题2小时内响应针对国企客户可安排原厂工程师驻场调试。资质齐全可提供5央企/国企合作案例含某能源集团、某省级银行的大文件传输项目合同原件、软件著作权证书、信创环境认证报告、银行转账凭证。灵活授权按年授权20万/年不限项目数支持私有部署/公有云/混合云适配SQL Server/MySQL/Oracle提供定制化开发服务如对接客户现有CA认证系统。无缝集成提供Vue2/Vue3/React组件库、ASP.NET WebForm/.NET Core SDK文档覆盖“开箱即用”到“深度定制”含IE8兼容配置指南。如果贵司正在寻找“稳定、安全、可维护”的大文件传输方案我们可提供免费测试环境含10G文件上传/下载的DEMO支持IE8测试客户现场考察某省级电力集团的落地案例日均处理500100G文件传输定制化方案评审3个工作日内输出与贵司现有技术栈如OSS私有部署、信创环境的适配方案。期待与您合作共同解决“大文件传输”这一技术硬骨头联系人XXX 电话XXX-XXXX-XXXX 邮箱XXXXXX.com设置框架安装.NET Framework 4.7.2https://dotnet.microsoft.com/en-us/download/dotnet-framework/net472框架选择4.7.2添加3rd引用编译项目NOSQLNOSQL无需任何配置可直接访问页面进行测试SQL使用IIS大文件上传测试推荐使用IIS以获取更高性能。使用IIS Express小文件上传测试可以使用IIS Express创建数据库配置数据库连接信息检查数据库配置访问页面进行测试相关参考文件保存位置效果预览文件上传文件刷新续传支持离线保存文件进度在关闭浏览器刷新浏览器后进行不丢失仍然能够继续上传文件夹上传支持上传文件夹并保留层级结构同样支持进度信息离线保存刷新页面关闭页面重启系统不丢失上传进度。下载完整示例下载完整示例