ASP.NET设计网络硬盘之查看文件夹

原文：http://www.yesky.com/109/1945609_1.shtml

2005-05-11 14:51 作者： 李应伟 姚素霞 景丽 出处： 网弧教程 责任编辑：方舟

　　主界面设计

　　创建好工程和新项后，就要进行功能主界面的设计。为了使用户界面更为友好易用，就需要使用很多服务器控件。如图3所示的是设计好的功能界面图，下面将通过一系列步骤进行说明。

图3 “网络硬盘”主界面设计图

　　(1) 选择“视图”|“工具箱”命令，将打开“工具箱”对话框。

　　(2) 在“服务器资源管理器”中双击NetWorkDisk.aspx，在页面左下角选择“设计”命令。然后就可以对控件进行添加了。

　　(3) 选择“工具箱”|HTML命令，双击该目录下的Flow Layout Panel控件，按图3所示放置该对象，并在其中添加文字“网络硬盘—— 您的个人移动秘书”。

　　(4) 选择“工具箱”|“Web窗体”命令，双击该目录下的Label控件，右键单击生成的控件对象选择“属性”命令，对其属性进行设置：其中(ID)名称设为Info，(Text)属性设为空，(ForeColor)属性设为Red。

　　(5) 和步骤4类似，再添加3个Label控件，把其Text属性分别设置为“目录浏览”、“文件上传”和“目录新建”，其他属性项采用默认设置。

　　(6) 选择“工具箱”|“Web窗体”命令，双击该目录下的ListBox控件，对生成的控件对象属性进行设置：(ID)名称设为FileList，再按图3的位置放置。

　　(7) 添加两个Button类型的“Web窗体”控件，(ID)分别设置为BtnOpen和BtnDelete，(Text)属性分别设为“打开”和“删除”。

　　(8) 选择“工具箱”|HTML命令，双击该目录下的File Field控件，将其位置定位于“文件上传”之后。

　　(9) 新增一个TextBox类型的“Web窗体”控件，(ID)设置为NewDirName，位置位于“新建目录”之后。

　　(10) 如图3所示还需增加“上传”和“新增目录”两个Button控件，(ID)分设为BtnUpLoad和BtnNewDir。

　　(11) 新增两个CheckBox类型的“Web窗体”控件，(ID)分别设置为chkReadOnly和chkHidden，(Text)分别设为“只读”和“隐藏”。

　　注意：

　　上面完成了控件的添加和页面布置工作。为了使File Field控件对象能够正常工作，还需要在HTML代码中进行相关的设置。单击左下角的HTML按钮，找到＜form id= "WebForm1" method="post" runat="server"＞，将其修改为＜form id= "WebForm1" method="post" runat="server" EncType="multipart/form-data"＞，因为File Field控件只有在HtmlForm 的 Enctype属性设置为multipart/form-data时才起作用。

　　另外还要为File Field控件增加id标识。在HTML代码中找到：

＜INPUT runat="server" style="Z-INDEX: 107; LEFT: 131px; WIDTH: 490px; POSITION: absolute; TOP: 336px; HEIGHT: 22px" type="file" size="62"＞

　　将其修改为：

＜INPUT runat="server" style="Z-INDEX: 107; LEFT: 131px; WIDTH: 490px; POSITION: absolute; TOP: 336px; HEIGHT: 22px" type="file" size="62" id="WebFile" name="WebFile"＞

　　这样就就完成了主界面的设计工作。友好的界面风格必须得到相应的代码支持。下面马上就要转入后台程序的编码。

中间这里感觉断了，但按作者程序写，基本上也没有什么问题。后面我在贴完整的代码上来吧。

　　在介绍“网络硬盘”概念时已经提到，每个用户在“网络硬盘”上都有自己的一块空间。在下面程序设计中是这样处理的：为用户提供一个固定的文件夹，在这个文件夹下用户可以自己增加/删除新的文件夹或文件。如图1所示，首次打开网页时将列出该文件夹下的所有内容（包括文件和文件夹）。如果想进入下一级文件夹，可以选中该文件夹，单击“打开”按钮进入。下面将就查看文件夹内容功能的实现分步骤进行说明。

图1 用户主界面

　　1. 页面加载

　　由于程序所提供的用户目录是固定的，如c:/UserDir，而且要求在页面加载后显示该文件夹所有内容，所以需要在Page_Load中进行相应操作：首先要判断该文件夹是否存在，如果不存在需要先创建它；然后再列出该文件夹下的内容，其代码实现如下：

private void Page_Load(object sender, System.EventArgs e) { 　// 在此处放置用户代码以初始化页面 　if(Page.IsPostBack==false) 　{ 　　CurrentPath= @"c:/UserDir/"; //设置当前目录 　　if(Directory.Exists(@"c:/UserDir/")==false) //若该目录不存在，创建该目录 　　　Directory.CreateDirectory(@"c:/UserDir/"); 　　　LoadDir(CurrentPath); //初始化装入目录 　} }

　　LoadDir(string FullPath)方法用来列出该文件夹下的所有内容，其代码如下：

private void LoadDir(string FullPath) { 　CurrentPath=FullPath; 　ArrayList values = new ArrayList(); 　string [] MyFiles,MyDirs; 　MyFiles = Directory.GetFiles(FullPath); //得到该目录下所有文件 　if(CurrentPath!=@"c:/UserDir") //若不是顶级目录，增加“返回上级目录”选项 { 　　values.Add("返回上级目录"); 　} 　values.AddRange(MyFiles); //加入文件 　MyDirs= Directory.GetDirectories(FullPath); //得到该目录下所有目录 　values.AddRange(MyDirs); //加入目录 　FileList.DataSource=values; //设置数据源 　FileList.DataBind(); //绑定数据 }

　　首先要定义一个ArrayList数组对象values，用以存放顶级目录下的所有内容(包括文件夹名和文件名)。Directory.GetFiles()方法返回顶级目录下的所有文件名，其返回类型为一个string数组，故需要定义一个string类对象MyFiles来保存返回的文件名；Directory.GetDirectories()返回顶级目录下的所有文件夹名称，同样定义一个string数组对象MyDirs来保存它们。完成这些后就可以把MyFiles和MyDirs数组添加进values对象了。最后要做的只是为ListBox控件对象FileList添加数据源和绑定数据。有一点需要说明：如果当前目录不是顶级目录，则需要能返回到上级目录，为此需要在FileList中添加“返回上级目录”选项。

　　2. 多级目录查看

　　通过上一部分列出的两段代码，就可以完成在页面加载时列出顶级目录下的所有内容。当然列出顶级目录下的内容还是不够的，和Windows操作系统类似，网络硬盘中文件夹目录也是嵌套的，存在二级或者多级文件夹目录。为此要进行一些相应的处理，使得用户可以查看多级文件夹目录内容。前面界面设计中提供了一个“打开”按钮，用户选择相应的文件夹后，单击该按钮就可以查看该文件夹下的内容。

　　下面就为“打开”按钮添加代码。在“设计”面板中双击该按钮，系统就会自动为其添加事件，其代码内容如下：

private void btnOpen_Click(object sender, System.EventArgs e) { 　if(FileList.SelectedItem.Text=="返回上级目录") //返回上级目录 　{ 　　string ParentPath=Directory.GetParent(CurrentPath).ToString(); 　　LoadDir(ParentPath); 　　return; 　} 　else //打开目录 　{ 　　LoadDir(FileList.SelectedItem.Text); 　} }

　　程序首先判断用户选中的是不是“返回上级目录”。如果是的话，则要先通过Directory.GetParent()方法返回上级文件夹名称，然后再调用LoadDir()方法来显示该目录下的内容；如果用户选中的不是“返回上级目录”而是一个文件夹名称，则可以直接调用LoadDir()方法，FileList.SelectedItem.Text为选中的文件夹名，用来作为LoadDir()方法的参数。