src="http://media.yesky.com/adjs/iframe-column/dell-240200.htm" frameborder="0" width="240" scrolling="no" height="200">
图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. 页面加载
由于程序所提供的用户目录是固定的,如c:/UserDir,而且要求在页面加载后显示该文件夹所有内容,所以需要在Page_Load中进行相应操作:首先要判断该文件夹是否存在,如果不存在需要先创建它;然后再列出该文件夹下的内容,其代码实现如下:
LoadDir(string FullPath)方法用来列出该文件夹下的所有内容,其代码如下:
首先要定义一个ArrayList数组对象values,用以存放顶级目录下的所有内容(包括文件夹名和文件名)。Directory.GetFiles()方法返回顶级目录下的所有文件名,其返回类型为一个string数组,故需要定义一个string类对象MyFiles来保存返回的文件名;Directory.GetDirectories()返回顶级目录下的所有文件夹名称,同样定义一个string数组对象MyDirs来保存它们。完成这些后就可以把MyFiles和MyDirs数组添加进values对象了。最后要做的只是为ListBox控件对象FileList添加数据源和绑定数据。有一点需要说明:如果当前目录不是顶级目录,则需要能返回到上级目录,为此需要在FileList中添加“返回上级目录”选项。
2. 多级目录查看
通过上一部分列出的两段代码,就可以完成在页面加载时列出顶级目录下的所有内容。当然列出顶级目录下的内容还是不够的,和Windows 操作系统类似,网络硬盘中文件夹目录也是嵌套的,存在二级或者多级文件夹目录。为此要进行一些相应的处理,使得用户可以查看多级文件夹目录内容。前面界面设计中提供了一个“打开”按钮,用户选择相应的文件夹后,单击该按钮就可以查看该文件夹下的内容。
下面就为“打开”按钮添加代码。在“设计”面板中双击该按钮,系统就会自动为其添加事件,其代码内容如下:
程序首先判断用户选中的是不是“返回上级目录”。如果是的话,则要先通过Directory.GetParent()方法返回上级文件夹名称,然后再调用LoadDir()方法来显示该目录下的内容;如果用户选中的不是“返回上级目录”而是一个文件夹名称,则可以直接调用LoadDir()方法,FileList.SelectedItem.Text为选中的文件夹名,用来作为LoadDir()方法的参数。
图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()方法的参数。