前后端不分离的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