[分享] 类javaeye博客我的收藏页面中分类标签输入功能的实现

tags, 标签

本帖最后由 hegz 于 2010-5-9 10:06 编辑

在javaeye博客的收藏管理页面，收藏分类是通过下拉列表选择来录入已有分类标签的，这个功能非常方便实用，因为不用死记旧标签，还提高了标签的录入效率，于是决定自己模仿也搞一个。

在开始之前，先说明一下，以下的模仿过程全部处于FleaPHP框架之下，数据库为MySQL。

以下为功能实现的整个过程。

第一步：相关数据表准备

先创建一个文章管理数据表articles，该表含有一个自增量字段art_id。
接着创建一个分类标签数据表tags，其表结构如下图所示：

再创建一个中间表articles_tags，其表结构如下图所示：

第二步：编写数据表对象代码

1、编写文章数据表对象代码。如下所示：

<?php
FLEA::loadClass('FLEA_Db_TableDataGateway');
/**
* 文章数据表对象
*/
class Table_Articles extends FLEA_Db_TableDataGateway
{
var $tableName = 'articles';
var $primaryKey = 'art_id';
/**
* 定义多对多关系
*
*/
var $manyToMany = array(
array(
'tableClass' => 'Table_Tags',
'joinTable' => 'articles_tags',
'foreignKey' => 'art_id',
'assocforeignKey' => 'tag_id',
'mappingName' => 'tags',
'enabled' => false
)
);
}
?>

复制代码

2、编写分类标签数据表对象代码。如下所示：

<?php
FLEA::loadClass('FLEA_Db_TableDataGateway');
/**
* 分类标签数据表对象
*/
class Table_Tags extends FLEA_Db_TableDataGateway
{
var $tableName = 'tags';
var $primaryKey = 'tag_id';
}
?>

复制代码

第三步：编写模型对象类代码

1、编写分类标签模型对象类代码。如下所示：

<?php
/**
* 分类标签模型对象类
*/
class Model_Tags
{
var $_tblTags;
/**
* 构造函数
*
*/
function Model_Tags()
{
$this->_tblTags = & FLEA::getSingleton('Table_Tags');
}
/**
* 生成标签下拉列表HTML代码
*/
function makeTagsDropdownlist()
{
$ui = & FLEA::initWebControls();
FLEA::loadFile('FLEA_Helper_Array.php');
$rows = $this->_tblTags->findAll();
// 增加一个下拉选择项在最前面
array_unshift($rows, array('tag_id' => 0, 'label' => '选择已有分类'));
$items = array_to_hashmap($rows, 'label', 'tag_id');
return $ui->control(
'dropdownlist',
'tagsel', // 下拉列表ID
array(
'items' => $items,
//'selected' => null,
),
true // 指示返回html代码，如果为false，则不返回
);
}
}
?>

复制代码

2、编写文章模型对象代码。如下所示：

<?php
/**
* 文章模型对象
*/
class Model_Articles
{
var $_tblArt;
/**
* 构造函数
*
*/
function Model_Articles()
{
$this->_tblArt = & FLEA::getSingleton('Table_Articles');
}
/**
* 完成对文章条目所关联的 tags 的处理
*
* @param array $row
*/
function _processTags(& $row) {
// 读出数据库现有的所有 tags
$tblTags = & FLEA::getSingleton('Table_Tags');
$rows = $tblTags->findAll(null);
FLEA::loadFile('FLEA_Helper_Array.php');
$existsTags = array_to_hashmap($rows, 'label', 'tag_id');
// 处理用户输入的 tags
$labels = explode(',', $row['tags']);
//$labels = explode(',', $tags);
$tagsIdList = array();
foreach ($labels as $label) {
$label = strtolower(trim($label));
if ($label == '') {
continue;
}
if (isset($existsTags[$label])) {
// 将文档登记到现有 tag
$tagsIdList[] = $existsTags[$label];
} else {
// 创建新 tag，并登记文档
$tag = array('label' => $label);
$tagsIdList[] = $tblTags->create($tag);
}
}
$row['tags'] = $tagsIdList;
//return $tagsIdList;
}
/**
* 新增文章
*
* @param array $row
* @return int
*/
function create(& $row) {
$this->_processTags($row);
$this->_tblArt->enableLink('tags');
return $this->_tblArt->create($row);
}
/**
* 更新文章
*
* @param array $row
* @return int
*/
function update(& $row) {
$this->_processTags($row);
$this->_tblArt->enableLink('tags');
return $this->_tblArt->update($row);
}
}
?>

复制代码

第四步、编写HTML模板代码

因为要利用到jQuery，所以模板文件要引入jQuery库文件。如下所示：

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>

复制代码

模板文件中与标签相关的HTML代码：

<tr>
<td>分类标签：</td>
<td><input name="tags" type="text" id="tags" size="30" />{{ $art.taglist }}*多个标签之间用半角逗号分隔</td>
</tr>

编写选择录入已有标签的JavaScript代码：