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

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

　　就像操作本地的计算机一样 需要为每个网络用户提供各自的一块硬盘空间 用户登录后便可以对自己的空间进行管理 管理是多方面的 首先用户应该能看到自己文件夹下的所有内容 另外需要提供多级文件夹目录的支持 　　　　下面要介绍的实例包括 网上硬盘 的许多功能 将一步步为大家进行介绍 首先创建工程实例 然后进行主界面的设计 最后对各个功能的实现分别进行介绍 　　　　 新工程创建　　　　新工程创建的步骤如下 　　　　( ) 打开MicroSoft Visual Studio NET应用程序 　　　　( ) 选择 文件 | 新建 | 项目 命令 将打开 新建项目 对话框 如图 所示 进行以下选择和设置 在 项目类型 中选择 Visual C#项目 随后在右边 模板 中选择 ASP NET Web应用程序 然后把对话框下面显示的位置改//localhost/WebDisk 单击 确定 按钮完成新项目创建 　　 　 　　 图 新建项目设置 　　　　( ) 工程创建完后 将直接打开一个创建好的Web页面 名称为WebForm aspx 选择 视图 | 解决方案资源管理器 命令 将打开 解决方案资源管理器 对话框 在这里可以对工程的所有资源进行统一管理 并可以看到刚才已经提到的WebForm aspx 　　　　( ) 选择 项目 | 添加新项 命令 将打开 添加新项 对话框 在右边 模板 中选择 Web窗体 并将左下角名称更名为NetWorkDisk aspx 单击 打开 按钮完成新项的添加 如图 所示 　　 　 　　 图 添加新项 对话框 　　　　 主界面设计　　　　创建好工程和新项后 就要进行功能主界面的设计 为了使用户界面更为友好易用 就需要使用很多服务器控件 如图 所示的是设计好的功能界面图 下面将通过一系列步骤进行说明 　　 　　 图 网络硬盘 主界面设计图 　　　　( ) 选择 视图 | 工具箱 命令 将打开 工具箱 对话框 　　　　( ) 在 服务器资源管理器 中双击NetWorkDisk aspx 在页面左下角选择 设计 命令 然后就可以对控件进行添加了 　　　　( ) 选择 工具箱 |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)分别设置为cReadOnly和cHidden (Text)分别设为 只读 和 隐藏 　　　　注意 　　　　上面完成了控件的添加和页面布置工作 为了使File Field控件对象能够正常工作 还需要在HTML代码中进行相关的设置 单击左下角的HTML按钮 找到＜form id= WebForm method= post runat= server ＞ 将其修改为＜form id= WebForm method= post runat= server EncType= multipart/form data ＞ 因为File Field控件只有在HtmlForm 的 Enctype属性设置为multipart/form data时才起作用 　　　　另外还要为File Field控件增加id标识 在HTML代码中找到 　　　　＜INPUT runat= server type= file size= ＞　　　　将其修改为 　　　　＜INPUT runat= server type= file size= id= WebFile name= WebFile ＞　　　　这样就就完成了主界面的设计工作 友好的界面风格必须得到相应的代码支持 下面马上就要转入后台程序的编码 lishixinzhi/Article/program/net/201311/13156