在用戶登錄頁面后進入的是`index.html`頁面，這個頁面加載了整個后臺管理系統的框架，我們可以看到`index.html`源代碼中把整個頁面分為了三部分，左側菜單欄，右側頁面和右側主題欄部分，其實就是利用beetl的`@include`把整個大的復雜的頁面細化了，這樣好維護  左側菜單和右側主題欄部分在用戶登錄后會一直不變，除非刷新瀏覽器頁面，動態變化的是頁面右側這部分，我們打開6個標簽頁，并打開瀏覽器F12調試  新建和切換標簽，頁面的地址不會變化，變化的是頁面右側的`iframe`這部分 下面我們分析一下右側頁面的組成，我們打開菜單管理頁面，查看他的代碼 ``` @layout("/common/_container.html"){ <div class="row"> XXXX等html代碼... </div> <script src="${ctxPath}/static/modular/system/menu/menu.js"></script> @} ``` 整個頁面被`@layout`所包圍，`@layout`是beetl的引用布局(具體用法文檔可以查看beetl的官方文檔)，Guns中內置了`/common/_container.html`這樣一個布局，可以把`/common/_container.html`理解為一個html的抽象封裝，我們每個頁面都繼承自這個模板，默認包含了一系列通用的js css引用等，這樣寫即簡化了我們的開發和維護，又使我們的代碼簡潔有序，在`/common/_container.html`中的`${layoutContent}`就代表我們每個頁面不同的html