ASP.NET在线文件管理模块的设计与开发

在线文件管理模块功能及应用:

站在用户的角度思考问题,与客户深入沟通,找到镇原网站设计与镇原网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:成都网站设计、网站制作、企业官网、英文网站、手机端网站、网站推广、国际域名空间、雅安服务器托管、企业邮箱。业务覆盖镇原地区。

现代企业级开发中,在线文档管理是必不可少模块之一,本例所讲在线文档管理模块包括了文件上传到服务器上、文件浏览、重命名、移动、复制、删除、新建文件夹、压缩、解压缩、在线编辑等多种常用操作,适用于无纸化办公OA、ERP、CRM、项目管理、文件管理(网盘)、主机管理等多种场合。

在线文件管理模块特点:

全静态页面、执行效率高;使用AJAX技术,用户体验好;界面美观,全新的对话框;操作简便,一个页面完成所有操作;纯DIV布局,代码简便控制,难度高;纯手工代码,功能扩展容易;抛弃传统“拖控件”做法,真正意义上的提高;项目结构简单,易于融入任何系统;

在线文件管理模块展示:

在线文件管理模块实现技能点:

自定义AJAX操作,AJAX-tree,AJAX-Dialog;DIV布局技术;HttpHandler技术;JSON技术;IO操作技术;在线文本编辑技术;在线压缩技术

在线文件管理模块具体实现过程:

搭建项目层次如图

CSS:  存放整站样式文件

JS:存放全部JS文件

UpFiles:存放上传的文件

WebExplorer.html:  唯一的界面

MyWebExplorer.ashx:一般处理程序,用来处理HTTP请求

DownloadFile.cs:下载文件操作类

ZipClass.cs:压缩文件操作类

fckeditor:在线文本编辑器

目录结构如下:

在线文件管理-树-Ajax.js

 
 
 
 
  1. function getHttpRequest()  
  2. {  
  3. httpRequest = new XMLHttpRequest();  
  4. httpRequest = new ActiveXObject("Msxml2.XMLHTTP");  
  5. }  
  6.  
  7. function executeHttpRequest(method, url, data)  
  8. {  
  9.     var xmlHttp = getHttpRequest();  
  10.     xmlHttp.open(method, url, false);  
  11.     xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");  
  12.     xmlHttp.send(data);  
  13.     return xmlHttp.responseText;  
  14. }   
  15.  
  16. function TreeNode()  
  17. {  
  18.     var self = this;  
  19.     var fileContainer = $(fileDivID);  
  20.     ……    ……          
  21.      this.childArea = createDiv();  
  22.      this.childArea.style.display = "none";  
  23.      this.container.appendChild(this.childArea);  
  24.     }   
  25.  
  26. this.clickNode = function()  
  27.     {  
  28.         self.ClearCurrentStatus();  
  29.         currentNode = self;  
  30.         self.SetCurrentStatus();  
  31.         self.CreateChildren();  
  32.     } 

关于在线文件管理-树-Tree.js的几点解说:

ClearCurrentStatus:清除当前节点状态

GotoParentNode:返回上级节点

SetCurrentStatus:设置当前节点状态

CreateChildren:创建子节点

Refersh:刷新

createImage:创建图片

createFileView:创建文件展现方式

clickDirectory:点击目录操作

完整代码已经提供,记得点一下推荐哦。/Files/0771bc/在线文件管理模块最终代码.rar

文章题目:ASP.NET在线文件管理模块的设计与开发
浏览路径:http://www.shufengxianlan.com/qtweb/news12/125412.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联