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 %}
相關文章
相關標籤/搜索