先後端不分離的springboot項目問題：頁面框架問題

前言：最近本身想搞一個以springboot開發的web項目，因爲頁面佈局問題，在前期開發的時候沒有太注意，天天寫一點如今開發到一半出現了一個大問題。

 

一、先說說整個網站框架搭建問題：（整個項目先後端不分離）

　　後端採用：springboot+mybatis+mysql

　　前端採用：layui+angularJS+jquery+thymeleaf　　(因爲本身是後端開發，雖然會點前端，之前上家公司一直是先後端都寫用了angularJS，但着重後端。因此前端頁面使用的技術是本身東湊西拼弄起來的)

　　1.一、整個網站模板的頁面使用的是layui官網的一個模板作基礎，打算在此模板上本身改爲本身想作網站。因此用到了layui，之前在上家公司又用到了angularJS，因此本身勉強把layui和angularJS整合起來了。

　　

　　1.二、爲何又用到thymeleaf呢，由於如今的公司已經廣泛使用springboot了，而springboot官方又推薦使用thymeleaf，因此才選了thymeleaf模板引擎。之前普通SSM比較火，而SSM+jsp是常常一套來開發的。如今使用了springboot因此我就選用thymeleaf了。

　　前端技術選用大概是這樣的：layui的html靜態模板，js框架使用angularJS+jquery+layer，模板引擎使用thymeleaf

 

　　　當初也考濾過先後端分離：前端使用layui+vue，使用restful接口風格來交互後端系統。但畢竟這是我我的的項目，vue沒接觸過，前期開發量大等問題就捨棄了此方案。

 

 

二、頁面佈局的問題出現

　　　在開發過程當中，一直使用angularJS的http請求來實現先後端的數據交互，數據交互的格式使用的是json。（angularJS的http請求方法是封裝了ajax請求的）

　　　今天忽然想整合頁面佈局，把頭部、底部只寫在一個頁面，中間內容實現局布刷新，頭部、底部不刷新。這樣的話中間內容分別封裝在不一樣的html文件裏，因爲整個靜態文件都寫在webapp下面，要跳轉html文件全部就要通過後端，也就無法作到頭部、底部不刷新了，一跳轉一定是刷新整個頁面。

　　如此就出現了這個困擾着個人難題，那我在controller中處理請求的接口也就不能再使用json數據返回了。若是使用json請求交互返回json數據的形式，在處理請求的過程當中我也就無法既要返回數據，又要跳轉頁面了。

 

三、頁面佈局問題的解決

　　最後問了公司的前端人員，發現上面的問題思路原本就是錯的。最後在網上發現layout插件能弄成我想要的，果斷選擇了layout