一個後臺的iframe版的架構
阿新 • • 發佈:2018-12-08
目的:
使用類似layui的iframe版的後臺管理系統。
過程:
1.本來打算是使用vue-ivew的後臺管理系統模板,而且已經基本熟練掌握了,但是!隊友對vue不太瞭解,果斷放棄
2.本來打算使用layui-iframe版本的後臺管理系統。但是!窮!!!!!而且介面跟要求的不一致(窮!)。。。
3.自己寫一個得了。真蛋疼。。。
支援:
jquery(後面可能會用到,所以就先放上去)
sass:多人開發,所以還是定義一些變數就ok了
大體思路:
1.頁面大概是分為上左右三個部分的,右邊的就是我們的iframe的載體,然後左邊是我們的tab。上面的就xx系統管理這樣
2.iframe是肯定要用多個的。不然的話只有一個iframe來切換的話,肯定會iframe被初始化的情況,所以用多個是比較好的。
3.iframe的管理,tab被選中等
結構:
assest:一些資原始檔,一些圖示之類的,沒啥大用處
template:一些元件,也是沒啥用現在
index。html:頁面的入口
home.html:iframe的載體,主頁面
頁面大概是這樣:(火狐下)
點選上面任意一項,是到下面的這一頁面:
點選上面任編輯天秤,資料表格,就是隱藏掉這個頁面,然後顯示出我們的iframe。由於難度不高,我就不多做解釋。