在線文件管理模塊功能及應用:

現(xiàn)代企業(yè)級開發(fā)中，在線文檔管理是必不可少模塊之一，本例所講在線文檔管理模塊包括了文件上傳到服務器上、文件瀏覽、重命名、移動、復制、刪除、新建文件夾、壓縮、解壓縮、在線編輯等多種常用操作，適用于無紙化辦公OA、ERP、CRM、項目管理、文件管理（網(wǎng)盤）、主機管理等多種場合。

在線文件管理模塊特點:

全靜態(tài)頁面、執(zhí)行效率高；使用AJAX技術，用戶體驗好；界面美觀，全新的對話框；操作簡便，一個頁面完成所有操作；純DIV布局，代碼簡便控制，難度高；純手工代碼，功能擴展容易；拋棄傳統(tǒng)“拖控件”做法，真正意義上的提高；項目結(jié)構簡單，易于融入任何系統(tǒng)；

在線文件管理模塊展示：

在線文件管理模塊實現(xiàn)技能點:

自定義AJAX操作，AJAX-tree，AJAX-Dialog；DIV布局技術；HttpHandler技術；JSON技術；IO操作技術；在線文本編輯技術；在線壓縮技術

在線文件管理模塊具體實現(xiàn)過程：

搭建項目層次如圖

CSS：  存放整站樣式文件

JS:存放全部JS文件

UpFiles：存放上傳的文件

WebExplorer.html：  唯一的界面

MyWebExplorer.ashx：一般處理程序，用來處理HTTP請求

DownloadFile.cs：下載文件操作類

ZipClass.cs：壓縮文件操作類

fckeditor：在線文本編輯器

目錄結(jié)構如下:

在線文件管理-樹-Ajax.js

function getHttpRequest()  
{  
httpRequest = new XMLHttpRequest();  
httpRequest = new ActiveXObject("Msxml2.XMLHTTP");  
}  
 
function executeHttpRequest(method, url, data)  
{  
    var xmlHttp = getHttpRequest();  
    xmlHttp.open(method, url, false);  
    xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");  
    xmlHttp.send(data);  
    return xmlHttp.responseText;  
}   
 
function TreeNode()  
{  
    var self = this;  
    var fileContainer = $(fileDivID);  
    ……    ……          
     this.childArea = createDiv();  
     this.childArea.style.display = "none";  
     this.container.appendChild(this.childArea);  
    }   
 
this.clickNode = function()  
    {  
        self.ClearCurrentStatus();  
        currentNode = self;  
        self.SetCurrentStatus();  
        self.CreateChildren();  
    } 

關于在線文件管理-樹-Tree.js的幾點解說:

ClearCurrentStatus：清除當前節(jié)點狀態(tài)

GotoParentNode：返回上級節(jié)點

SetCurrentStatus：設置當前節(jié)點狀態(tài)

CreateChildren：創(chuàng)建子節(jié)點

Refersh：刷新

createImage：創(chuàng)建圖片

createFileView：創(chuàng)建文件展現(xiàn)方式

clickDirectory：點擊目錄操作

完整代碼已經(jīng)提供，記得點一下推薦哦。/Files/0771bc/在線文件管理模塊最終代碼.rar

原文鏈接：http://www.cnblogs.com/0771bc/archive/2012/08/18/2645719.html

【編輯推薦】

1. ASP.NET應用程序與頁面生命周期
2. ASP.NET操作Excel（終極方法NPOI）
3. 各自為政：ASP.NET實現(xiàn)團隊分工的思考
4. ASP.NET MVC涉及到的5個同步與異步
5. ASP.NET Cache的一些總結(jié)