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

就像操作本地的计算机一样需要为每个网络用户提供各自的一块硬盘空间用户登录后便可以对自己的空间进行管理管理是多方面的首先用户应该能看到自己文件夹下的所有内容另外需要提供多级文件夹目录的支持

下面要介绍的实例包括网上硬盘的许多功能将一步步为大家进行介绍首先创建工程实例然后进行主界面的设计最后对各个功能的实现分别进行介绍

新工程创建

新工程创建的步骤如下

() 打开MicroSoft Visual StudioNET应用程序

() 选择文件|新建|项目命令将打开新建项目对话框如图所示进行以下选择和设置在项目类型中选择Visual C#项目随后在右边模板中选择ASPNET Web应用程序然后把对话框下面显示的位置改//localhost/WebDisk单击确定按钮完成新项目创建

() 工程创建完后将直接打开一个创建好的Web页面名称为WebFormaspx选择视图|解决方案资源管理器命令将打开解决方案资源管理器对话框在这里可以对工程的所有资源进行统一管理并可以看到刚才已经提到的WebFormaspx

() 选择项目|添加新项命令将打开添加新项对话框在右边模板中选择Web窗体并将左下角名称更名为NetWorkDiskaspx单击打开按钮完成新项的添加如图所示

主界面设计

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

() 选择视图|工具箱命令将打开工具箱对话框

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

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

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

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

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

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

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

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

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

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

注意

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

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

＜INPUT runat=server type=file size=＞

将其修改为

＜INPUT runat=server type=file size= id=WebFile name=WebFile＞

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