PHP和MySQL生成的标签云实现代码

用户输入文本和输入的文本在过去的一个标签云 。标签云是一个用户生成的标签的可视化描述,或只是一个网站的文字内容,通常用来描述网站的内容。

为此,我们将创建一个HTML表格,将接受用户文本,也让用户可以看到从 MySQL数据库,其中包含在过去输入的文本生成的标签云。

 代码如下 复制代码
<?php
 echo '<form method="post" action="tag_cloud_gen.php" name="gen_tag_db">';
 echo '<p>Input your text here:<br /><textarea name="tag_input" rows="20" cols="80"></textarea></p>';
 echo '<input type="submit" name="submit">';
 echo '</form>';
?>
<br />
<h3>OR</h3>
<br />
<p>see the current tag cloud here</p>
<?php
 echo '<form name="show_tag_cloud" method="post" action="show_tag_cloud.php">';
 echo '<input type="submit" value="show current tag cloud" >';
 echo '</form>';
?>

其中每个计算其频率和对将进入一个数组,输入的文本将被表征为单个词。然后将这个数组存储到一个MySQL数据库,我们可以选择保存在MySQL数据库表coloumn存储任何链接,如果这个项目未来的扩展。

1) tag_id —- int,primary key,auto increament 1)tag_id - 整型,主键,自动increament

2) keyword — varchar(20),unique 2)关键字 - 数据类型为varchar(20),独特的

3) weight — int 3)重量 - 诠释

4) link — varchar(256). 4)链接 - 为varchar(256)。

 

 代码如下 复制代码

<?php
///////////////////////////////////////////////////////////////////////////////////////////////////////
/**
* this function will update the mysql database table to reflect the new count of the keyword
* i.e. the sum of current count in the mysql database &amp;amp;amp;amp;amp; current count in the input.
*/
function update_database_entry($connection,$table,$keyword,$weight){

 $string=$_POST['tag_input'];
 $connection = mysql_connect("localhost", "root", "");
 /**
 * now comes the main part of generating the tag cloud
 * we would use a css styling for deciding the size of the tag according to its weight,
 * both of which would be fetched from mysql database.
 */

 $query="select * from `tagcloud_db`.`tags` where keyword like '%$keyword%'";
 $resultset=mysql_query($query,$connection);

 if(!$resultset){
  die('Invalid query: ' . mysql_error());
 } else {
  while($row=mysql_fetch_array($resultset)){
  $query="UPDATE `tagcloud_db`.`tags` SET weight=".($row[2]+$weight)." where tag_id=".$row[0].";";
  mysql_query($query,$connection);
 }
}
}
?>
<?php
/*
* get the input string from the post and then tokenize it to get each word, save the words in an array
* in case the word is repeated add '1' to the existing words counter
*/
 $count=0;
 $tok = strtok($string, " t,;.'"!&-`nr");//considering line-return,line-feed,white space,comma,ampersand,tab,etc... as word separator
 if(strlen($tok)>0) $tok=strtolower($tok);
 $words=array();
 $words[$tok]=1;
 while ($tok !== false) {
  echo "Word=$tok<br />";
  $tok = strtok(" t,;.'"!&-`nr");
  if(strlen($tok)>0) {
  $tok=strtolower($tok);
  if($words[$tok]>=1){
   $words[$tok]=$words[$tok] + 1;
  } else {
   $words[$tok]=1;
  }
 }
}
print_r($words);
echo '<br /><br />';
/**
* now enter the above array of word and corresponding count values into the database table
* in case the keyword already exist in the table then update the database table using the function 'update_database_entry(...)'
*/
$table="tagcloud_db";
mysql_select_db($table,$connection);
foreach($words as $keyword=>$weight){
 $query="INSERT INTO `tagcloud_db`.`tags` (keyword,weight,link) values ('".$keyword."',".$weight.",'NA')";
 if(!mysql_query($query,$connection)){
  if(mysql_errno($connection)==1062){
   update_database_entry($connection,$table,$keyword,$weight);
  }
 }
}
mysql_close($connection);
?>

Make anether file and name it style.css .做出anether文件和将其命名为style.css文件。 Put the following code in it.把下面的代码。

 代码如下 复制代码

HTML, BODY
{
padding: 0;
border: 0px none;
font-family: Verdana;
font-weight: none;
}
.tags_div
{
padding: 3px;
border: 1px solid #A8A8C3;
background-color: white;
width: 500px;
-moz-border-radius: 5px;
}
H1
{
font-size: 16px;
font-weight: none;
}
A:link
{
color: #676F9D;
text-decoration: none;
}
A:hover
{
text-decoration: none;
background-color: #4F5AA1;
color: white;
}

这将使我们的标签云外观漂亮,它保存为style.css的。
再次,使一个新的PHP文件,并命名它show_tag_cloud.php。
在PHP代码中,如下我们连接到MySQL数据库,获取所有的标签,其重量和纽带。

然后计算每个使用它的重量及最小的标签大小假定为标签的大小,它也是每一个标签从数据库中检索或与Google链接,如果没有链接存在,即“不适用”的链接

 代码如下 复制代码

<?php
 $connection = mysql_connect("localhost", "root", "");
 $table="tagcloud_db";
 $words=array();
 $words_link=array();
 mysql_select_db($table,$connection);
 $query="SELECT keyword,weight,link FROM `tagcloud_db`.`tags`;";

 if($resultset=mysql_query($query,$connection)){
  while($row=mysql_fetch_row($resultset)){
   $words[$row[0]]=$row[1];
   $words_link[$row[0]]=$row[2];
  }
 }
// Incresing this number will make the words bigger; Decreasing will do reverse
$factor = 0.5;

// Smallest font size possible
$starting_font_size = 12;

// Tag Separator
$tag_separator = '&nbsp; &nbsp; &nbsp;';
$max_count = array_sum($words);

?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> Tag Cloud Generator </TITLE>
  <META NAME="Keywords" CONTENT="tag, cloud, php, mysql">
  <META NAME="Description" CONTENT="A Tag Cloud using php and mysql">
  <LINK REL="stylesheet" HREF="style.css" TYPE="text/css">
 </HEAD>
<BODY>
<center><h1>Tag Cloud using php and mysql </h1><div align='center' class='tags_div'>
<?php
foreach($words as $tag => $weight )
{
 $x = round(($weight * 100) / $max_count) * $factor;
 $font_size = $starting_font_size + $x.'px';
 if($words_link[$tag]=='NA') echo "<span style='font-size: ".$font_size."; color: #676F9D;'><a href='http://www.google.co.in/search?hl=en&q=".$tag."&meta='>".$tag."</a></span>".$tag_separator;
 else echo "<span style='font-size: ".$font_size."; color: #676F9D;'><a href='http://".$words_link[$tag]."/'>".$tag."</a></span>".$tag_separator;
}
?>
</div></center>
</BODY>
</HTML>

现在把他们所有在您的Web服务器的根目录,并观看结果。 每个查询会给你新的结果,随着时间的推移,数据库的增长。

时间: 2024-11-08 17:26:33

PHP和MySQL生成的标签云实现代码的相关文章

用JS实现3D球状标签云示例代码_javascript技巧

Matter: 1.发现实例不足,无法悬停(有待解决) 2.无法系统随机自动上色(有待解决) 首先使用标签云的一家高知名度的网站---照片共享网站Flickr.标签云的设计者是交互设计师Stewart Butterfield.之后,标签云被诸如del.Technorati等网站采纳. 首次公布的外观标签云(或至少是一个加权名单),可归结起来主要是"潜意识档案" ,在 Douglas Coupland的Microserfs( 1995 ) .在Lester Leaps Out,威尔士诗人

PHP 创建标签云函数代码_php技巧

复制代码 代码如下: function getCloud( $data = array(), $minFontSize = 12, $maxFontSize = 30 ) { $minimumCount = min( array_values( $data ) ); $maximumCount = max( array_values( $data ) ); $spread = $maximumCount - $minimumCount; $cloudHTML = ''; $cloudTags =

优秀的标签云免费生成工具

  标签云或文字云是关键词的视觉化描述,用于汇总用户生成的标签或一个网站的文字内容.标签一般是独立的词汇,常常按字母顺序排列,其重要程度又能通过改变字体大小或颜色来表现,所以标签云可以灵活地依照字序或热门程度来检索一个标签. 大多数标签本身就是超级链接,直接指向与标签相联的一系列条目. 我经常看到一些网站有云标签,我也很喜欢这样的云标签,网上我发现有很多的标签云教程,但是找到理想的并不是太多,这就是为什么我今天共享这几个标签云的原因. Wordle Wordle是产生"词云:.不同的字体,布局和

9个优秀网上免费标签云生成工具

Wordle Wordle是产生"词云:.不同的字体,布局和配色方案,你可以调整你的云..您可以打印出来,或将它们保存到Wordle画廊与朋友分享. tagCloud发生器 只需几步下载表格,这可以产生HTML和Flash在线标签云. ImageChef 您可以创建不同的风格和异形词云,并作为明信片发送给您的朋友等. ABCya A字云是一个字频的图形表示.您可以键入或粘贴到自己的主页上显示框的文字和按箭头按钮来查看生成的字云方向.使用云以上的图形按钮,可以改变一个字云的外观.这也很容易保存,打

9个优秀的标签云免费生成工具

        标签云或文字云是关键词的视觉化描述,用于汇总用户生成的标签或一个网站的文字内容.标签一般是独立的词汇,常常按字母顺序排列,其重要程度又能通过改变字体大小或颜色来表现,所以标签云可以灵活地依照字序或热门程度来检索一个标签. 大多数标签本身就是超级链接,直接指向与标签相联的一系列条目. Wordle Wordle是产生"词云:.不同的字体,布局和配色方案,你可以调整你的云..您可以打印出来,或将它们保存到Wordle画廊与朋友分享. tagCloud 生成器 只需几步下载表格,这可以

超酷的javascript文字云/标签云效果 &amp;#8211; D3 Cloud

在线演示 如果你想创建漂亮的文字云或者标签云效果的话,你可以考虑使用D3-Cloud,这是一个超棒的开源字体云效果javascript类库,基于知名的 D3.js,能够帮助你生成类似wordle.com风格的字体或者标签云效果. 这个类库使用HTML5画布来生成字体效果,整个布局算法可以异步实现,只需要设置时间块大小.并且支持动画特效.整体性能非常不错. 文字,字体和字体大小,旋转和边框距离都可以自定义.包含两个事件: word – 当每一个文字添加后触发 end – 当全部文字添加后触发 当然

python生产标签云

当列表已经不能满足人们对信息的呈现时,标签云这种展现方式很好地满足了人们关注重点.突出趋势.显示偏好的浏览需求,本文简单介绍下使用python生成标签云. 有两种方式: 1. 自己实现 (可以参考http://www.i-alive.com/post/11/) 2.使用现有库,主要是pytagcloud 本文主要是利用pytagcloud这个库进行标签云的生成.首先需要安装它,不过在此之前如果你的机器上没有安装pygame和simplejson两个python包,则需要先下载安装 他们:这三个包

[翻译] DKTagCloudView - 标签云View

DKTagCloudView 效果(支持点击view触发事件): Overview DKTagCloudView is a tag clouds view on iOS. It can generate a random and not intersects coordinates. DKTagCloudView是一个标签云效果的view,你可以用它来生成随机的效果,在坐标中任意散布. How To Get Started - 如何开始 Installation with CocoaPods -

教你用javascript实现随机标签云效果_附代码_javascript技巧

标签云是一套相关的标签以及与此相应的权重.典型的标签云有30至150个标签.权重影响使用的字体大小或其他视觉效果.同时,直方图或饼图表是最常用的代表约12种不同的权数.因此,标签云彩能代表更多的权,尽管不那么准确.此外,标签云通常是可以交互的:标签是典型的超链接,让用户可以仔细了解他们的内容.   大概可以理解为一堆相关或者不相关的标签混到一块,根据不同的重要程度,或者其他维度的不同来为每个标签设置不同的样式已凸显他们的不同,这样的一堆标签在一起就是我们通常说的标签云了.   下面我们大概说一下