springboot 开发本地前后端传值到动态HTML界面

谁借莪１个温暖的怀抱￠ 2023-07-01 12:57 10阅读 0赞

今天想写个简单的ssm框架下的前后端交互的项目

用idea的springboot框架进行开发！

不出意料的遇到了许多坑，那么现在就来一一填一下吧。

创建过程前几篇博客说了，就不重复了。

目录

第一个坑：如何让后端控制器跳转到前端HTML页面

第二个坑：HTMl中获取后端传过来的值！！

第一个坑：如何让后端控制器跳转到前端HTML页面  
         从控制器跳转的方法很多种，

这里无坑，随便用一种百度下即可，我是用modelandview来跳转！下面注意

这时候有些人会发现跳转不了！排查了半天后，终于发现，是注解的问题，请看

@RestController注解，相当于@Controller+@ResponseBody两个注解的结合，

但使用@RestController这个注解，就不能返回jsp,html页面，视图解析器无法解析jsp,html页面。

\-把@ResetController修改为@Controller即可跳转页面。

备注: @Responsebody后，返回结果直接写入HTTP response body中，不会被解析为跳转路径。

使用@RestController返回json数据就不需要在方法前面加@ResponseBody注解了。  
\---------------------   
原文：https://blog.csdn.net/u012975987/article/details/80060731

将注解改变后，即可跳转

第二个坑：HTMl中获取后端传过来的值！！  
  写过jsp的人大概想当然的用el表达式来进行传值！

但是spring boot建议不要使用JSP，默认使用Thymeleaf来做动态页面。

那么接下来就是把html改为动态页面了。

详细配置在另一个博客主！！感谢他的详细解答！！

https://blog.csdn.net/jintingbo/article/details/81633615

在Thymeleaf的页面中。使用时要加上th

例如

注意看这里面的th别删掉。。

在springboot项目的前端页面中，访问后端的动态数据，动态元素需要使用“th:”前缀

运行后，发现前端页面成功！！！

转自：[https://blog.csdn.net/ZhengJCheng/article/details/96984114][https_blog.csdn.net_ZhengJCheng_article_details_96984114]

[https_blog.csdn.net_ZhengJCheng_article_details_96984114]: https://blog.csdn.net/ZhengJCheng/article/details/96984114

发表评论取消回复

表情：

评论列表（有 0 条评论，10人围观）

还没有评论，来说两句吧...

相关阅读

相关 springboot上传图片到本地

springboot上传图片到本地简介：本文讲解，如何使用springboot，将代码上传到本地的某个特定的文件夹。项目的演示文件，在这个地址：https://gi

妖狐艹你老母/ 2024年03月04日 08:04/ 0 赞/ 147 阅读

相关前后端日期的传值问题

目录 1.问题 2.解决方案 3.特别说明 -------------------- 1.问题前端使用vue结合element ui进行开发经常会遇到日期的传

一时失言乱红尘/ 2023年09月27日 16:42/ 0 赞/ 162 阅读

相关 springboot 开发本地前后端传值到动态HTML界面

今天想写个简单的ssm框架下的前后端交互的项目用idea的springboot框架进行开发！不出意料的遇到了许多坑，那么现在就来一一填一下吧。创建过程前几篇博客说了

谁借莪１个温暖的怀抱￠/ 2023年07月01日 12:57/ 0 赞/ 11 阅读

相关前后端传值注意事项

1、前后端开发时，要注意给用户显示对应的提示，和限制，包括但不限于账号格式、邮箱格式、密码格式、传递数据长度，数量等等，同时要给用户足够的提示。 2、开发时，测试要考虑有效

今天药忘吃喽~/ 2022年09月05日 05:30/ 0 赞/ 256 阅读

相关 springMvc前后端传值

[SpringMVC注解@RequestParam全面解析][SpringMVC_RequestParam] 博客分类： [Spring][] [html

谁借莪１个温暖的怀抱￠/ 2022年06月09日 02:27/ 0 赞/ 620 阅读

相关 iOS开发之界面间传值

在iOS开发过程中,界面间数据传输是最为基本的需求，苹果公司为我们开发中提供了多种传值方式，今天我们来谈一谈较为常用的五种方式。 1、属性传值 2、代理传值 3、b

本是古典何须时尚/ 2022年06月06日 13:05/ 0 赞/ 223 阅读

相关 Django前后端传值（转）

Django 前后台的数据传递的方法 Django 从后台往前台传递数据时有多种方法可以实现。最简单的后台是这样的： <table style="border-sp

矫情吗；*/ 2022年05月20日 01:36/ 0 赞/ 272 阅读

相关 django 前后端传值

[Django 前后台的数据传递][Django] 严正声明：作者：[psklf][] 出处： [https://www.cnblogs.com/psklf/a

以你之姓@/ 2022年05月13日 21:18/ 0 赞/ 305 阅读

相关 springboot之前后端传参类型比较

在实际的项目开发中，后台controller方法可能有各种数据类型的参数接收前端传递的值，比如8种基本数据类型、对象、集合等。有的时候，前端不知道使用什么形式的传参，比如key

亦凉/ 2022年04月12日 03:19/ 0 赞/ 251 阅读

相关 ajax：前后端json传值写法

ajax中的contentType有多种类型，默认是contentType=application/x-www-form-urlencoded;charset=utf-8;，如

女爷i/ 2021年09月15日 07:08/ 0 赞/ 432 阅读