[thinkPHP5项目实战_16]文章列表展示
文章栏目8948940
发布时间:2019-12-28 09:56:02

概述

文章列表展示的主要功能点有:

联动栏目数据库查询文章对应的栏目展示出来;

展示略缩图;

展示格式化时间;

列表分页;

1.数据库联动查询

thinkPHP5提供了数据库查询的链式操作查询方法https://www.kancloud.cn/manual/thinkphp5/118083

我们要根据article表的cateid来查询cate表中cateid对应的catename,操作方法为:

$artres = \think\Db::name('article')->alias('a')->join('cate c','c.ID = a.cateid','LEFT')->select();

join方法有三个参数及返回值分别代表:

join

要关联的(完整)表名以及别名

支持三种写法:

写法1:[ ‘完整表名或者子查询’=>’别名’ ]

写法2:’完整表名 别名’

写法3:’不带数据表前缀的表名’

condition

关联条件。可以为字符串或数组, 为数组时每一个元素都是一个关联条件。

type

关联类型。可以为:INNER、LEFT、RIGHT、FULL,不区分大小写,默认为INNER。

INNER JOIN: 等同于 JOIN(默认的JOIN类型),如果表中有至少一个匹配,则返回行

LEFT JOIN: 即使右表中没有匹配,也从左表返回所有的行

RIGHT JOIN: 即使左表中没有匹配,也从右表返回所有的行

FULL JOIN: 只要其中一个表中存在匹配,就返回行

返回值

模型对象

2.数据分页

在查询数据中指定每页数据,分页代码置于视图模板:

$artres = \think\Db::name('article')->alias('a')->join('cate c','c.ID = a.cateid','LEFT')->paginate(3);
{$artres->render()}

页面引用了bootstrap库,因此会自动优化好样式。

3.时间格式化

使用时间过滤功能

date="Y-m-d",###

4.输出缩略图

需要对是否有缩略图进行判断

{if condition="$vo['pic'] neq ''"}
    <img src="PUBLIC{$vo.pic}" height="50">
{else /}
    暂无缩略图
{/if}

5.模板视图代码

<table class="table table-striped">
    <thead>
        <tr>
            <th>ID</th>
            <th>文章标题</th>
            <th>略缩图</th>
            <th>点击量</th>
            <th>栏目</th>
            <th>发布时间</th>
            <th>操作</th>
        </tr>
    </thead>
    <tbody>
        {volist name="artres" id="vo"}
        <tr>
            <th>{$vo.artid}</th>
            <th>{$vo.title}</th>
            <th>
                {if condition="$vo['pic'] neq ''"}
                <img src="PUBLIC{$vo.pic}" height="50">
                {else /} 
                暂无缩略图
                {/if}
            </th>
            <th>{$vo.click}</th>
            <th>{$vo.catename}</th>
            <th>{$vo.time | date="Y-m-d",###}</th>
            <th>
                <a class="link-update" href="">修改</a>
                <a class="lin-del" href="" οnclick="return confirm('你确定要删除这篇文章吗?');">删除</a>
            </th>
        </tr>
        {/volist}
    </tbody>
</table>
{$artres->render()}

6.效果

[thinkPHP5项目实战_16]文章列表展示