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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM