Ajax文章评分条

| No Comments | No TrackBacks

主要讲解的是AJAX Rating Bars(基于php编程)的安装使用、演示、下载,以及相关说明。

效果预览:

 

数据库结构

 

使用说明:
一.请上传以下文件到您的:

_config-rating.php
_drawrating.php
db.php
rpc.php

CSS File:
  rating.css (可以放到你的自定css样式表里面)

Javascript files:
  behaviour.js
  rating.js

Image files:
  starrating.gif
  working.gif

二.安装
1.在mysql数据库中用以下语句建表(登录myphpadmin,打开指定数据库,执行sql建表语句)

CREATE TABLE `ratings` (
  `id` varchar(11) NOT NULL,
  `total_votes` int(11) NOT NULL default 0,
  `total_value` int(11) NOT NULL default 0,
  `used_ips` longtext,
  PRIMARY KEY  (`id`)
) TYPE=MyISAM AUTO_INCREMENT=3;

2.打开_config-rating.php文件修改以下数据库连接。

$dbhost        = 'localhost';
$dbuser        = '###';
$dbpass        = '###';
$dbname        = '###';
$tableName     = 'ratings';
$rating_unitwidth     = 30;

3.在您需要显示评分条的网页(php页面)顶部插入

<?php require('_drawrating.php'); ?>

4.<head></head>标签中加入对js和css的引用(请注意目录位置的修改)

<script type="text/javascript" language="javascript" src="js/behavior.js"></script>
<script type="text/javascript" language="javascript" src="js/rating.js"></script>
<link rel="stylesheet" type="text/css" href="css/rating.css" />

5.页面中需要显示此评分条的地方加入如下语句。

<?php echo rating_bar('#1','#2'); ?>

注意:#1是每个评论条的唯一性标识,需要自己设定,最好不要重复(如果重复的话相当于,多个页面调用的一个评分),可以用1、2、3、4、a、b、c、d等代替,当然最好是用文章的id替换上面的#1。#2表示评论的总分数,为空表示10分(10个星星),如果总分设置为5分,则用5代替#2。
如果你要修改评论条的数据保存方式,你可以修改_drawrating.php文件。同时也需要修改 rpc.php文件中大概第52行的内容。

下载源码:http://www.wujianrong.com/download/ajaxstarrater_v122.zip

官方网站:http://www.masugadesign.com/the-lab/scripts/unobtrusive-ajax-star-rating-bar/

No TrackBacks

TrackBack URL: http://www.wujianrong.com/mt-tb.cgi/5295

Leave a comment

相关文档

上一篇:Ajax无刷新上传图片实例 .

下一篇:Ajax框架 - ZK3.5新版发布