在商品数量见多的情况下，需要进行分页加载。首先在页面上增加分页按钮代码。

<div class="show_next" style="display:none;" page=1>查看更多</div>

按钮样式代码如下：

.show_next {

width: 15rem;

line-height: 1.7rem;

margin: 1rem auto;

text-align: center;

font-size: 0.7rem;

border: 1px solid #ddd;

}

按钮默认是隐藏状态，并且拥有page属性，默认值为1（代表当前是第一页）。以每页显示4个商品信息为例，当需要展示的商品总条数超过4条后，需要展示分页按钮。每次用户单击分页按钮，都需要对其page属性的值加1.其代码如下：

在IndexController.class.php中新增getPage（）方法，根据分页的page值来获取商品列表的数据

在Index模版目录下新增get_page.html文件，代码如下：