企业官网建设流程全解析

北京XX软件公司大文件传输系统技术方案（第一人称视角）

一、技术选型与架构设计

作为项目负责人，我主导设计了基于公司现有技术栈的混合架构方案：

1. 传输层：采用WebSocket+Chunked分片传输（兼容IE8需额外处理）
2. 存储层：阿里云OSS+本地文件系统双存储（支持私有化部署）
3. 加密层：动态密钥管理+SM4/AES可配置加密
4. 前端适配：Vue2/Vue3/React三框架兼容层
5. 后端服务：ASP.NET WebForm（兼容）+ .NET Core双模式

二、核心功能实现方案

1. 断点续传实现（后端C#示例）

// 文件分片接收控制器（.NET Core）[ApiController][Route("api/upload")]publicclassFileUploadController:ControllerBase{privatereadonlyIFileStorageService_storageService;[HttpPost("chunk")]publicasyncTaskUploadChunk([FromForm]IFormFilefileChunk,[FromForm]stringfileId,[FromForm]intchunkIndex,[FromForm]inttotalChunks){try{// 存储分片到临时目录vartempPath=Path.Combine("temp",fileId);Directory.CreateDirectory(tempPath);varchunkPath=Path.Combine(tempPath,$"{chunkIndex}.part");using(varstream=newFileStream(chunkPath,FileMode.Create)){awaitfileChunk.CopyToAsync(stream);}// 更新数据库记录（SQL Server示例）await_storageService.UpdateChunkStatus(fileId,chunkIndex,totalChunks,Request.Host.Host);returnOk(new{success=true});}catch(Exceptionex){returnStatusCode(500,new{error=ex.Message});}}}

2. 前端兼容层实现（Vue2示例）

// 文件上传组件（兼容IE8的polyfill方案）exportdefault{data(){return{fileId:'',chunkSize:5*1024*1024,// 5MB分片supported:!!window.FileReader&&!!window.FormData}},methods:{asyncuploadFile(file){if(!this.supported){// IE8降级处理this.legacyUpload(file);return;}this.fileId=this.generateFileId();consttotalChunks=Math.ceil(file.size/this.chunkSize);// 初始化数据库记录（通过API）awaitthis.$api.initUpload({fileName:file.name,totalSize:file.size,totalChunks,md5:awaitthis.calculateMD5(file)// 使用spark-md5库});// 分片上传for(leti=0;i<totalChunks;i++){conststart=i*this.chunkSize;constend=Math.min(start+this.chunkSize,file.size);constchunk=file.slice(start,end);constformData=newFormData();formData.append('fileChunk',chunk);formData.append('fileId',this.fileId);formData.append('chunkIndex',i);formData.append('totalChunks',totalChunks);try{awaitthis.$http.post('/api/upload/chunk',formData,{onUploadProgress:this.updateProgress});}catch(error){// 自动重试机制if(i>0)i--;}}},// IE8兼容上传（使用iframe+form方式）legacyUpload(file){constform=document.createElement('form');// ...传统表单上传实现}}}

3. 加密传输实现方案

// 加密服务类（SM4实现示例）publicclassSm4EncryptionService:IEncryptionService{privatereadonlybyte[]_key;privatereadonlybyte[]_iv;publicSm4EncryptionService(stringkey){// 从配置读取密钥（需符合国密规范）_key=HexStringToByteArray(key.PadRight(32,'0').Substring(0,32));_iv=newbyte[16];// SM4 CBC模式IV}publicbyte[]Encrypt(byte[]plainText){using(varsm4=Sm4.CreateEncryptor(_key,_iv)){returnsm4.TransformFinalBlock(plainText,0,plainText.Length);}}// AES实现类似，通过接口动态切换}

三、关键问题解决方案

1. 文件夹传输方案：

   • 前端递归读取文件夹结构生成JSON元数据
   • 将元数据与文件分片关联存储
   • 下载时先恢复目录结构再逐个解密文件

2. 高并发下载优化：

# 反向代理配置示例（Nginx） location /download/ { proxy_buffering off; aio on; directio 4m; output_buffers 1 256k; sendfile on; tcp_nopush on; }

3. IE8兼容方案：
   • 使用jQuery + Flash上传组件作为降级方案
   • 通过User-Agent检测自动切换上传方式
   • 对CSS/JS进行ES3兼容性转换

四、供应商合作要求

根据公司采购规范，我们需要供应商提供：

1. 近3年5个央企/国企成功案例（需提供合同首页+盖章页）
2. 软件著作权证书（扫描件需加盖公章）
3. 信创环境认证（麒麟/统信UOS兼容认证）
4. 银行转账凭证（可脱敏处理）
5. 营业执照副本（加盖公章）
6. 法人身份证复印件（加盖公章）

五、预算与授权方案

建议采用：

• 年费授权模式：18万元/年（含5x8技术支持）
• 无限项目授权：部署数量不限制
• 定制开发服务：首年包含20人天免费定制
• 信创适配包：免费提供麒麟/统信UOS适配版本

六、实施路线图

1. POC阶段（2周）：

   • 核心功能验证（分片上传/断点续传）
   • 加密传输测试
   • IE8兼容性验证

2. 开发阶段（6周）：

   • 完整业务流程集成
   • 多浏览器兼容开发
   • 私有云部署适配

3. 测试阶段（2周）：

   • 压力测试（100+并发上传）
   • 兼容性测试（全浏览器矩阵）
   • 安全渗透测试

4. 上线阶段（1周）：

   • 生产环境部署
   • 用户培训
   • 运维文档交接

该方案已通过技术委员会评审，可满足公司现有200+项目的集成需求，预计可降低授权成本60%以上，同时提升大文件传输稳定性至99.99%。下一步将启动供应商技术对接和POC环境搭建工作。

设置框架

安装.NET Framework 4.7.2
https://dotnet.microsoft.com/en-us/download/dotnet-framework/net472
框架选择4.7.2

添加3rd引用

编译项目

NOSQL

NOSQL无需任何配置可直接访问页面进行测试

SQL

使用IIS
大文件上传测试推荐使用IIS以获取更高性能。

使用IIS Express

小文件上传测试可以使用IIS Express

创建数据库

配置数据库连接信息

检查数据库配置

访问页面进行测试

相关参考：
文件保存位置，

效果预览

文件上传

文件刷新续传

支持离线保存文件进度，在关闭浏览器，刷新浏览器后进行不丢失，仍然能够继续上传

文件夹上传

支持上传文件夹并保留层级结构，同样支持进度信息离线保存，刷新页面，关闭页面，重启系统不丢失上传进度。

批量下载

支持文件批量下载

下载续传

文件下载支持离线保存进度信息，刷新页面，关闭页面，重启系统均不会丢失进度信息。

文件夹下载

支持下载文件夹，并保留层级结构，不打包，不占用服务器资源。

下载示例

下载完整示例