关于QQ空间相册功能的构想与简单实现

QQ空间上传照片对其可以分类，形成不同的相册，这对于用户体验来说是很不错的，如果用户只能上传不加以分类，那么用户体验会很差。

下面是自己关于相册功能实现的一些简单看法：

首先，是创建相册，可以用panel将控件隐藏，给用户更好体验。

<asp:Button ID="creatphoto" runat="server" OnClick="creatphoto_Click" Text="创建相册" />
<asp:Panel ID="pn_creatphoto" runat="server" Visible="false" >
相册名称： <asp:TextBox ID="photoname" runat="server" ></asp:TextBox><br />
<asp:Button ID="yes" runat="server" Text ="确定" OnClick="yes_Click" /><br />
<asp:Button ID="no" runat="server" Text="取消" OnClick ="no_Click" />
</asp:Panel>

第二，在Repeater空间中将所有的相册名列出，数据绑定，使用图片按钮控件。

<asp:Repeater ID="Rptphoto" runat="server" OnItemCommand="Rptphoto_ItemCommand" >
<HeaderTemplate>
<table>
</HeaderTemplate><ItemTemplate>
<tr>
<td>
<asp:Label ID="photoname" runat="server" Text='<%# Eval("photoname") %>'></asp:Label><br />
<asp:ImageButton ID="photo" runat="server" Width ="100" Height="100" ImageUrl='<%#Eval("cover") %>' CommandName="Photo" CommandArgument='<%#Eval("photoname") %>' />
</td>
<td><asp:LinkButton ID="lbtDelete" runat="server" Text="删除" CommandName="Delete" CommandArgument='<%#Eval("photoname") %>' ></asp:LinkButton></td>
</tr></ItemTemplate><FooterTemplate>
</table></FooterTemplate>
</asp:Repeater>

最后，点击不同的图片按钮，用session传值的方式把对应相册名称下的图片提出来。

用repeater显示

<asp:Repeater ID="Rptphoto" runat="server" OnItemCommand="Rptphoto_ItemCommand" >
<HeaderTemplate>
<table>
</HeaderTemplate><ItemTemplate>
<tr>
<td>
<img src='<%# Eval("photo") %>' runat="server" width="100" height="100" />
</td>
<td>点赞：<%# Eval("good")%></td>
<td><asp:LinkButton ID="lbtGood" runat="server" Text="点赞" CommandName="Good" CommandArgument='<%#Eval("id") %>' ></asp:LinkButton></td>
<td><asp:LinkButton ID="lbcover" runat="server" Text="设为封面" CommandName="Cover" CommandArgument='<%#Eval("id") %>'></asp:LinkButton></td>
<td><asp:LinkButton ID="lbtDelete" runat="server" Text="删除" CommandName="Delete" CommandArgument='<%#Eval("id") %>' ></asp:LinkButton></td>
</tr></ItemTemplate><FooterTemplate>
</table></FooterTemplate>
</asp:Repeater>

如此，便完成了相册功能的实现，具体后台代码不难写，主要是要和相应的数据库吻合。

效果图见下：

转载于:https://www.cnblogs.com/FZfangzheng/p/6115371.html

关于QQ空间相册功能的构想与简单实现相关推荐

使用vb脚本实现QQ空间相册好友查验功能
使用vb脚本实现QQ空间相册好友查验功能 1.思路 a.需要创建一个变量(执行方法) b.需要使用输入框方法,用来接受用户输入的内容 c.给予用户输入的内容进行判断 d.当判断结果为true时,弹出一 ...
php实现qq相册功能,使用javascript如何实现QQ空间相册展示
本文给大家分享基于javascript制作的qq空间相册展示效果,涉及到html\css布局思维,浮动定位详解,具体实现代码大家参考下本文知识点:html/css布局思维,浮动/定位详解,大企业标准 ...
如何备份你的 QQ 空间相册
领红包方法见文末周末无聊的时候打开了下久违的QQ空间,那么多年的记录都还在.曾经建的杰伦相册. 想到之前网易相册都关闭了,虽然腾讯家大业大,但万一呢,于是想着把QQ空间的图片都备份下来.于是有了今天 ...
Python网络爬虫5 - 爬取QQ空间相册
自毕业后,就再也没有用过QQ,QQ空间里记录的是些并不精彩的青葱岁月,但好歹也是份回忆,近日想着学以致用,用Python把QQ空间相册的所有照片爬取下来,以作备份. 分析QQ空间登录QQ空间爬取第 ...
[WPF源代码]QQ空间相册下载工具
放一个WPF源代码,源代码地址 http://download.csdn.net/detail/witch_soya/6195987 代码没多少技术含量,就是用WPF做的一个QQ空间相册下载工具,效果 ...
QQ空间相册展示特效
<!doctype html> <html lang="en"> <head> <title>QQ空间相册展示特效<title ...
Python_小林的爬取QQ空间相册图片链接程序
前言昨天看见某人的空间有上传了XXXX个头像,然后我就想着下载回来[所以本质上这是一个头像下载程序],但是一个个另存为太浪费时间了,上网搜索有没有现成的工具,居然要注册码,还卖45一套.你们的良心也 ...
Vue 项目中实现的微信、微博、QQ空间分享功能（亲测有效）
需求:文章添加分享功能(包括微信.微博.QQ空间) 如下图所示: 点击图标分别跳转到如下界面:(实现效果如下) 话不多说直接代码(可以封装成组件) <template><div cl ...
php爬取qq好友,使用php批量抓取QQ空间相册链接
前言小杰之前发布的文章<为什么QQ空间与我们渐行渐远?> 里面就提到小杰会抽空备份QQ空间的照片,但是在网上找了很久也没有找到一个有效的工具作为一个Phper,淦就完事了,所以顶着寒冷 ...

关于QQ空间相册功能的构想与简单实现

关于QQ空间相册功能的构想与简单实现相关推荐

最新文章

热门文章