ASP.NET在線文件管理模塊的設(shè)計(jì)與開發(fā)
在線文件管理模塊功能及應(yīng)用:
現(xiàn)代企業(yè)級(jí)開發(fā)中,在線文檔管理是必不可少模塊之一,本例所講在線文檔管理模塊包括了文件上傳到服務(wù)器上、文件瀏覽、重命名、移動(dòng)、復(fù)制、刪除、新建文件夾、壓縮、解壓縮、在線編輯等多種常用操作,適用于無紙化辦公OA、ERP、CRM、項(xiàng)目管理、文件管理(網(wǎng)盤)、主機(jī)管理等多種場(chǎng)合。
在線文件管理模塊特點(diǎn):
全靜態(tài)頁面、執(zhí)行效率高;使用AJAX技術(shù),用戶體驗(yàn)好;界面美觀,全新的對(duì)話框;操作簡(jiǎn)便,一個(gè)頁面完成所有操作;純DIV布局,代碼簡(jiǎn)便控制,難度高;純手工代碼,功能擴(kuò)展容易;拋棄傳統(tǒng)“拖控件”做法,真正意義上的提高;項(xiàng)目結(jié)構(gòu)簡(jiǎn)單,易于融入任何系統(tǒng);
在線文件管理模塊展示:
在線文件管理模塊實(shí)現(xiàn)技能點(diǎn):
自定義AJAX操作,AJAX-tree,AJAX-Dialog;DIV布局技術(shù);HttpHandler技術(shù);JSON技術(shù);IO操作技術(shù);在線文本編輯技術(shù);在線壓縮技術(shù)
在線文件管理模塊具體實(shí)現(xiàn)過程:
搭建項(xiàng)目層次如圖
CSS: 存放整站樣式文件
JS:存放全部JS文件
UpFiles:存放上傳的文件
WebExplorer.html: 唯一的界面
MyWebExplorer.ashx:一般處理程序,用來處理HTTP請(qǐng)求
DownloadFile.cs:下載文件操作類
ZipClass.cs:壓縮文件操作類
fckeditor:在線文本編輯器
目錄結(jié)構(gòu)如下:
在線文件管理-樹-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();
- }
關(guān)于在線文件管理-樹-Tree.js的幾點(diǎn)解說:
ClearCurrentStatus:清除當(dāng)前節(jié)點(diǎn)狀態(tài)
GotoParentNode:返回上級(jí)節(jié)點(diǎn)
SetCurrentStatus:設(shè)置當(dāng)前節(jié)點(diǎn)狀態(tài)
CreateChildren:創(chuàng)建子節(jié)點(diǎn)
Refersh:刷新
createImage:創(chuàng)建圖片
createFileView:創(chuàng)建文件展現(xiàn)方式
clickDirectory:點(diǎn)擊目錄操作
完整代碼已經(jīng)提供,記得點(diǎn)一下推薦哦。/Files/0771bc/在線文件管理模塊最終代碼.rar
原文鏈接:http://www.cnblogs.com/0771bc/archive/2012/08/18/2645719.html
【編輯推薦】