前後端不分離的springboot項目問題：頁面架構問題

前言：最近自己想搞一個以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

轉載于:https://www.cnblogs.com/spll/p/10318653.html