本实例需要读者具备php、mysql、jquery以及html、css等相关的基本知识，在开发示例前，需要准备mysql数据表，本文假设有一张文件下载表downloads，用来记录文件名、保存在文件服务器上的文件名以及下载次数。前提是假设下载表中已存在数据，这些数据可能来自项目中的后台上传文件时插入的，以便我们在页面中读取。downloads表结构如下：
| 代码如下 | 复制代码 |
CREATE TABLE IF NOT EXISTS `downloads` ( |
|
您也可以直接下载Demo，导入SQL文件，数据都有了。
HTML
我们在index.html页面body中加入如下HTML结构，其中ul.filelist用来陈列文件列表，现在它里面没有内容，我们将使用jQuery来异步读取文件列表，所以别忘了，我们还需要在html中加载jQuery库文件。
立即学习“PHP免费学习笔记（深入）”；
| 代码如下 | 复制代码 |
|
|
|
CSS
为了让demo更好的展示页面效果，我们使用CSS来修饰页面，以下的代码主要设置文件列表展示效果，当然实际项目中可以根据需要设置相应的样式。
| 代码如下 | 复制代码 |
#demo{width:728px;margin:50px auto;padding:10px;border:1px solid #ddd;background-color:#eee;} |
|
PHP
为了更好的理解，我们分两个PHP文件，一个是filelist.php，用来读取mysql数据表中的数据，并输出为JSON格式的数据用来给前台index.html页面调用，另一个是download.php，用来响应下载动作，更新对应文件的下载次数，并且通过浏览器完成下载。其实还有一个数据库连接文件conn.php，已经打包在下载压缩包里了，点击这里下载。
filelist.php读取downloads表，并通过json_encode()将数据以JSON格式输出，这样是为下面的Ajax异步操作准备的。
| 代码如下 | 复制代码 |
|
require 'conn.php'; //连接数据库
赣极购物商城网店建站软件系统
下载
大小仅1兆左右 ，足够轻便的商城系统； 易部署，上传空间即可用，安全，稳定； 容易操作，登陆后台就可设置装饰网站； 并且使用异步技术处理网站数据，表现更具美感。 前台呈现页面，兼容主流浏览器，DIV+CSS页面设计； 如果您有一定的网页设计基础，还可以进行简易的样式修改，二次开发， 发布新样式，调整网站结构，只需修改css目录中的css.css文件即可。 商城网站完全独立，网站源码随时可供您下载 |
|
download.php根据url传参，查询得到对应的数据，检测要下载的文件是否存在，如果存在，则更新对应数据的下载次数+1，并且使用header()实现下载功能。值得一提的是，使用header()函数，强制下载文件，并且可以设置下载后保存到本地的文件名称。一般情况下，我们通过后台上传程序会将上传的文件重命名后保存到服务器上，常见的有以日期时间命名的文件，这样的好处之一就是避免了文件名重复和中文名称乱码的情况。而我们下载到本地的文件可以使用header("Content-Disposition: attachment; filename=" .$filename )将文件名设置为易于识别的文件名称。
| 代码如下 | 复制代码 |
|
require('conn.php');//连接数据库
|
|
jQuery
前端页面jQuery主要完成两个任务，一是通过Ajax异步读取文件列表并展示，二是响应用户点击事件，将对应的文件下载次数+1，来看代码：
| 代码如下 | 复制代码 |
|
$(function(){ }, success: function(json){ if(json){ var li = ''; $.each(json,function(index,array){ li = li + ' ''+array['downloads']+' 点击下载 }); $(".filelist").html(li); } } }); $('ul.filelist a').live('click',function(){ var count = $('.downcount',this); count.text( parseInt(count.text())+1); //下载次数+1 }); });
|
|
首先，页面载入完后，通过$.ajax()向后台filelist.php发送一个GET形式的Ajax请求，当filelist.php相应成功后，接收返回的json数据，通过$.each()遍历json数据对象，构造html字符串，并将最终得到的字符串加入到ul.filelist中，形成了demo中的文件列表。
然后，当点击文件下载时，通过live()响应动态加入的列表元素的click事件，将下载次数进行累加
本文地址：
转载随意，但请附上文章地址:-)
