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

資訊專欄INFORMATION COLUMN

October CMS - 快速入門 2 基本概念

kycool / 2546人閱讀

摘要：項目源碼地址文章視頻基本界面的后臺管理很簡單，沒有多余的功能。首頁部分是儀表盤顯示了系統(tǒng)的基本信息。修改完成后，在編輯器里面保存此文件。在上部出現(xiàn)了一個懸浮框，名稱為帖子列表。

項目源碼地址：https://gitee.com/494901823/O...

文章視頻：http://www.365yg.com/i6567357...

基本界面


October CMS 的后臺管理很簡單，沒有多余的功能。
首頁部分是【儀表盤】顯示了系統(tǒng)的基本信息。


內(nèi)容管理系統(tǒng)：這里可以設(shè)置頁面、部件、布局、內(nèi)容塊、資源和組件。


媒體：是用于管理系統(tǒng)中的各種媒體資源，包括圖片、音頻、視頻、文檔等。默認是存儲在服務(wù)器本地的。我們可以上傳這些內(nèi)容到服務(wù)器，也可以建立更多的目錄對這些資源進行分別存儲。

設(shè)置：默認情況下設(shè)置里面沒有太多的設(shè)置，默認包含郵件、日志以及系統(tǒng)和內(nèi)容功能。我們可以在系統(tǒng)中進行管理員的管理，用于控制用戶具有的權(quán)限。后面，我們將學(xué)習(xí)插件是如何工作的。


點擊右上角的用戶圖標，我們可以查看用戶的配置文件。并且，我們可以從這里退出當前用戶。

基本概念


這個網(wǎng)站的首頁是如何生成的呢，如何進行管理這些頁面呢？


這部分就是October的核心，頁面里面包含了404頁面、ajax頁面、500錯誤頁面，首頁和演示插件。從其顯示的URL可以知道，我們的首頁內(nèi)容是Demonstration這個頁面。
我們點擊這個條目，就可以看到如下的界面：


我們也可以看到【標題】和【URL】分別就是設(shè)置頁面名稱和訪問URL的。我們可以非常方便的進行修改。在【設(shè)置】選項卡，我們可以看見，URL為 / 的對應(yīng)的文件名為home.htm，使用的布局是 default 。再下面黑色部分就是代碼編輯器。
home.htm是一個真實存在的頁面。它就存在于文件系統(tǒng)中。如下圖所示。

通過查看這里的home.htm文件，我們就可以很簡單的知道，我們的主頁其實就是一個靜態(tài)頁面。如果我們自定義這些頁面、部件、布局、內(nèi)容等，就可以自己定義自己的前端頁面了。

title = "Demonstration"
url = "/"
layout = "default"
==

home.htm中的頂部這些代碼就是定義頁面的一些屬性。我們通過修改這些屬性，他們會同時體現(xiàn)在后臺系統(tǒng)中。

title = "Homepage"
url = "/"
layout = "default"

修改完成后，在編輯器里面保存此文件。然后在后臺刷新頁面，然后再次打開【頁面】菜單，我們將看到我們的修改生效了。

可以很簡單的體會到，我們通過后臺管理系統(tǒng)可以很方便的設(shè)置這個Home.htm文件的內(nèi)容了。另外，我們通過下面的【元素】選項卡，可以設(shè)置有關(guān)SEO的內(nèi)容，如meta標題和描述信息。

下面我們將建立一個about頁面對象。看看操作具體怎么做。

在上圖中，點擊增加，則會出現(xiàn)在右側(cè)一個新的選項卡【新頁面】
填寫標題為About,則


選擇布局為default，并在代碼編輯部分寫上些什么，然后保存并刷新頁面。

然后我們打開編輯器，可以看見，系統(tǒng)新建了一個文件


如何訪問這個頁面呢？
http://octobermovie.dev.raise...


通過上面的頁面信息，我們可以看到這個頁面包含了頭部信息和尾部信息。那么這個about信息就是對應(yīng)的layout中的{% page %}

我們進一步研究home.html,可以看見


{% content "welcome.htm" %}
對應(yīng)的就是


其代碼則是：

因此，我們可以知道，調(diào)用/content/welcome.html的方法就是：{% content "welcome.htm" %}
同樣道理，我們調(diào)用header和footer則是調(diào)用部件site/header site/footer
{% partial "site/header" %}
{% partial "site/footer" %}

通過上面的介紹，我們知道了如何使用頁面、部件、布局和內(nèi)容塊。下面是組件
我們演示一個關(guān)于組件的管理和使用：

組件的使用


打開設(shè)置——更新——可以看到檢查更新、安裝插件、管理插件；點擊安裝插件，并在搜索框中輸入“Blog”，并安裝插件。

安裝完成后，系統(tǒng)將出現(xiàn)一個新的菜單“博客”。點擊菜單：

在這個界面中，可以創(chuàng)建帖子、查看已有的帖子，管理分類等。

創(chuàng)建新的分類：

創(chuàng)建新的帖子：

為這個帖子設(shè)置分類：

設(shè)置這個帖子的其他信息：諸如發(fā)布時間、摘要或者圖片。

如何顯示這些博客信息：
進入內(nèi)容管理系統(tǒng)，為博客建立一個頁面：這里顯示博客的列表，并使用默認布局。
點擊左側(cè)的組件，

可以看見“帖子列表”，鼠標點住帖子列表，拖動到編輯器內(nèi)，釋放鼠標，你可以看見如下圖所示的界面。在代碼中出現(xiàn)了：{% component "blogPosts" %} 。在上部出現(xiàn)了一個懸浮框，名稱為帖子列表。

點擊“保存”。
然后在瀏覽器中輸入 http://octobermovie.dev.raise...

然后你就可以看見剛才后臺中的兩個帖子的列表。

如果我們想自定義這個帖子顯示的內(nèi)容和格式怎么辦？
回到 內(nèi)容管理系統(tǒng) 選擇Blog頁面，然后把鼠標點擊編輯器中的 component 這個單詞。其編輯器右邊會出現(xiàn)一個叉號圖標：

點擊這個叉號圖標，通過下面顯示的代碼，我們可以很容易的找到顯示帖子的標題、發(fā)布時間、分類及正文的相關(guān)內(nèi)容：

比如，我們在標題上面顯示發(fā)布時間，則將下面的代調(diào)換一個位置就可以了


    Posted
    {% if post.categories.count %} in {% endif %}
    {% for category in post.categories %}
        {{ category.name }}{% if not loop.last %}, {% endif %}
    {% endfor %}
    on {{ post.published_at|date("M d, Y") }}

保存并刷新頁面：

當我們點擊帖子的標題鏈接時，你會發(fā)現(xiàn)，它始終是顯示當前的界面。并沒有引導(dǎo)我們展示帖子的內(nèi)容。因此，我們需要創(chuàng)建一個顯示帖子內(nèi)容的頁面：
進入“內(nèi)容管理系統(tǒng)”——“頁面”——“新建頁面”
根據(jù)上面的學(xué)習(xí)內(nèi)容，分別設(shè)置頁面標題為“Blog post”；URL：“/blog/:slug”；添加插件“帖子”。

然后，我們打開頁面，找到Blog頁面，設(shè)置帖子頁面為我們剛剛創(chuàng)建的blog-post

刷新前端頁面，點擊帖子的標題：

可以看見可以顯示帖子的內(nèi)容信息了。只是沒有了頁眉和頁腳了，這是因為，blog-post的頁面沒有設(shè)置布局。
設(shè)置布局

刷新頁面：

以上就是October中如何使用【頁面】【部件】【布局】【內(nèi)容】【組件】的方法。

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

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

相關(guān)文章

  • 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 - 快速入門 16 - 建立簡單的組件

    摘要：首先傳入演員列表，并循環(huán)輸出刷新首頁，就看見顯示的演員的列表到目前為止，最簡單的組件我們就創(chuàng)建好了，我們可以繼續(xù)擴展其功能。 本節(jié)將創(chuàng)建有關(guān)actor的組件：首先創(chuàng)建一下目錄結(jié)構(gòu) showImg(https://segmentfault.com/img/bVbcqwE?w=313&h=405); 首先創(chuàng)建插件的基本功能 namespace RaiseinfoMoviesComponen...

    1fe1se 評論0 收藏0

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

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

    macg0406 評論0 收藏0

  • October CMS - 快速入門 1 安裝

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

    xcold 評論0 收藏0

  • October CMS - 快速入門 14 保存Form Widget的數(shù)據(jù)

    摘要：下面修改部件，實現(xiàn)數(shù)據(jù)保存首先需要準備數(shù)據(jù)變量，給小部件使用接下來就可以修改插件了現(xiàn)在顯示了演員表中的所有演員的名，但是，沒有顯示所有演員的姓。 上節(jié)我們只是建立了小插件，但是數(shù)據(jù)是模擬的，我們希望將數(shù)據(jù)存儲起來，那么我們就需要通過關(guān)聯(lián)表將數(shù)據(jù)與視頻表關(guān)聯(lián)并保存，下面我們打開Builder，創(chuàng)建演員表 【database】 showImg(https://segmentfault.co...

    GT 評論0 收藏0

發(fā)表評論

0條評論

kycool

男|高級講師

TA的文章

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