website.html

网址详情页面代码

网站标题
```
{$t.title} - {:set('title','set')}
```
此代码将网站的具体标题 $t.title 与通过特定函数设置的页面标题 {:set('title','set')} 组合显示，精准呈现页面主题。
网站描述
```
{:cut(preg_replace('/###/is', '', $t.content),160)}
```
它先对网站内容 $t.content 进行处理，去除其中的特定标记 ### ，然后截取前160个字符作为网站描述，简洁地概括页面内容要点。
上一级分类
```
<a href="{:url('index/category',['id'=>$t.tid])}">
    {$c.name}
</a>
```
生成一个可点击链接，链接地址根据网站所属分类的 id 动态生成，显示的分类名称为 $c.name ，方便用户快速返回上一级分类页面。
自定义显示
```
{if $t.tips}<span class="hot-tag">{$t.tips}</span>{/if}
```
若网站存在自定义提示信息 $t.tips ，则会以 <span> 标签包裹并添加 hot-tag 类样式进行展示，突出显示特定提示。
是否置顶
```
{if $t.settop == 1}置顶状态{/if}
```
当网站处于置顶状态（即 $t.settop 的值为1）时，显示“置顶状态”字样，直观告知用户网站的特殊展示地位。
网站详情信息
```
{$c.name}//分类名称
{$t.title}//网址名称
{:cut(preg_replace('/###/is', '', $t.content),100)}//100字描述
{$t.view}//人气
{$t.zan}//点赞
{:makeHtml($t.content)}//详细网址介绍内容
```
这段代码依次展示网站所属的分类名称、网址名称、经过处理的100字内容描述、网站的人气值、点赞数以及将网站详细内容通过特定函数转化为HTML格式后完整展示，让用户全面了解网站详情。
访问站点
```
<a href="{:url('index/url',['id'=>$t.id])}" class="btn btn-primary" target="_blank" rel="nofollow">访问该站点</a>
```
创建一个醒目的“访问该站点”按钮，按钮样式为 btn btn-primary ，点击后会在新页面中打开链接，链接地址根据网站的 id 动态生成，且设置了 nofollow 属性，符合网页链接规范。

点赞收藏案例

<a href="javascript:;" class="sort" onclick="getLike('website','{$t.id}')">
     <i class="fa fa-thumbs-o-up"></i> 
     <span class="getLike">点赞:{$t.zan}</span>
</a>
<a href="javascript:;" class="sort" onclick="getCollection('website','{$t.id}')">
     <i class="fa fa-star"></i>
     {if db_find('shoucang',['m'=>'website','tid'=>$t.id,'uid'=>user('id')])}
     <span class="getCollection">已收藏</span>
     {else/}
     <span class="getCollection">收藏</span>
     {/if}
</a>
<script>
    // 点赞
    function getLike(m,id) {
        $.ajax({
            type: "POST",
            dataType: "json",
            data: {
                m:m,
                id:id
            },
            url: "/index.php/api/getLike.html",
            success: function (response) {
                layer.msg(response.msg);
                if (response.code == 1) {
                    $('.getLike').html('点赞:'+response.zan)
                }
            },
            error: function() {
                layer.msg('请求错误');
            }
        });
        return false;
    }
    // 收藏
    function getCollection(m,id) {
        $.ajax({
            type: "POST",
            dataType: "json",
            data: {
                m:m,
                id:id
            },
            url: "/index.php/api/getCollection.html",
            success: function (response) {
                layer.msg(response.msg);
                if (response.code == 1) {
                    $('.getCollection').html(response.name)
                }
            },
            error: function() {
                layer.msg('请求错误');
            }
        });
        return false;
    }
</script>

此部分代码实现了点赞和收藏功能。点赞按钮通过点击触发 getLike 函数，向服务器发送POST请求，成功后更新点赞数显示；收藏按钮会根据用户是否已收藏该网站动态显示“已收藏”或“收藏”，点击后触发 getCollection 函数，同样通过POST请求与服务器交互，实现收藏功能的逻辑处理。

关键字
```
{volist name=":explode(',', $t['keywords'])" id="vo"}
{if $vo}
<a href="{:url('index/tags',['id'=>$vo])}" target="_blank">{$vo}</a>
{/if}
{/volist}
```
对网站关键字 $t['keywords'] 按逗号进行分割，循环遍历每个关键字，若关键字存在，则生成一个可点击链接，方便用户通过关键字搜索相关内容。

热门工具

{volist name=":db_select('website',['open'=>1,'tool'=>1],'20','settop desc,view desc')" id="v"}
    {:url('index/website',['id'=>$v.id])}//链接
    {$v.ico}//图标
    {$v.title} //标题
    {$v.view}//人气
    {$v.zan}//点赞
{/volist}

从数据库中查询状态为打开且属于工具类别的前20条网站数据，按置顶状态和人气值降序排列，循环展示每个网站的链接、图标、标题、人气值和点赞数，呈现热门工具列表。

最受欢迎

{volist name=":db_select('website',['open'=>1],'10','zan desc,view desc')" id="v"}
    {:url('index/website',['id'=>$v.id])}//链接
    {$v.ico}//图标
    {$v.title} //标题
    {$v.view}//人气
    {$v.zan}//点赞
{/volist}

从数据库中筛选出状态为打开的前10条网站数据，按照点赞数和人气值降序排列，展示每个网站的链接、图标、标题、人气值和点赞数，呈现最受欢迎的网站列表。

推荐标签

{volist name=":db_select('tag',['open'=>1,'type'=>0],'20','px desc')" id="vo"}
    <a href="{:url('index/tags',['id'=>$vo.name])}" target="_blank">
        <span class="fa fa-tag"></span>{$vo.name}
    </a>
{/volist}

从数据库中获取状态为打开且类型为0的前20个标签数据，按特定顺序排列，循环生成每个标签的链接，方便用户浏览相关标签页面。