成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

qylost / 3580人閱讀

摘要：在頁面中顯示的影片列表是最原始的格式顯示的。那么我們對這個列表及其詳情頁進行格式化。因為影片介紹內(nèi)容太長了，我們希望只顯示其中的前個字符。下面我們創(chuàng)建詳情頁面。

在movies頁面中顯示的影片列表是最原始的格式顯示的。那么我們對這個列表及其詳情頁進行格式化。
themesraiseinfopagesmovies.htm
如下所示，列表采用的是attribute來顯示的

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

同樣道理，我們可以增加文章的簡介字段

    
    {% 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 %}

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

其變化是顯而易見的吧。下面我們再給影片信息標題加上h3標簽。

 

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

                
                {{ record.name }}

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

因為影片介紹內(nèi)容太長了，我們希望只顯示其中的前150個字符。

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

下面我們查看下面的代碼

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

    
    {{ record.name }}

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

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

然后設置組件Record Details

保存模板
刷新頁面后，發(fā)現(xiàn)沒有生效，這是因為，僅僅建立詳情頁是不行的，必須進行相應的設置

刷新頁面可以看見，標題的鏈接已經(jīng)加上了

點擊鏈接，則可以看見影片的詳情頁面

但是，頁面中只是顯示了影片的名稱，其余的都沒有顯示，我們對詳情頁面進行設置

{% if record %}


{{ record.name }}


{{ record.year }}


簡介



    {{ record.description|raw }}


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

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/28861.html

相關文章

  • October CMS - 快速入門 8 slugs和分頁

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

    Stardustsky 評論0 收藏0

  • October CMS - 快速入門 11 Inverse Relations

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

    Ocean 評論0 收藏0

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

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

    littleGrow 評論0 收藏0

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

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

    macg0406 評論0 收藏0

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

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

    dadong 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<