实例开发:ASP.NET创建网络相册_.Net教程

教程Tag：暂无Tag,欢迎添加,赚取U币!

缂傚倸鍊搁崐鎼佸磹妞嬪海鐭嗗ù锝堫嚉濞差亝鏅濋柛灞炬皑閸旂數绱撴担鎻掍壕闂佺浜顤獵MS闂傚倷娴囧畷鐢稿窗閹扮増鍋￠柕澶堝剻濞戞ǚ鏀介悗锝冨妷閸嬫捇宕掗悙鏌ュ敹闂佸搫娲ㄩ崑鐐烘倵椤掆偓閳规垿鎮欓崣澶樻！闂佹悶鍔庨崰鏍ь嚕婵犳碍鏅搁柨鐕傛嫹濠电姷鏁搁崑鐐哄垂鐠轰警娼栭悷娆忓閻濆爼鏌涢埄鍐槈闁绘挻锕㈤弻鈥愁吋鎼粹€崇闂佹娊鏀辩敮锟犲蓟閵娾晜鍋嗛柛灞剧☉椤忥拷缂傚倸鍊搁崐椋庣矆娓氣偓钘濋梺顒€绉寸粣妤呮煙闁箑澧鹃柤鏉挎健閺屾盯濡烽鐓庮潻缂備讲鍋撳鑸靛姈閻撳啴鏌曟径鍫濆闁绘繍浜弻锝呪攽閹炬潙顏� 闂傚倸鍊搁崐椋庢閿熺姴纾婚柛鏇ㄥ瀬閸ャ劍缍囬柍鍝勫暟椤︻垱绻濋姀锝嗙【闁哄牜鍓熷畷妤€饪伴崼鐔哄幐闂佹悶鍎崝宥夋儍閹达附鈷掑璺猴功鏁堥梺鍝勮閸婃牕岣胯箛娑樜╅柨鏃傜帛椤ユ稓绱撻崒娆戝妽闁哥偛顭烽獮蹇涙晸閿燂拷闂傚倸鍊风粈渚€骞栭锕€鐤柣妤€鐗婇崣蹇涙煙缂併垹鏋涙俊鐐扮矙閺屸€愁吋鎼粹€茬敖闂佸憡顨嗙喊宥囨崲濞戙垹骞㈡俊顖濐嚙闂夊秴鈹戦鍡欑ɑ闁告梹顨婇崺鈧い鎺戝枤濞兼劙鏌熼鑲╁煟鐎规洘娲熼弻鍡楊吋閸涱垳鍘梻浣芥硶閸ｏ箓骞忛敓锟�,闂傚倸鍊峰ù鍥儍椤愶箑绀嬫い鎰╁灩琚橀梻浣筋嚙濮橈箓锝炴径瀣濠电姴鍋嗛崵鏇㈡煕椤愶絾绀€缂佲偓閸愨斂浜滈柡鍌氱仢閹垶銇勮箛鏇炴瀾缂佺粯鐩獮瀣倷閺夋垹娈ら梻浣呵归鍡涘箲閸パ屾綎闁告繂瀚ч弸搴ㄦ煙椤栧棗瀚禍顏堟⒒娴ｅ憡鍟為柣鐔村劤閹广垹螣娓氼垰娈ㄦ繝鐢靛У绾板秹寮查幖浣圭叆闁绘洖鍊圭€氾拷!

推荐：“黑盒测试管理”以外的编程经验片断
除了很好地进行“黑盒测试管理”，个人觉得下述更值得用功；毕竟“前除后略”！ 1、架构和算法的可行性测试分析：主要包括性能、并发等方面 2、CodeReview：很简单，但

在现在的数码时代，我们会经常拍摄一些相片以供留念，而随着数码照片的增多，往往需要很好地管理这些照片，以便更好地查阅留念。现在网上有不少的电子相册，都能很好的实现这些功能，那我们能否自己动手创建自己的相册呢？当然可以，在这篇文章中，我们将利用ASP.net，来创建一个简单的在线相册，以收藏我们的照片。

首先来看下，这个相册有哪些功能。在这个相册中，我们必须先把预先摄影好的照片放到一个目录下去，之后，可以供在网上使用“上一张，下一张”的链接一张张地查看。

下面先介绍如何获得文件夹中的图片。我们可以使用System.IO命名空间中的DirectoryInfo类来实现。将文件夹所在的路径做为参数传递到该类的构造函数中，并声明一个DirectoryInfo类的实例。DirectoryInfo类中有一个GetFiles()的方法，会返回FileInfo的对象数组，而每一个FileInfo的实例将包含指定路径下文件的具体信息。下面的代码片段说明了该过程：

以下为引用的内容：

Sub Page_Load(sender as Object, e as EventArgs)
　'Get list of images
　Dim dirInfo as New DirectoryInfo(Server.MapPath(""))
　Dim images() as FileInfo = FilterForImages(dirInfo.GetFiles())
　...

End Sub

其中，用Server.mappath获得当前目录的路径，而dirinfo.getfiles()将会返回该目录下的所有文件。而由于我们的是相册，只需要看到比如JPG，BMP，GIF等图象文件，所以我们可以通过程序实现，只装载这些类型的文件，这通过一个自定义的过程FilterForImages来实现，该过程将只返回指定文件夹中图象类型的文件。代码如下：

以下为引用的内容：

Function FilterForImages(images() as FileInfo) as FileInfo()
　Dim newImages as New ArrayList(images.Length)

　Dim i as Integer
　For i = 0 to images.Length - 1
　　If Path.GetExtension(images(i).Name) = ".jpg" OrElse _
　　　Path.GetExtension(images(i).Name) = ".jpeg" OrElse _
　　　Path.GetExtension(images(i).Name) = ".png" OrElse _
　　　Path.GetExtension(images(i).Name) = ".gif" then
　　　　newImages.Add(images(i))
　　End If
　Next

Return CType(newImages.ToArray(GetType(FileInfo)), FileInfo())
End Function

该过程对于传递进来的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
　lnkPrev.NavigateUrl = "Default.aspx?N=" & imgIndex - 1
End If

If imgIndex ＜ images.Length - 1 then
　lnkNext.NavigateUrl = "Default.aspx?N=" & imgIndex 1
End If
...
End Sub

HTML 部分代码

以下为引用的内容：

＜asp:HyperLink runat="server" id="lnkPrev" Text="＜ Previous" /＞ |
＜asp:HyperLink runat="server" id="lnkNext" Text="Next ＞" /＞

上面代码比较容易理解，当点下一张，上一张的链接时，参数N的值加1，或者减1。

最后，为了实现比较直观的效果，我们放置一个datalist控件，其中显示图象文件夹下的所有文件，每当浏览一张新的图片时，则将当前正在浏览的图片的名称以链接的形式加亮显示，代码如下：

以下为引用的内容：

Sub Page_Load(sender as Object, e as EventArgs)
　...

　dlIndex.DataSource = images
　dlIndex.DataBind()
End Sub

Sub dlIndex_ItemDataBound(sender as Object, e as DataListItemEventArgs)
　If e.Item.ItemType = ListItemType.Item OrElse _
　　e.Item.ItemType = ListItemType.AlternatingItem then
　　'Get the Hyperlink
　　　Dim hl as HyperLink = CType(e.Item.FindControl("lnkPic"), HyperLink)

　　'Set the Text and Navigation properties
　　hl.Text = Path.GetFileNameWithoutExtension(_
　　　DataBinder.Eval(e.Item.DataItem, "Name").ToString()) & _
　　　" (" & _
　　　　Int(DataBinder.Eval(e.Item.DataItem, "Length") / 1000) & _
　　　" KB)"
　　hl.NavigateUrl = "Default.aspx?N=" & e.Item.ItemIndex
　End If
End Sub

HTML部分代码

以下为引用的内容：

＜asp:DataList runat="server" id="dlIndex" OnItemDataBound="dlIndex_ItemDataBound"
RepeatColumns="3"＞
＜ItemTemplate＞
＜li＞＜asp:HyperLink runat="server" id="lnkPic" /＞＜/li＞
＜/ItemTemplate＞
＜/asp:DataList＞

在上面的代码中，在DATALIST的onitemdatabound事件中，首先判断当前触发的项目是否是列表项listitemtype或者是交替项AlternatingItem，如果是的话，则动态生成链接hl,设置hl的值为当前正在浏览图象的文件名，并且注明了文件的大小，设置其链接的地址为当前浏览图象的地址，这样，用户可以直接点要浏览的图片了，不一要通过上一张，下一张的链接来实现。

最后给出运行的一个例子和全部代码：

以下为引用的内容：

＜%@ Import Namespace="System.IO" %＞
＜script runat="server" language="VB"＞
Sub Page_Load(sender as Object, e as EventArgs)
　Dim dirInfo as New DirectoryInfo(Server.MapPath(""))
　Dim images() as FileInfo = FilterForImages(dirInfo.GetFiles())

　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)

　　If imgIndex ＞ 0 then
　　　lnkPrev.NavigateUrl = "Default.aspx?N=" & imgIndex - 1
　　End If

　　If imgIndex ＜ images.Length - 1 then
　　　lnkNext.NavigateUrl = "Default.aspx?N=" & imgIndex 1
　　End If

　　dlIndex.DataSource = images
　　dlIndex.DataBind()
End Sub

Function FilterForImages(images() as FileInfo) as FileInfo()
　Dim newImages as New ArrayList(images.Length)

　Return CType(newImages.ToArray(GetType(FileInfo)), FileInfo())
End Function

Sub dlIndex_ItemDataBound(sender as Object, e as DataListItemEventArgs)
　If e.Item.ItemType = ListItemType.Item OrElse e.Item.ItemType = 　　ListItemType.AlternatingItem then
　　Dim hl as HyperLink = CType(e.Item.FindControl("lnkPic"), HyperLink)

　　hl.Text = Path.GetFileNameWithoutExtension(DataBinder.Eval(e.Item.DataItem, "Name").ToString()) & _
　　" (" & Int(DataBinder.Eval(e.Item.DataItem, "Length") / 1000) & " KB)"
　　hl.NavigateUrl = "Default.aspx?N=" & e.Item.ItemIndex
　End If
End Sub
＜/script＞

＜HTML＞
＜HEAD＞
　＜STYLE TYPE="text/css"＞
　　body { font-family:Verdana;font-size: medium;}
　　.ImageTitle { font-weight:bold; font-size:large;}
　　.index {font-size: small;}
　　.NavLink { background-color: yellow; font-weight: bold; }
　＜/STYLE＞
＜/HEAD＞
＜BODY＞

＜center＞
＜asp:Label runat="server" id="currentImgTitle" CssClass="ImageTitle" /＞＜br /＞
＜asp:Image runat="server" id="currentImg" /＞
＜asp:HyperLink runat="server" CssClass="NavLink" id="lnkPrev" Text="＜ Previous" /＞ |
＜asp:HyperLink runat="server" CssClass="NavLink" id="lnkNext" Text="Next ＞" /＞
＜asp:DataList runat="server" id="dlIndex" OnItemDataBound="dlIndex_ItemDataBound"
RepeatColumns="3" CssClass="index"＞
＜ItemTemplate＞
＜li＞＜asp:HyperLink runat="server" id="lnkPic" /＞＜/li＞
＜/ItemTemplate＞
＜/asp:DataList＞
＜/center＞
＜/BODY＞
＜/HTML＞

分享：Asp.Net2.0技巧(续)
1. 在开发web控件时，如果控件必须放在服务器端的form内，可以通过Page.VerifyRenderingInServerForm(Control) 方法来保证。 2. 使用Control类的ResolveClientUrl（string）方法可以将类似&

ASP.NET视频教程

北大青鸟ASP.NET编程视频教程

ASP.NET一夜速成视频教程

ASP.NET语音视频教学

21天学通ASP.NET40小时多媒体语音视频教学DVD

ASP.NET3.5从入门到精通视频

.NET教学视频免费下载

asp.net夜话教学视频【完】

来源：模板无忧/所属分类：.Net教程/更新时间：2008-08-22

[收藏][报错][返回列表]

评论加载中....

实例开发:ASP.NET创建网络相册_.Net教程

ASP.NET视频教程

.Net教程Rss订阅编程教程搜索

.Net教程推荐

猜你也喜欢看这些

闂傚倷娴囬妴鈧柛瀣崌閺岀喖顢涘⿰鍐炬毉濡炪們鍎婚幏锟�&闂傚倷绀侀幉锛勬暜閹烘嚦娑㈠籍閸噥妫呴梺璺ㄥ櫐閹凤拷