站长论坛

标题: Ajax评分条-用于文章评分 [打印本页]

作者: ajax 时间: 2009-4-11 09:40
标题: Ajax评分条-用于文章评分
主要讲解的是AJAX Rating Bars（基于php编程）的安装使用、演示、下载，以及相关说明。

效果预览：

[attach]227[/attach]

数据库结构

[attach]228[/attach]

本站演示：http://bbs.okajax.com/demo/9/
使用说明：
一.请上传以下文件到您的服务器：

_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://bbs.okajax.com/viewthread.php?tid=1801

官方网站：http://www.masugadesign.com/the- ... ax-star-rating-bar/

欢迎光临站长论坛 (http://www.tzlink.com/bbs/)