实例开发:ASP.NET创建网络相册_.Net教程
推荐:“黑盒测试管理”以外的编程经验片断除了很好地进行“黑盒测试管理”,个人觉得下述更值得用功;毕竟“前除后略”! 1、架构和算法的可行性测试分析:主要包括性能、并发等方面 2、CodeReview:很简单,但
在现在的数码时代,我们会经常拍摄一些相片以供留念,而随着数码照片的增多,往往需要很好地管理这些照片,以便更好地查阅留念。现在网上有不少的电子相册,都能很好的实现这些功能,那我们能否自己动手创建自己的相册呢?当然可以,在这篇文章中,我们将利用ASP.net,来创建一个简单的在线相册,以收藏我们的照片。
首先来看下,这个相册有哪些功能。在这个相册中,我们必须先把预先摄影好的照片放到一个目录下去,之后,可以供在网上使用“上一张,下一张”的链接一张张地查看。
下面先介绍如何获得文件夹中的图片。我们可以使用System.IO命名空间中的DirectoryInfo类来实现。将文件夹所在的路径做为参数传递到该类的构造函数中,并声明一个DirectoryInfo类的实例。DirectoryInfo类中有一个GetFiles()的方法,会返回FileInfo的对象数组,而每一个FileInfo的实例将包含指定路径下文件的具体信息。下面的代码片段说明了该过程:
以下为引用的内容: Sub Page_Load(sender as Object, e as EventArgs) End Sub |
其中,用Server.mappath获得当前目录的路径,而dirinfo.getfiles()将会返回该目录下的所有文件。而由于我们的是相册,只需要看到比如JPG,BMP,GIF等图象文件,所以我们可以通过程序实现,只装载这些类型的文件,这通过一个自定义的过程FilterForImages来实现,该过程将只返回指定文件夹中图象类型的文件。代码如下:
以下为引用的内容: Function FilterForImages(images() as FileInfo) as FileInfo() Dim i as Integer Return CType(newImages.ToArray(GetType(FileInfo)), FileInfo()) |
该过程对于传递进来的FileInfo参数数组进行遍历,对文件夹中的文件的后缀名进行叛断,如果属于图象文件,则添加到newimages数组中去,并以arraylist形式返回。
接下来,我们看下如何显示每一张图片,并以“上一张,下一张”来显示。为了知道当前浏览的是第几张图片,可以通过使用传递参数的方法来实现。先往窗体中添加一个image控件和文本框,程序代码如下:
Sub Page_Load(sender as Object, e as EventArgs)
...
' Dim imgIndex as Integer = 0
If Not Request.QueryString("N") is Nothing AndAlso _
IsNumeric(Request.QueryString("N")) then
imgIndex = CInt(Request.QueryString("N"))
End If
currentImgTitle.Text = "You are Viewing: " & _
Path.GetFileNameWithoutExtension(images(imgIndex).Name) & _
" (" & imgIndex 1 & " of " & images.Length & ")"
currentImg.ImageUrl = Path.GetFileName(images(imgIndex).Name)
...
End Sub
HTML部分代码
<ASP:Label runat="server" id="currentImgTitle" /><br />
<asp:Image runat="server" id="currentImg" />
在上面的代码中,使用变量imgindex来表示当前浏览的是第几张图片,刚开始时候N=0,则获得images数组中的第一个变量,也即第一张图片,之后每次读取该变量值,则可以知道当前浏览的是第几张图片。
而为了实现“下一张,上一张”的功能,往窗体增加两个HyPerlink链接控件,并添加以下代码
以下为引用的内容: Sub Page_Load(sender as Object, e as EventArgs) If imgIndex > 0 then If imgIndex < images.Length - 1 then |
HTML 部分代码
以下为引用的内容: <asp:HyperLink runat="server" id="lnkPrev" Text="< Previous" /> | |
上面代码比较容易理解,当点下一张,上一张的链接时,参数N的值加1,或者减1。
最后,为了实现比较直观的效果,我们放置一个datalist控件,其中显示图象文件夹下的所有文件,每当浏览一张新的图片时,则将当前正在浏览的图片的名称以链接的形式加亮显示,代码如下:
以下为引用的内容: Sub Page_Load(sender as Object, e as EventArgs) dlIndex.DataSource = images Sub dlIndex_ItemDataBound(sender as Object, e as DataListItemEventArgs) 'Set the Text and Navigation properties |
HTML部分代码
以下为引用的内容: <asp:DataList runat="server" id="dlIndex" OnItemDataBound="dlIndex_ItemDataBound" |
在上面的代码中,在DATALIST的onitemdatabound事件中,首先判断当前触发的项目是否是列表项listitemtype或者是交替项AlternatingItem,如果是的话,则动态生成链接hl,设置hl的值为当前正在浏览图象的文件名,并且注明了文件的大小,设置其链接的地址为当前浏览图象的地址,这样,用户可以直接点要浏览的图片了,不一要通过上一张,下一张的链接来实现。
最后给出运行的一个例子和全部代码:
以下为引用的内容: <%@ Import Namespace="System.IO" %> Dim imgIndex as Integer = 0 If Not Request.QueryString("N") is Nothing AndAlso IsNumeric(Request.QueryString("N")) then currentImgTitle.Text = "You are Viewing: " & _ If imgIndex > 0 then If imgIndex < images.Length - 1 then dlIndex.DataSource = images Function FilterForImages(images() as FileInfo) as FileInfo() Dim i as Integer Return CType(newImages.ToArray(GetType(FileInfo)), FileInfo()) Sub dlIndex_ItemDataBound(sender as Object, e as DataListItemEventArgs) hl.Text = Path.GetFileNameWithoutExtension(DataBinder.Eval(e.Item.DataItem, "Name").ToString()) & _ <HTML> <center> |
分享:Asp.Net2.0技巧(续)1. 在开发web控件时,如果控件必须放在服务器端的form内,可以通过Page.VerifyRenderingInServerForm(Control) 方法来保证。 2. 使用Control类的ResolveClientUrl(string)方法可以将类似&
- asp.net如何得到GRIDVIEW中某行某列值的方法
- .net SMTP发送Email实例(可带附件)
- js实现广告漂浮效果的小例子
- asp.net Repeater 数据绑定的具体实现
- Asp.Net 无刷新文件上传并显示进度条的实现方法及思路
- Asp.net获取客户端IP常见代码存在的伪造IP问题探讨
- VS2010 水晶报表的使用方法
- ASP.NET中操作SQL数据库(连接字符串的配置及获取)
- asp.net页面传值测试实例代码
- DataGridView - DataGridViewCheckBoxCell的使用介绍
- asp.net中javascript的引用(直接引入和间接引入)
- 三层+存储过程实现分页示例代码
- 相关链接:
- 教程说明:
.Net教程-实例开发:ASP.NET创建网络相册。