赞代码分享(有赞源代码)
admin 发布:2022-12-19 19:19 152
本篇文章给大家谈谈赞代码分享,以及有赞源代码对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
Php点赞效果的制作代码+解析
数据库设计
先准备两张表,pic表保存的是图片信息,包括图片对应的名称、路径以及图片“赞”总数,pic_ip则记录用户点击赞后的IP数据。
CREATE TABLE IF NOT EXISTS `pic` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`pic_name` varchar(60) NOT NULL,
`pic_url` varchar(60) NOT NULL,
`love` int(11) NOT NULL DEFAULT '0',
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;
CREATE TABLE IF NOT EXISTS `pic_ip` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`pic_id` int(11) NOT NULL,
`ip` varchar(40) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8
index.php
在index.php中,我们通过PHP读取pic表中的图片信息并展示出来,结合CSS,提升页面展示效果。
?php
include_once("connect.php");
$sql = mysql_query("select * from pic");
while($row=mysql_fetch_array($sql)){
$pic_id = $row['id'];
$pic_name = $row['pic_name'];
$pic_url = $row['pic_url'];
$love = $row['love'];
?
liimg src="images/?php echo $pic_url;?" alt="?php echo $pic_name;?"pa href="#"
title="赞"class="img_on" rel="?php echo $pic_id;?"?php echo $love;?/a/p/li
?php }?
CSS中,我们将定义鼠标滑向和离开红心按钮的动态效果,并定位按钮的位置。
.list{width:760px; margin:20px auto}
.list li{float:left; width:360px; height:280px; margin:10px; position:relative}
.list li p{position:absolute; top:0; left:0; width:360px; height:24px; line-height:24px;
background:#000; opacity:.8;filter:alpha(opacity=80);}
.list li p a{padding-left:30px; height:24px; background:url(images/heart.png) no-repeat
4px -1px;color:#fff; font-weight:bold; font-size:14px}
.list li p a:hover{background-position:4px -25px;text-decoration:none}
jQuery代码
当用户点击自己喜欢的图片上的红心按钮时,向后台love.php发送ajax请求,请求响应成功后,更新原有的数值
$(function(){
$("p a").click(function(){
var love = $(this);
var id = love.attr("rel"); //对应id
love.fadeOut(300); //渐隐效果
$.ajax({
type:"POST",
url:"love.php",
data:"id="+id,
cache:false, //不缓存此页面
success:function(data){
love.html(data);
love.fadeIn(300); //渐显效果
}
});
return false;
});
});
love.php
后台love.php接收前端的ajax请求,根据提交的图片id值,查找IP表中是否已有该用户ip的点击记录,如果有则告诉用户已“赞过了”,反之,则进行一下操作:
1、更新图片表中对应的图片love字段值,将数值加1。
2、将该用户IP信息写入到pic_ip表中,用以防止用户重复点击。
3、获取更新后的赞值,即赞该图片的用户总数,并将该总数输出给前端页面。
include_once("connect.php"); //连接数据库
$ip = get_client_ip(); //获取用户IP
$id = $_POST['id'];
if(!isset($id) || empty($id)) exit;
$ip_sql=mysql_query("select ip from pic_ip where pic_id='$id' and ip='$ip'");
$count=mysql_num_rows($ip_sql);
if($count==0){ //如果没有记录
$sql = "update pic set love=love+1 where id='$id'"; //更新数据
mysql_query( $sql);
$sql_in = "insert into pic_ip (pic_id,ip) values ('$id','$ip')"; //写入数据
mysql_query( $sql_in);
$result = mysql_query("select love from pic where id='$id'");
$row = mysql_fetch_array($result);
$love = $row['love']; //获取赞数值
echo $love;
}else{
echo "赞过了..";
}
我上传的附件中 数据库SQL 你可以直接建立test 数据库UTF8编码的,然后把SQL文件导入进去。修改一下connect.php中数据库的连接信息即可。
谁能告诉我这个点赞的百度分享代码怎么弄
你这个是在那个网站看到的?如果是百度自己网站的,那就是百度自己开发的,不对外公开使用。
如果不是百度网站在使用,那么你如果会用【审查元素】查看这段代码的来源,然后就可以确定了。
qq空间“装逼”代码大全
01
找到你要评论的说说,或者找到你要留言的qq好友的空间。
02
复制下面的任一代码粘贴即可出现意想不到的图案。
打赏代码:
[em]e10033[/em]{uin:123,nick: 打赏了你一个冰淇淋,who:1}
[em]e10033[/em] 打赏了100000000000.00元红包 [em]e10011[/em]
赞代码:{uin:0000,nick: xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx、xx ,who:1}等13亿人觉得很赞
[em]e10026[/em]{uin:5720,nick:Gold Vish,who:1}
[em]e10022[/em] {uin:5720,nick:拍摄于07月22日,who:1} {uin:5720,nick:阿尔及利亚 天气:阴,who:1}
[em]e10020[/em]{uin:5720,nick:乘坐于巴西天马航空JJ8280航班(A舱),who:1}
[em]e10023[/em]{uin:5720,nick:文字已通过英国军情六处,请勿泄露。,who:1}
[em]e10005[/em]{uin:1314,nick:samsung S7,who:1}
[em]e10033[/em]打赏了10元红包({uin:3,nick:查看详情})
[em]e10026[/em]{uin:5720,nick:Apple Watch 电镀蓝 (8G),who:1}
[em]e10022[/em] {uin:5720,nick:拍摄于07月18日,who:1} {uin:5720,nick:美国白宫 天气:阴,who:1}
[em]e10020[/em]{uin:5720,nick:乘坐于美国华盛顿国际机场USA527航班(A舱),who:1}
[em]e10023[/em]{uin:5720,nick:文字已通过美国华盛顿审核,请勿泄露。,who:1}
[em]e10005[/em]{uin:1314,nick:iPhone6s plus,who:1}
03
锁:[em]e10001[/em]
竖屏手机:[em]e10002[/em]
横屏手机:[em]e10003[/em]
电脑:[em]e10004[/em]
手机:[em]e10005[/em]
相册图标:[em]e10006[/em]
连接图标:[em]e10007[/em]
笔记本:[em]e10008[/em]
红大锁:[em]e10009[/em]
蜡烛:[em]e10010[/em]
红小锁:[em]e10011[/em]
玫瑰:[em]e10012[/em]
手表:[em]e10013[/em]
飞机:[em]e10014[/em]
奶嘴瓶:[em]e10015[/em]
QQ音乐图标:[em]e10016[/em]
赞图标:[em]e10017[/em]
井号:[em]e10018[/em]
大奶嘴瓶:[em]e10019[/em]
小飞机:[em]e10020[/em]
定位图标:[em]e10021[/em]
相机图标:[em]e10022[/em]
相册图标:[em]e10023[/em]
平板电脑:[em]e10024[/em]
手机:[em]e10025[/em]
手表:[em]e10026[/em]
电脑:[em]e10027[/em]
手机山寨:[em]e10028[/em]
返回图标:[em]e10029[/em]
点亮赞图标:[em]e10030[/em]
连接图标小:[em]e10031[/em]
地图标记:[em]e10032[/em]
红包小图标:[em]e10033[/em]
@图标:[em]e10035[/em]
联系人图标:[em]e10036[/em]
赞加圆缺图标:[em]e10037[/em]
返回加圆缺图标:[em]e10038[/em]
红包图标2:[em]e10040[/em]
礼包图标:[em]e10041[/em]
红锁加圆圈:[em]e10042[/em]
关于赞代码分享和有赞源代码的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。
版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;
相关推荐
- 04-25商品展示和购物车代码(购物车代码怎么写)[20240425更新]
- 04-25bootstrap颜色代码(bootstrap中按钮的颜色)[20240425更新]
- 04-25鞋子销售系统源代码(鞋服零售系统)[20240425更新]
- 04-25图片自适应代码(设置图片自适应)[20240425更新]
- 04-25jquery搜索框样式代码(搜索框样式css)[20240425更新]
- 04-25b2b2c源代码(什么是B2B2C)[20240425更新]
- 04-25个人管理系统手机版源代码(管理app源码)[20240425更新]
- 04-25动态网站源代码(动态网站源代码能爬下来吗)[20240425更新]
- 04-25css网页采集代码(网站采集代码怎么写)[20240425更新]
- 04-25springmvc源代码(springMVC源码)[20240425更新]
取消回复欢迎 你 发表评论:
- 标签列表
- 最近发表
- 友情链接