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>

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

效果图见下:

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

  1. [WPF源代码]QQ空间相册下载工具

    放一个WPF源代码,源代码地址 http://download.csdn.net/detail/witch_soya/6195987 代码没多少技术含量,就是用WPF做的一个QQ空间相册下载工具,效果 ...

  2. 如何破解QQ空间相册密码访问权限2019方法

    今天小编给大家介绍一下最新的QQ空间相册破解方法,是2019年最新方法,本方法来自互联网,下面开始方法教程 教程之前我们需要下载软件,地址我发在下方 软件切图 1.首先我们打开软件,然后在“操作界面” ...

  3. qq空间相册下载

    qq空间相册下载 描述 目前功能只可以下载 单个相册 程序基本是3个独立分开的部分. 解析(某一用户)所有相册 解析(单个)相册所有图片地址并写文件 根据文件下载图片 目的 只要有权限可以访问到的相册 ...

  4. QQ空间分享功能(二)

    http://sns.z.qq.com/tools/share/demo_html.jsp  手机QQ空间分享功能接入指引: 1.请求地址: http://sns.z.qq.com/share 2.请 ...

  5. QQ空间相册展示特效

    <!doctype html> <html lang="en"> <head> <title>QQ空间相册展示特效<title ...

  6. python+selenium+requests爬取qq空间相册时遇到的问题及解决思路

    最近研究了下用python爬取qq空间相册的问题,遇到的问题及解决思路如下: 1.qq空间相册的访问需要qq登录并且需是好友,requests模块模拟qq登录略显麻烦,所以采用selenium的dri ...

  7. Python_小林的爬取QQ空间相册图片链接程序

    前言 昨天看见某人的空间有上传了XXXX个头像,然后我就想着下载回来[所以本质上这是一个头像下载程序],但是一个个另存为太浪费时间了,上网搜索有没有现成的工具,居然要注册码,还卖45一套.你们的良心也 ...

  8. QQ空间相册照片批量导出

    QQ空间相册照片批量导出 先自己创建一个私人的单独的群,然后创建相册,上传照片来源从空间选图复制 复制完成后打开相册开始骚操作(两种方式) OK

  9. JavaScript实现HTML页面集成QQ空间分享功能

    <!DOCTYPE HTML> <html> <head> <title>QQ空间分享</title> <meta http-equi ...

随机推荐

  1. 201521123071 《JAVA程序设计》第九周学习总结

    第九周-异常 1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结异常相关内容. 此处仅部分知识点归纳 2. 书面作业 1. 常用异常,题目5-1 1.1 截图你的提交结果(出现学号) ...

  2. Day-17: 网络编程

    ---恢复内容开始--- 现有的互联网通讯方式,是服务器端的进程与客户端进程的通信.Python中进行网络编程,就是在Python程序本身这个进程内,连接别的服务器进程的通信端口进行通信. 互联网协议 ...

  3. quartz定时格式配置以及JS验证

    一个Cron-表达式是一个由六至七个字段组成由空格分隔的字符串,其中6个字段是必须的而一个是可选的,如下: ---------------------------------------------- ...

  4. OSGi-简介(01)

    OSGi是什么? OSGi联盟现在将OSGi定义为一种技术: OSGi技术是指一系列用于定义Java动态化组件系统的标准.这些标准通过为大型分布式系统以及嵌入式系统提供一种模块化架构减少了软件的复杂度 ...

  5. SQL 常用语法一

    整理笔记,并将常用的SQL语法记录下来. 这些方法有 CASE WHEN, IFNULL,GROUP BY,LIMIT,SUBSTR 1,字段转换 CASE WHEN 意义: If(a==b) a=c ...

  6. StringBuffer的添加与删除功能

    StringBuffer的添加功能A* public StringBuffer append(String str): * 可以把任意类型数据添加到字符串缓冲区里面,并返回字符串缓冲区本身 B* pu ...

  7. ArrayList 和 LinkedList 的实现与区别

    (转载请标明出处) 1.ArrayLis t的实现 2.LinkedLis t的实现 3.ArrayList 和 LinkedList 的区别 ArrayList 的实现: 1.MyArrayList ...

  8. C#单例测试(懒汉式双锁保证线程安全)

    单例模式的概念 单例模式的意思就是只有一个实例.单例模式确保某一个类只有一个实例,而且自行实例化并向整个系统提供这个实例.这个类称为单例类. 关键点: 这个类只有一个实例,这是最基本的 它必须自行创建 ...

  9. 第6章 Overlapped I/O, 在你身后变戏法 ---被激发的 Event 对象 -4

    以文件 handle 作为激发机制,有一个明显的限制,那就是没办法说出到底是哪一个 overlapped 操作完成了.如果每个文件 handle 只有一个操作等待决定,上述问题其实并不成为问题.但是如 ...

  10. Delphi中paramstr的用法

    原型                function   paramstr(i:index):string        对于任何application paramstr(0)都默认代表的是应用程序的 ...