October CMS - 快速入门 8 slugs和分页

在显示影片详情的时候,咱们采用id做为连接到详情页面。此次咱们将采用slug的方式连接到详情页面。另外咱们将对分页进行讲解。ui

添加slug字段

首先打开Builder,选择原来建立的Movies插件。this

clipboard.png

添加一个新的列【slug】spa

clipboard.png

修改表单

打开Models,选择Forms中的fields插件

clipboard.png

修改记录

点击【视频】菜单3d

clipboard.png

修改Movies页面

打开内容管理系统,打开Movies singlecode

clipboard.png

clipboard.png

打开Moviesorm

clipboard.png

保存后刷新页面:
能够发现影片的连接地址变成诸以下面的样式
http://octobermovie.dev.raise...
再也不是以id为参数的了。视频

建立分页

打开内容管理系统,打开Movies页面,设置每页大小为1.htm

clipboard.png

刷新页面,会出现分页导航栏,可是,若是点击页码则不会有任何变化。blog

clipboard.png

所以,咱们须要再作些设置

clipboard.png

刷新页面,则会出现以下提示,这是由于咱们缺乏了参数page,而page是必须的参数,不能省略,因此才出现以下错误。

clipboard.png

下面咱们试试:http://octobermovie.dev.raise...

clipboard.png

这样就验证了上述的解释。做为解决办法进行以下操做,在page后加?,表示可选参数

clipboard.png

分页代码在:themesraiseinfopagesmovies.htm

{% if records.lastPage > 1 %}
    <ul class="pagination">
        {% if records.currentPage > 1 %}
            <li><a href="{{ this.page.baseFileName|page({ (pageParam): (records.currentPage-1) }) }}">&larr; Prev</a></li>
        {% endif %}

        {% for page in 1..records.lastPage %}
            <li class="{{ records.currentPage == page ? 'active' : null }}">
                <a href="{{ this.page.baseFileName|page({ (pageParam): page }) }}">{{ page }}</a>
            </li>
        {% endfor %}

        {% if records.lastPage > records.currentPage %}
            <li><a href="{{ this.page.baseFileName|page({ (pageParam): (records.currentPage+1) }) }}">Next &rarr;</a></li>
        {% endif %}
    </ul>
{% endif %}
相关文章
相关标签/搜索