我正在使用 ASP.NET MVC3创建一个博客,我想为它创建一个标签云。
现在我的问题是我如何把它放到一个列表中(我需要吗?),计数然后以不同的尺寸打印出来?
编辑:
我现在能够使用以下方式计算每个帖子中的每个标签:
Dictionary<string, int> tagLista = new Dictionary<string, int>();
foreach (Post post in Model)
{
foreach (Tag tag in post.Tags)
{
if (!tagLista.ContainsKey(tag.Name))
{
tagLista[tag.Name] = 1;
}
else
{
tagLista[tag.Name] += 1;
}
}
}
//Print out diff. sizes depending on count
foreach (KeyValuePair<string, int> pair in tagLista)
{
if (pair.Value <= 2)
{
<a class="minSize" href="@Href("~/Posts/Tags/" + pair.Key)">@pair.Key</a>
}
if (pair.Value > 2 && pair.Value <= 4)
{
<a class="medSize" href="@Href("~/Posts/Tags/" + pair.Key)">@pair.Key</a>
}
if (pair.Value > 4 && pair.Value >= 6)
{
<a class="maxSize" href="@Href("~/Posts/Tags/" + pair.Key)">@pair.Key</a>
}
}
现在的问题是它只显示当前页面上所有帖子的标签,而不是数据库中的所有标签。我应该怎么做?在此视图(索引)的顶部,我使用:
@using Blog.Models;
@model IEnumerable<Post>
感谢您的任何帮助!
我现在可以通过以下内容计算每个帖子中的每个标签:
Dictionary<string, int> tagLista = new Dictionary<string, int>();
foreach (Post post in Model)
{
foreach (Tag tag in post.Tags)
{
if (!tagLista.ContainsKey(tag.Name))
{
tagLista[tag.Name] = 1;
}
else
{
tagLista[tag.Name] += 1;
}
}
}
//Print out diff. sizes depending on count
foreach (KeyValuePair<string, int> pair in tagLista)
{
if (pair.Value <= 2)
{
<a class="minSize" href="@Href("~/Posts/Tags/" + pair.Key)">@pair.Key</a>
}
if (pair.Value > 2 && pair.Value <= 4)
{
<a class="medSize" href="@Href("~/Posts/Tags/" + pair.Key)">@pair.Key</a>
}
if (pair.Value > 4 && pair.Value >= 6)
{
<a class="maxSize" href="@Href("~/Posts/Tags/" + pair.Key)">@pair.Key</a>
}
}
现在的问题是它只显示当前页面上所有帖子的标签,而不是数据库中的所有标签。我应该怎么做?在此视图(索引)的顶部,我使用:
@using Blog.Models;
@model IEnumerable<Post>
感谢您的任何帮助!
我无法对此进行测试,但我希望这无论如何都可以:
var list = Model.SelectMany(x => x.Tags).GroupBy(x => x.Name, g => new {Name = g.Key, Amount = g.Count()});
返回一个包含标记名称及其各自数量的列表。
你可以试试这个jquery插件。基本上,您应该根据标签对所有帖子进行分组。
<div id="tagCloud">
foreach(var tag in Tags)
{
<a href="@tag.Path()" rel="@tag.Posts.Count">@tag.Name</a>
}
</div>
$.fn.tagcloud.defaults = {
size: {start: 14, end: 18, unit: 'pt'},
color: {start: '#cde', end: '#f52'}
};
$(function () {
$('#tagCloud a').tagcloud();
});