摘要:在頁面中顯示的影片列表是最原始的格式顯示的。那么我們對這個列表及其詳情頁進行格式化。因為影片介紹內容太長了,我們希望只顯示其中的前個字符。下面我們創建詳情頁面。
在movies頁面中顯示的影片列表是最原始的格式顯示的。那么我們對這個列表及其詳情頁進行格式化。
themesraiseinfopagesmovies.htm
如下所示,列表采用的是attribute來顯示的
我們可以試試下面的方式
可以得到相同的結果
同樣道理,我們可以增加文章的簡介字段
刷新頁面,顯示如下,description會以源碼的形式顯示,如果需要以Htm的格式顯示需要
{{ record.description|raw }}
其變化是顯而易見的吧。下面我們再給影片信息標題加上h3標簽。
{% spaceless %} {% if detailsPage %} {% endif %} {{ record.name }} {% if detailsPage %} {% endif %} {% endspaceless %}
因為影片介紹內容太長了,我們希望只顯示其中的前150個字符。
{{ html_limit(record.description,150)|raw }}為電影標題添加詳情鏈接
下面我們查看下面的代碼
{% spaceless %} {% if detailsPage %} {% endif %} {{ record.name }} {% if detailsPage %} {% endif %} {% endspaceless %}
代碼{% if detailsPage %}的意思是,如果這個電影有描述信息,則顯示為超鏈接,否則沒有超鏈接。
但是,這里對于我們的影片是無效的,因為,我們沒有創建影片的詳情頁面。下面我們創建詳情頁面。
根據下圖創建
然后設置組件Record Details
保存模板
刷新頁面后,發現沒有生效,這是因為,僅僅建立詳情頁是不行的,必須進行相應的設置
刷新頁面可以看見,標題的鏈接已經加上了
點擊鏈接,則可以看見影片的詳情頁面
但是,頁面中只是顯示了影片的名稱,其余的都沒有顯示,我們對詳情頁面進行設置
{% if record %}{{ record.name }}
{{ record.year }}
簡介
{{ record.description|raw }}
{% else %} {{ notFoundMessage }} {% endif %}
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/28861.html
摘要:另外我們將對分頁進行講解。添加字段首先打開,選擇原來創建的插件。作為解決辦法進行如下操作,在后加,表示可選參數分頁代碼在 在顯示影片詳情的時候,我們采用id作為鏈接到詳情頁面。這次我們將采用slug的方式鏈接到詳情頁面。另外我們將對分頁進行講解。 添加slug字段 首先打開Builder,選擇原來創建的Movies插件。 showImg(https://segmentfault.com...
摘要:下面創建風格頁面,來顯示某一風格對應的所有視頻的信息。為了讓他顯示所有的視頻信息,我們需要設置反向關聯。模型中間表再次刷新頁面 showImg(https://segmentfault.com/img/bVbcplC?w=766&h=781); 視頻的詳細信息里面列出了影片的風格,能不能在點擊這些風格的時候,可以顯示所有對應這個風格的視頻呢?這就涉及反向的多對多關系。 下面創建風格頁面...
摘要:本節將編寫一些實現對頁面中內容的控制。將內容放入容器文件添加類,讓輸出的內容在一個容器中。創建菜單編輯點擊菜單此頁沒有頭和尾,是因為我們沒有給這個頁面使用布局再次查看頁面,則顯示正常了為當前頁面菜單添加樣式 本節將編寫一些css實現對頁面中內容的控制。 將內容放入容器 文件:themesraiseinfolayoutsdefault.htm ...
摘要:創建插件對于來講是很簡單的事情,因為,提供了一個插件構建器具體步驟這里就不贅述了。安裝完成后,會出現上圖所示的菜單創建自己的插件的方法是點擊如下圖所示的小按鈕。 創建插件對于October來講是很簡單的事情,因為,October提供了一個插件構建器:RainLab.Builder showImg(https://segmentfault.com/img/bVbcoxL?w=1266&h...
摘要:關系,用于將圖片附加到表上再次刷新頁面,現在可以進行圖片上傳了。如何顯示上傳的圖片簡介查看視頻頁面會出現上面圖片顯示的信息,圖片并沒有顯示出來。我們要是顯示這些圖片,則在進行代碼修改圖集當然我們可以使用插件進行顯示和展示。 這一部分我們將為影片創建圖片和圖片庫首先我們將分頁改為每頁10個影片 showImg(https://segmentfault.com/img/bVbco9R?w=...
閱讀 3070·2021-11-22 13:54
閱讀 834·2021-11-04 16:08
閱讀 4464·2021-10-11 11:09
閱讀 3597·2021-09-22 16:05
閱讀 910·2019-08-30 15:54
閱讀 387·2019-08-30 15:44
閱讀 594·2019-08-30 14:05
閱讀 1014·2019-08-30 12:46