zoukankan      html  css  js  c++  java
  • 前后端不分离的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

  • 相关阅读:
    springboot开发之配置Servlet三大组件(Servlet、Filter、Listener)
    springboot开发之配置嵌入式Servlet容器两种方式
    springboot开发之利用idea自带的插件模拟客户端请求
    springboot开发之配置自定义的错误界面和错误信息
    springboot开发之删除员工
    springboot开发之修改员工
    springboot开发之添加员工
    springboot开发之thymeleaf页面公共元素的抽取
    oracle 创建表、删除表、添加字段、删除字段、表备注、字段备注、修改表属性
    C#拼装JSON数组简易方法
  • 原文地址:https://www.cnblogs.com/spll/p/10318653.html
Copyright © 2011-2022 走看看