ASP.NET设计网络硬盘之查看文件夹实现代码

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

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

  新工程创建

  新工程创建的步骤如下:

  (1) 打开MicroSoft Visual Studio.NET应用程序。

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


图1 新建项目设置

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

  (4) 选择“项目”|“添加新项”命令,将打开“添加新项”对话框。在右边“模板”中选择“Web窗体”,并将左下角名称更名为NetWorkDisk.aspx。单击“打开”按钮完成新项的添加,如图16-2所示。


图2 “添加新项”对话框

  主界面设计

  创建好工程和新项后,就要进行功能主界面的设计。为了使用户界面更为友好易用,就需要使用很多服务器控件。如图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">
  这样就就完成了主界面的设计工作。友好的界面风格必须得到相应的代码支持。下面马上就要转入后台程序的编码。

(0)

相关推荐

  • ASP.NET设计网络硬盘之两重要类代码

    System.IO.File类和System.IO.FileInfo类 在设计和实现"网络硬盘"的过程中,将大量地使用和文件系统操作相关的内容.故本节先对和文件系统相关的两个.NET类进行简要介绍. System.IO.File类和System.IO.FileInfo类主要提供有关文件的各种操作,在使用时需要引用System.IO命名空间.下面通过程序实例来介绍其主要属性和方法. (1) 文件打开方法:File.Open 该方法的声明如下: public static FileStre

  • ASP.NET设计网络硬盘之下载或在线查看实现代码

    在目录浏览中,如果选择的是一个文件,单击"打开"按钮就可以进行文件下载.当然,也可以选择直接打开,如图1所示. 图1 下载和在线打开界面 单击"打开"按钮将直接打开该文件,单击"保存"按钮可以下载该文件. 代码实现 打开文件所单击的还是"打开"按钮,所以要在"打开"事件中加以判断,看选中的是文件夹还是文件.故对btnOpen_Click()事件进行了修改,下面加重部分为新增的代码: 复制代码 代码如下: p

  • asp.net 网络硬盘实现分析

    所谓"网络硬盘",就是将服务器的磁盘空间提供给用户使用,用户可以通过它在互联网上实现文件的上传,下载和删除以及文件夹的创建与删除.并可以通过共享文件实现文件的网络共享.  实际要求是在客户端完成对服务器系统文件或文件夹的访问,创建和删除等功能. 网络硬盘的功能要求: ● 用户登录.注销.用户注册 ● 新建文件夹.上传文件 ● 查看文件属性(包括:名称,所在目录,类型,大小,创建时间) ● 删除文件 ● 更换文件图标(分为大图标和小图标) ● 通过搜索找到自己的文件并可以下载 进入时需有

  • ASP.NET设计网络硬盘之上传文件实现代码

    1.界面布置 这部分功能涉及到的控件主要有两个:一个是(ID)为WebFile的File Field控件,用来浏览上传文件路径:另一个是(ID)为btnUpLoad的上传按钮,单击它完成文件上传. 2.代码实现 在"设计"面板中双击btnUpLoad按钮,为其添加事件处理,其代码如下所示: 复制代码 代码如下: private void BtnUpload_Click(object sender, System.EventArgs e) { if(WebFile.PostedFile.

  • ASP.NET设计网络硬盘之文件夹实现

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

  • ASP.NET设计网络硬盘之删除文件夹实现代码

    界面布置 主界面设计中有个"删除"按钮,其(ID)为btnDelete.用户在目录浏览中选中要删除的项后,单击该按钮就可以完成删除工作. 代码实现 在"设计"面板中双击"删除"按钮,为其添加事件处理程序如下: 复制代码 代码如下: private void BtnDelete_Click(object sender, System.EventArgs e) { DeleteThings(FileList.SelectedItem.Text); }

  • Asp.net mvc实时生成缩率图到硬盘

    对于缩率图的处理是在图片上传到服务器之后,同步生成两张不同尺寸的缩率供前端调用,刚开始还能满足需求,慢慢的随着前端展示的多样化,缩率图已不能前端展示的需求,所以考虑做一个实时生成图片缩率图服务. 每次调用实时生成缩率图,不缓存着实有点浪费,所以在生成缩率的同时缓存到硬盘一份,效率提高很多. 之前从网上看了一下有人用nginx + lua实现的,效率那是没什么可说的,但是时间紧迫,自己也没时间去研究,所以暂时先用aps.net mvc4来实现 一个,以后有时间了,再慢慢修改. 用自己熟悉的.net

  • ASP.NET+XML打造网络硬盘原理分析

    常用传输方式及其在特定环境下面临的困难 我们经常有这样的应用需求:通过网络交换公共数据文件以实现资源共享,同时保护私有数据不被非法访问,并使用简单.直观的方式操作.我们常用的文件传输FTP.Email邮件.网上邻居都能实现文件的传送.其中,"Ftp"功能最为强大,但使用起来却稍显复杂,一大堆设置足以让许多人望而止步,尤其用户数量不可预见时,针对特殊需求用户的设置将更加繁琐:"Email"是大家所熟悉的了,但它的传送不仅需要你连入Internet,而且它的安全性也是个

  • ASP.NET设计网络硬盘之查看文件夹实现代码

    就像操作本地的计算机一样,需要为每个网络用户提供各自的一块硬盘空间,用户登录后便可以对自己的空间进行管理.管理是多方面的,首先用户应该能看到自己文件夹下的所有内容,另外需要提供多级文件夹目录的支持. 下面要介绍的实例包括"网上硬盘"的许多功能,将一步步为大家进行介绍.首先创建工程实例,然后进行主界面的设计,最后对各个功能的实现分别进行介绍. 新工程创建 新工程创建的步骤如下: (1) 打开MicroSoft Visual Studio.NET应用程序. (2) 选择"文件&q

  • Linux du命令查看文件夹大小并按降序排列

    1. df -lh 2. du -s /usr/* | sort -rn 这是按字节排序 3. du -sh /usr/* | sort -rn 这是按兆(M)来排序 4.选出排在前面的10个 du -s /usr/* | sort -rn | head 5.选出排在后面的10个 du -s /usr/* | sort -rn | tail du -h –-max-depth=0 user du -sh –-max-depth=2 | more 总结du常用命令 du -h --max-dept

  • Android查看文件夹大小以及删除文件夹的工具类

    在开发中当程序发生ANR或者异常,我们会将信息存在本地,然后上传服务器,这样可以实时去发现问题修改问题. 那我们需要获取文件之后需要对文件进行删除等操作,下面是写的一个工具类,用于查看文件夹大小以及删除文件夹. import android.text.TextUtils; import java.io.File; import java.math.BigDecimal; public class StorageCleanUtils { /** * 获取文件夹大小(递归) * * @param f

  • ASP.NET MVC为用户创建专属文件夹

    假设需要为用户创建专属文件夹,文件夹名为用户名,并且需要根据用户类型在不同的文件夹下创建目标文件夹. 在F盘创建"Users"文件夹,在其中创建"Gold"文件夹,用来归类"金牌会员",创建"Silver",用来归类"银牌会员". 关于用户的Model. using System.ComponentModel.DataAnnotations; namespace MvcApplication1.Models

  • Node.js查找当前目录下文件夹实例代码

    整理文档,搜刮出Node.js查找当前目录下文件夹实例代码,稍微整理精简一下做下分享. var http = require("http"); var fs = require("fs"); var server = http.createServer(function (req,res) { //不处理收藏夹小图标 if(req.url == "/favicon.ico"){ return; } //files是文件名的数组 表示text这个文

随机推荐