1. 程式人生 > >一個後臺的iframe版的架構

一個後臺的iframe版的架構

目的:

使用類似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。由於難度不高,我就不多做解釋。

碼雲地址:<a href='https://gitee.com/hushilin/iframe'>傳送門</a>