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