前言:最近自己想搞一個以springboot開發的web項目,由於頁面布局問題,在前期開發的時候沒有太注意,每天寫一點現在開發到一半出現了一個大問題。
1、先說說整個網站框架搭建問題:(整個項目前后端不分離)
后端采用:springboot+mybatis+mysql
前端采用:layui+angularJS+jquery+thymeleaf (由於自己是后端開發,雖然會點前端,以前上家公司一直是前后端都寫用了angularJS,但着重后端。所以前端頁面使用的技術是自己東湊西拼弄起來的)
1.1、整個網站模板的頁面使用的是layui官網的一個模板做基礎,打算在此模板上自己改成自己想做網站。所以用到了layui,以前在上家公司又用到了angularJS,所以自己勉強把layui和angularJS整合起來了。
1.2、為什么又用到thymeleaf呢,因為現在的公司已經普遍使用springboot了,而springboot官方又推薦使用thymeleaf,所以才選了thymeleaf模板引擎。以前普通SSM比較火,而SSM+jsp是經常一套來開發的。現在使用了springboot所以我就選用thymeleaf了。
前端技術選用大概是這樣的:layui的html靜態模板,js框架使用angularJS+jquery+layer,模板引擎使用thymeleaf
當初也考濾過前后端分離:前端使用layui+vue,使用restful接口風格來交互后端系統。但畢竟這是我個人的項目,vue沒接觸過,前期開發量大等問題就舍棄了此方案。
2、頁面布局的問題出現
在開發過程中,一直使用angularJS的http請求來實現前后端的數據交互,數據交互的格式使用的是json。(angularJS的http請求方法是封裝了ajax請求的)
今天突然想整合頁面布局,把頭部、底部只寫在一個頁面,中間內容實現局布刷新,頭部、底部不刷新。這樣的話中間內容分別封裝在不同的html文件里,由於整個靜態文件都寫在webapp下面,要跳轉html文件所有就要經過后端,也就沒法做到頭部、底部不刷新了,一跳轉必定是刷新整個頁面。
如此就出現了這個困擾着我的難題,那我在controller中處理請求的接口也就不能再使用json數據返回了。如果使用json請求交互返回json數據的形式,在處理請求的過程中我也就沒法既要返回數據,又要跳轉頁面了。

3、頁面布局問題的解決
最后問了公司的前端人員,發現上面的問題思路本來就是錯的。最后在網上發現layout插件能弄成我想要的,果斷選擇了layout
