成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

October CMS - 快速入門 7 顯示列表和詳情頁(yè)

qylost / 3635人閱讀

摘要：在頁(yè)面中顯示的影片列表是最原始的格式顯示的。那么我們對(duì)這個(gè)列表及其詳情頁(yè)進(jìn)行格式化。因?yàn)橛捌榻B內(nèi)容太長(zhǎng)了，我們希望只顯示其中的前個(gè)字符。下面我們創(chuàng)建詳情頁(yè)面。

在movies頁(yè)面中顯示的影片列表是最原始的格式顯示的。那么我們對(duì)這個(gè)列表及其詳情頁(yè)進(jìn)行格式化。
themesraiseinfopagesmovies.htm
如下所示，列表采用的是attribute來(lái)顯示的

我們可以試試下面的方式
可以得到相同的結(jié)果

同樣道理，我們可以增加文章的簡(jiǎn)介字段

    
    {% for record in records %}
        
  • 
            {# Use spaceless tag to remove spaces inside the A tag. #}
            {% spaceless %}
                {% if detailsPage %}
                    
                {% endif %}

                
                {{ record.name }}

                {% if detailsPage %}
                    
                {% endif %}
            {% endspaceless %}

            {{ record.description }}
        
    • 
    {% else %}
        
  • {{ noRecordsMessage }}
    • 
    {% endfor %}

刷新頁(yè)面，顯示如下，description會(huì)以源碼的形式顯示，如果需要以Htm的格式顯示需要
{{ record.description|raw }}

其變化是顯而易見(jiàn)的吧。下面我們?cè)俳o影片信息標(biāo)題加上h3標(biāo)簽。

 

            {% spaceless %}
                {% if detailsPage %}
                    
                {% endif %}

                
                {{ record.name }}

                {% if detailsPage %}
                    
                {% endif %}
            {% endspaceless %}

因?yàn)橛捌榻B內(nèi)容太長(zhǎng)了，我們希望只顯示其中的前150個(gè)字符。

{{ html_limit(record.description,150)|raw }}
為電影標(biāo)題添加詳情鏈接

下面我們查看下面的代碼

{% spaceless %}
    {% if detailsPage %}
        
    {% endif %}

    
    {{ record.name }}

    {% if detailsPage %}
        
    {% endif %}
{% endspaceless %}

代碼{% if detailsPage %}的意思是，如果這個(gè)電影有描述信息，則顯示為超鏈接，否則沒(méi)有超鏈接。
但是，這里對(duì)于我們的影片是無(wú)效的，因?yàn)?，我們沒(méi)有創(chuàng)建影片的詳情頁(yè)面。下面我們創(chuàng)建詳情頁(yè)面。
根據(jù)下圖創(chuàng)建

然后設(shè)置組件Record Details

保存模板
刷新頁(yè)面后，發(fā)現(xiàn)沒(méi)有生效，這是因?yàn)椋瑑H僅建立詳情頁(yè)是不行的，必須進(jìn)行相應(yīng)的設(shè)置

刷新頁(yè)面可以看見(jiàn)，標(biāo)題的鏈接已經(jīng)加上了

點(diǎn)擊鏈接，則可以看見(jiàn)影片的詳情頁(yè)面

但是，頁(yè)面中只是顯示了影片的名稱，其余的都沒(méi)有顯示，我們對(duì)詳情頁(yè)面進(jìn)行設(shè)置

{% if record %}


{{ record.name }}


{{ record.year }}


簡(jiǎn)介



    {{ record.description|raw }}


{% else %}
    {{ notFoundMessage }}
{% endif %}

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/28861.html

相關(guān)文章

  • October CMS - 快速入門 8 slugs和分頁(yè)

    摘要：另外我們將對(duì)分頁(yè)進(jìn)行講解。添加字段首先打開，選擇原來(lái)創(chuàng)建的插件。作為解決辦法進(jìn)行如下操作，在后加，表示可選參數(shù)分頁(yè)代碼在 在顯示影片詳情的時(shí)候，我們采用id作為鏈接到詳情頁(yè)面。這次我們將采用slug的方式鏈接到詳情頁(yè)面。另外我們將對(duì)分頁(yè)進(jìn)行講解。 添加slug字段 首先打開Builder，選擇原來(lái)創(chuàng)建的Movies插件。 showImg(https://segmentfault.com...

    Stardustsky 評(píng)論0 收藏0

  • October CMS - 快速入門 11 Inverse Relations

    摘要：下面創(chuàng)建風(fēng)格頁(yè)面，來(lái)顯示某一風(fēng)格對(duì)應(yīng)的所有視頻的信息。為了讓他顯示所有的視頻信息，我們需要設(shè)置反向關(guān)聯(lián)。模型中間表再次刷新頁(yè)面 showImg(https://segmentfault.com/img/bVbcplC?w=766&h=781); 視頻的詳細(xì)信息里面列出了影片的風(fēng)格，能不能在點(diǎn)擊這些風(fēng)格的時(shí)候，可以顯示所有對(duì)應(yīng)這個(gè)風(fēng)格的視頻呢？這就涉及反向的多對(duì)多關(guān)系。 下面創(chuàng)建風(fēng)格頁(yè)面...

    Ocean 評(píng)論0 收藏0

  • October CMS - 快速入門 6 基本模板

    摘要：本節(jié)將編寫一些實(shí)現(xiàn)對(duì)頁(yè)面中內(nèi)容的控制。將內(nèi)容放入容器文件添加類，讓輸出的內(nèi)容在一個(gè)容器中。創(chuàng)建菜單編輯點(diǎn)擊菜單此頁(yè)沒(méi)有頭和尾，是因?yàn)槲覀儧](méi)有給這個(gè)頁(yè)面使用布局再次查看頁(yè)面，則顯示正常了為當(dāng)前頁(yè)面菜單添加樣式 本節(jié)將編寫一些css實(shí)現(xiàn)對(duì)頁(yè)面中內(nèi)容的控制。 將內(nèi)容放入容器 文件：themesraiseinfolayoutsdefault.htm ...

    littleGrow 評(píng)論0 收藏0

  • October CMS - 快速入門 5 創(chuàng)建插件

    摘要：創(chuàng)建插件對(duì)于來(lái)講是很簡(jiǎn)單的事情，因?yàn)?，提供了一個(gè)插件構(gòu)建器具體步驟這里就不贅述了。安裝完成后，會(huì)出現(xiàn)上圖所示的菜單創(chuàng)建自己的插件的方法是點(diǎn)擊如下圖所示的小按鈕。 創(chuàng)建插件對(duì)于October來(lái)講是很簡(jiǎn)單的事情，因?yàn)椋琌ctober提供了一個(gè)插件構(gòu)建器：RainLab.Builder showImg(https://segmentfault.com/img/bVbcoxL?w=1266&h...

    macg0406 評(píng)論0 收藏0

  • October CMS - 快速入門 9 Images And Galleries

    摘要：關(guān)系，用于將圖片附加到表上再次刷新頁(yè)面，現(xiàn)在可以進(jìn)行圖片上傳了。如何顯示上傳的圖片簡(jiǎn)介查看視頻頁(yè)面會(huì)出現(xiàn)上面圖片顯示的信息，圖片并沒(méi)有顯示出來(lái)。我們要是顯示這些圖片，則在進(jìn)行代碼修改圖集當(dāng)然我們可以使用插件進(jìn)行顯示和展示。 這一部分我們將為影片創(chuàng)建圖片和圖片庫(kù)首先我們將分頁(yè)改為每頁(yè)10個(gè)影片 showImg(https://segmentfault.com/img/bVbco9R?w=...

    dadong 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<