Onethink下載請自行百度咯,安裝也就幾秒鐘。php
高手(略),只是針對和我同樣須要瞭解的菜鳥。css
主要講一講onethink插件的使用,由於這對咱們的快速開發有幫助,因此記錄一下,同時也但願可以幫助一下正在想要了解的朋友。html
咱們從鉤子講起,先看下面的後臺界面:ide
step1. 選擇「新增」spa
step2. 根據需求填寫(鉤子名惟一),而後點擊「肯定」,提示建立成功。插件
如圖:htm
鉤子建立完畢。blog
Next:圖片
step4. 有鉤子就要調用,找到須要調用的模板,添加以下語句: {:hook('BannerImageSlide')}資源
注意:是hook,不是hooks;
Next:
step5. 點擊「插件管理」的「快速建立」
Next:
step6. 根據須要選擇或填寫,點擊"肯定"。
Next:
step7. 點擊安裝。
返回文件,查看生成的目錄和文件:
在./Addons/下生成了ImageSlide目錄和config.php,ImageSlideAddon.class.php兩個文件
如何看咱們的插件在你本身的鉤子下有效果呢?
在類中找到你的鉤子的方法,而且打印一下試試。
若是調用的地方打印了剛纔插件中echo的信息,說明就能夠調用了。若是沒有調用,就要從新仔細檢查一下,看是否是沒有調用對位置。
插件怎麼寫呢?
Next,編寫插件模板:
step9. 問號中的內容是分配給這個模板的變量,能夠先用佔位符表示。
值得一提的是,編寫插件模板就和咱們寫html頁面沒區別。一樣能夠在頁面中引入插件須要的css,js,images等資源。
在插件類分配變量:
這裏的配置不是很方便說明,後面再解釋。
配置好之後,就能夠使用插件的「設置」操做
沒有配置前:
添加了插件配置信息事後:
step10. 若是沒有出現「設置」操做,請先「卸載」,再安裝。點擊「設置」;
Next:
step11. 填入要顯示的值
step13. 點擊「肯定」。
Next:
step15. 找到插件類文件,而且獲取配置信息,並分配變量到模板文件content.html
效果如上,下一步很天然,在插件模板中獲取變量值。
Next:
最後效果如圖:
注意若是紅框中的值,沒有獲得,頗有可能你沒有在插件「設置」中設置值。
但願對須要的朋友有幫助,下一步就是用插件製做一個圖片滾動效果。