浅谈PHP如何实现网站文章或博客浏览量页面访问量+1
浅谈PHP如何实现网站文章或博客页面访问量+1
提示:本人使用的本地环境是smarty+php,在开发前端的新闻的时候想给新闻添加浏览量显示,于是思考如何实现。思路是在前端页面添加AJAX,当文章页面加载后实现向PHP发送文章ID,PHP返回JSON数据,显示浏览量。(其实也可以在文章PHP文件里直接更新该文章的点击数,思路有多少,方法就有多少,根据适合自己的才是好的)
前端JQ AJAX
由于使用的是smarty生成的前端静态页面,所以AJAX部分添加了{literal}{/literal},不然会报错。不是smarty的可以去掉。smarty生成的静态页面模板可以调用赋值的变量,但是浏览量这个变量就不适用了。所以用的AJAX显示。
<script>$(document).ready(function(){ var $pageid = {$id}; //文章ID,{$id}是smarty赋值的{literal}$.ajax({type:"POST",url:"../login.php?action=page_view",dataType:"json",data:{"id":$pageid}, //传给PHP的参数值success:function(data){$("#pagenum").html(data[0]); //给div添加PHP返回的JSON浏览量数值},error:function(data){$("#pagenum").html("0"); //给div添加浏览量数值},});{/literal}});
</script>
PHP的内容
PHP的内容也很简单,思路就是先查询数据库浏览量的那个字段的值,然后+1,update数据库,返回的json数据是+1后的。就实现了前端显示实时浏览量。select和update 数据库就不放进来了,比较简单。这里我只是简单是实现这个浏览量。并没有添加什么限制之类。如有需要添加限制,在此基础上可以添加。当然也可以想下有没有别的好的思路实现浏览量显示。
$arr = array($num); //$num就是我用mysql查询出来的浏览量字段的+1后的值$json = json_encode($arr);echo $json;
前端实现效果
浅谈PHP如何实现网站文章或博客浏览量页面访问量+1相关推荐
- 利用apache+wsgi运行你的django网站 - Open Idea - 博客大巴
利用apache+wsgi运行你的django网站 - Open Idea - 博客大巴 利用apache+wsgi运行你的django网站 - Open Idea - 博客大巴 利用apache+w ...
- 【十四、网站备案、博客备案、工信部备案】2021最详细wordpress博客建站教程(2021.03.04更新)
通过本wordpress博客建站教程系列系列文章,你可以不懂网页代码条件下,搭建一个谷歌insight测评90分的个人博客,最低费用在每年80块.本人搭建博客小站点击下面链接即可进入: ...
- HTML5+CSS期末大作业:个人博客网站设计——个人博客(7页) 学生DW网页设计作业成品 web课程设计网页规划与设计 简单的静态网页制作
HTML5+CSS期末大作业:个人主页/个人介绍网站设计--个人博客(7页) 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 个人. 美食. 公 ...
- 订单支付和评论——基于Django框架的天天生鲜电商网站项目系列博客(十五)
系列文章目录 需求分析--基于Django框架的天天生鲜电商网站项目系列博客(一) 网站框架搭建--基于Django框架的天天生鲜电商网站项目系列博客(二) 用户注册模块--基于Django框架的天天 ...
- 网站框架搭建——基于Django框架的天天生鲜电商网站项目系列博客(二)
系列文章目录 需求分析--基于Django框架的天天生鲜电商网站项目系列博客(一) 网站框架搭建--基于Django框架的天天生鲜电商网站项目系列博客(二) 用户注册模块--基于Django框架的天天 ...
- Word 2013无法发布文章到博客园
2018年12月12日突然发现word2013无法发布文章到博客园了, 虽然不常发布博客, 但作为一个强迫症患者, 不折腾好了, 吃肉都不香呀! 删除之前的账户, 想重新注册, 居然遇到了灰色对话框! ...
- [网站链接]Debbie博客上的链接: [求职网站][博客链接][信息资源]……
1. 求职网站 1.交大Job网 2.电院就业网 3.职业测评系统 4.智联校园招聘网 6.前程无忧网 7.中国人力资源网 8.中华英才网 9.中国上海人才市场 A.中国人才热线 B.上海人才市场报 ...
- 【超详细教程】使用Windows Live Writer 2012和Office Word 2013 发布文章到博客园全面总结...
[超详细教程]使用Windows Live Writer 2012和Office Word 2013 发布文章到博客园全面总结 原文 http://www.cnblogs.com/liuxianan/ ...
- 使用Office Word 2010/2013 发布文章到博客园
使用Office Word 2010/2013 发布文章到博客园 ☆:参考http://www.cnblogs.com/liuxianan/archive/2013/04/13/3018732.htm ...
- 网站底部添加访客阅读次数总访问量在线人数代码
简介: 网站底部添加访客阅读次数总访问量在线人数代码分享 请在此输入内容代码放置在 主题目录下:footer.php(放在合适的位置) 也可以调用自己的JS 下载JS后 上传到服务器 修改上方代码引用 ...
最新文章
- 项目管理基础:软件开发的方法介绍
- conda如何升级pytorch_第一节 PyTorch简介及环境配置
- 【Spring】Spring boot 可以通过集成jolokia来使用HTTP形式访问mbean
- Civil 3D 二次开发 新建CLR项目出现错误C2143
- 八大妙招:改善企业网络安全
- Android浏览图片,点击放大至全屏效果
- 接入网NFV引入路径:CPE、OLT和BNG或将率先云化
- html+css网页开发 之 头部导航条(logo、导航栏、搜索框)
- 计算机办公软件基础知识题库,办公软件基础知识试题--题库.doc
- linux usb有线网卡驱动_Linux系统安装R8169网卡驱动的方法
- 2017 携程 笔试编程题 1
- 基于传统方法的单目深度估计
- opencv 边缘检测,角点检测
- 【转】关于IE7 z-index问题完美解决方案
- Python 零基础入门到实战(一)笔记:内置对象、浅拷贝、深拷贝、计算圆面积、凯撒密码、英文大小写转换、输入国家打印出国家名和首都、输入数字英文输出、统计句子中的字母数量、猜随机数
- selenium 警告框处理
- window系统:如何终止已占用的端口
- 基于 SpringMvc+OpenCV 实现的答题卡识别系统(附源码)
- iphone手机找回历程
- Linux 上最好的9款视频编辑器