October CMS - 快速入門 5 建立插件

建立插件對於October來說是很簡單的事情,由於,October提供了一個插件構建器:RainLab.Builder前端

clipboard.png

具體步驟這裏就不贅述了。laravel

clipboard.png

安裝完成後,會出現上圖所示的菜單Bulider數據庫

建立本身的插件的方法是:點擊以下圖所示的小按鈕。app

clipboard.png

會出現以下所示的界面:點擊【Create Plugin】ide

clipboard.png

以下圖填寫插件屬性ui

clipboard.png

建立完成後的插件以下圖所示spa

clipboard.png

下面須要對插件進行配置:

1.爲插件提供存儲數據的表

clipboard.png

點擊保存,系統將提示數據遷移界面,也就是說剛纔的操做就是建立數據遷移文件的過程。關於數據遷移,請你們參考laravel的基礎知識。插件

clipboard.png

點擊【save & apply】關閉對話框便可。3d

這個插件會在工程項目文件夾裏面生成插件目錄,以下圖所示。orm

clipboard.png

2.建立Models

clipboard.png

建立模型的對話框中輸入模型的名字:通常約定爲數據庫表名的單數形式,強烈推薦遵照這個約定。

clipboard.png

建立完成後,會出現以下圖所示的界面:

clipboard.png

其中Forms提供表單界面,用於用戶輸入和修改Movies表的信息,Lists爲提供列表界面,爲用戶以表格的形式展現Movies表的數據。

3.建立Form

下面咱們建立一個表單用於添加電影信息,將鼠標放到Forms上,右邊會出現一個【+】,點擊便可添加Form

clipboard.png

點擊添加Form後,會出現添加form的操做界面

clipboard.png

建立表單,主要設置下圖所示的幾個屬性

clipboard.png

4.建立列表

clipboard.png

5.建立後臺菜單

clipboard.png

根據下圖設置:Label,Icon,URL暫時默認便可

clipboard.png

6.建立控制器:

clipboard.png

clipboard.png

如今回到後臺菜單選項,進行以下修改,刷新頁面,打開剛剛建立的【視頻】菜單

clipboard.png

後臺菜單就能夠使用了

clipboard.png

7.添加記錄

點擊【視頻】菜單,能夠進行視頻的維護操做。以下圖所示

clipboard.png

試着添加記錄,點擊【建立】

clipboard.png

clipboard.png

再添加幾條記錄

clipboard.png

試着搜索一下

clipboard.png

前端顯示

回到【內容管理系統】爲視頻建立頁面

clipboard.png

訪問URL:http://octobermovie.dev.raise...

clipboard.png
若是想進一步定製顯示效果,能夠定製下面的代碼

clipboard.png

相關文章
相關標籤/搜索