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

資訊專欄INFORMATION COLUMN

October CMS - 快速入門 9 Images And Galleries

dadong / 1664人閱讀

摘要：關(guān)系，用于將圖片附加到表上再次刷新頁面，現(xiàn)在可以進(jìn)行圖片上傳了。如何顯示上傳的圖片簡介查看視頻頁面會(huì)出現(xiàn)上面圖片顯示的信息，圖片并沒有顯示出來。我們要是顯示這些圖片，則在進(jìn)行代碼修改圖集當(dāng)然我們可以使用插件進(jìn)行顯示和展示。

這一部分我們將為影片創(chuàng)建圖片和圖片庫
首先我們將分頁改為每頁10個(gè)影片

設(shè)置圖片

下面，我們將設(shè)置圖片，點(diǎn)擊菜單【builder】選擇【Movies】選擇【Models】選擇【Forms】中的fields.yaml
添加一個(gè)上傳表單，而且我們不需要為此創(chuàng)建數(shù)據(jù)庫字段，October會(huì)自動(dòng)處理

現(xiàn)在我們點(diǎn)擊【視頻】菜單，選擇一個(gè)視頻編輯

會(huì)出現(xiàn)如下錯(cuò)誤說明沒有定義poster

我們需要在代碼編輯器中，修改文件：pluginsraiseinfomoviesmodelsMovie.php

為poster添加一個(gè)關(guān)系，關(guān)聯(lián)到系統(tǒng)的圖片表，把圖片附加到視頻表上。

    /**
     * 關(guān)系，用于將圖片附加到Movies表上
     */
    public $attachOne = [
        "poster" => "SystemModelsFile"
    ];

再次刷新頁面，現(xiàn)在可以進(jìn)行圖片上傳了。

如何顯示上傳的圖片：
themesraiseinfopagesmovie-single.htm

{{ record.poster }}
{% if record %}


{{ record.name }}


{{ record.poster }}


{{ record.year }}



簡介




    {{ record.description|raw }}



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

查看視頻頁面：http://octobermovie.dev.raise...

會(huì)出現(xiàn)上面圖片顯示的信息，圖片并沒有顯示出來。

如果我們使用{{ record.poster.path }}
則顯示圖片地址，到這里，你或許就明白了，我們需要構(gòu)建一個(gè)img標(biāo)簽，把這個(gè)地址作為img的標(biāo)簽屬性即可。

再次刷新：

但是，我們發(fā)現(xiàn)圖片太大了。好的，我們可以繼續(xù)設(shè)置。

再比如：對圖像進(jìn)行200x200的裁剪

設(shè)置畫廊

我們將在Models——Movie——Forms——fields.yaml中添加新的字段

接下來，如果我們保存后，去編輯視頻，則還會(huì)出現(xiàn)錯(cuò)誤

那么和原來一樣，我們修改插件的Models文件
pluginsraiseinfomoviesmodelsMovie.php

 public $attachMany = [
    "movie_gallery" => "SystemModelsFile"
];

再次刷新：

現(xiàn)在可以上傳多張圖片了

這些圖片可以拖動(dòng)，調(diào)整順序，或者是刪除。

我們要是顯示這些圖片，則在themesraiseinfopagesmovie-single.htm進(jìn)行代碼修改

圖集


    
    {% for image in record.movie_gallery %}
        
  • 
            
                
            
        
    • 
    {% endfor %}

當(dāng)然我們可以使用js插件進(jìn)行顯示和展示。

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

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

相關(guān)文章

  • October CMS - 快速入門 17 - 為組件添加選項(xiàng)

    摘要：上一節(jié)我們通過組件為首頁添加了組件，顯示了演員的列表。但是，我們只是設(shè)置了選項(xiàng)，這個(gè)選項(xiàng)并沒有對數(shù)據(jù)進(jìn)行控制。演員排序?qū)ρ輪T排序以姓名升序排列以姓名降序排列好的，現(xiàn)在選項(xiàng)顯示出來。 上一節(jié)我們通過actor組件為首頁添加了組件，顯示了演員的列表。下面我們將為組件添加一些屬性：defineProperties這個(gè)函數(shù)會(huì)返回一個(gè)數(shù)組，數(shù)組里面的每個(gè)數(shù)組將返回的是每個(gè)選項(xiàng) 添加顯示演員個(gè)數(shù)限...

    longmon 評論0 收藏0

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

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

    littleGrow 評論0 收藏0

  • October CMS - 快速入門 1 安裝

    摘要：項(xiàng)目源碼地址視頻按照開發(fā)環(huán)境的要求安裝環(huán)境，必不可少的是了。在命令行執(zhí)行上述命令完成后，進(jìn)入對應(yīng)的目錄，這里執(zhí)行根據(jù)提示輸入您對應(yīng)的開發(fā)環(huán)境參數(shù)。 項(xiàng)目源碼地址：https://gitee.com/494901823/O... 視頻：http://www.365yg.com/i6567340... 按照laravel開發(fā)環(huán)境的要求安裝環(huán)境，必不可少的是composer了。在命令行執(zhí)行c...

    xcold 評論0 收藏0

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

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

    macg0406 評論0 收藏0

  • October CMS - 快速入門 18 - 創(chuàng)建聯(lián)系表單

    摘要：郵件設(shè)置設(shè)置為。創(chuàng)建插件打開編輯器，在插件目錄下創(chuàng)建目錄，并在目錄下創(chuàng)建表單文件定義組件增加新頁面查看頁面前端，確認(rèn)已經(jīng)生效，只是插件沒有定義，所以沒有內(nèi)容可以顯示。 郵件設(shè)置：config/mail.php；設(shè)置為smtp。 創(chuàng)建插件Contact showImg(https://segmentfault.com/img/bVbctuz?w=940&h=624); 打開編輯器，在co...

    jlanglang 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<