當咱們在搭建網站的時候,後端開發人員在編寫後臺的管理系統的時候,每每會由於缺乏一個合適的後臺管理系統的模板,而必須去從新編寫一個,這幾天因爲工做上的安排,須要去研究一下thinkcmf的後臺管理系統,因而發現那個模式是至關不錯,感受基本每一個後臺管理系統均可以套用,我把它的主題框架劃分了4個大塊,三級菜單欄、內容iframe、標籤欄、頂欄,以下圖:php
是否是以爲挺能夠的?是否是有種全部後臺管理系統均可以套用的趕腳勒?因爲整個後臺過於龐大,但咱們又只是要其這樣的主體UI框架,其餘的都不要,因而我把它從新複製粘貼了一下,把咱們須要的這個UI的實現給提取出來了,html
查看效果:http://www.live086.cn/Text/(空間2015/09/23會停用,因此能夠下載面的源碼,直接放在本地服務器(wampserver)就能夠運行)thinkphp
獲取源碼:http://pan.baidu.com/s/1gdEqUYJ 密碼:c951後端
這個嘛,http://t.cn/RUbL4rP服務器
這個UI比較特別的地方在,咱們在選擇三級菜單欄時,右側的內容iframe會即時的更換,所選擇的菜單項也會以標籤的形式出如今標籤欄上,能夠隨意切換,關閉,同時也能夠點擊刷新當前的內容iframe,整個操做起來舒服簡單方便,其代碼主要從幾個方面來實現這些功能:app
openapp(url, appid, appname, selectObj)
這是一個核心的函數,就是打開與菜單欄或是標籤欄相對應的iframe,url是iframe的路徑,thinkphp用U方法生成,appid是iframe的惟一標識,必傳,在切換標籤欄的時候和iframe隱藏與否有很重要的做用,不然會出現點擊菜單欄沒有效果的,具體能夠下載源碼去看,appname則是標籤顯示名稱,selectObj是觸發對象框架
$current_iframe[0].contentWindow.location.reload();
而刷新功能則是使用到iframe的屬性contentWindow,至關於得到iframe的window對象,因而能夠達到刷新的做用,對於框架之間互相調用函數和變量,可前往看這篇博客http://www.cnblogs.com/wuxiaobin/p/4812732.html函數
至於三級菜單怎麼實現?關閉標籤的實現?其餘細節功能能夠查看源碼去看!網站