我使用了springboot框架,想写一个表格实现增删功能,后端写好了,也写了一个静态页面,但是前后端怎么连起来呀,有没有推荐的学习资源,详细点的,视频资料等等。新手求解啊。
在配置文件中配置,表示返回页面的前缀后缀
spring.thymeleaf.suffix=.html
spring.thymeleaf.prefix=classpath:/static/
然后把html文件放在resources/static文件夹
maven需要引入依赖
org.springframework.boot
spring-boot-starter-thymeleaf
如果还是看不懂的话,这里有个Spirng Boot的视频学习资源,上面还有很多别的资源,很适合新手
https://www.imooc.com/learn/956
这是关于Spring Boot如何整合各种资源的
放在resource 下 直接springboot 启动起来即可访问你的页面
我认为 :前端发送请求到后端,后端查出动态数据,拼接到html模板中(php/jsp),生成静态的html传到前端,前端由浏览器展现内容。
如果是前后端分离,那么前端就是纯html/js,通过ajax请求向后端拿数据再有js生成页面
如果是前后端分离,那么前端就是纯html/js,通过ajax请求向后端拿数据再有js生成页面
在配置文件中配置,表示返回页面的前缀后缀
spring.thymeleaf.suffix=.html
spring.thymeleaf.prefix=classpath:/static/
然后把html文件放在resources/static文件夹
maven需要引入依赖
org.springframework.boot
spring-boot-starter-thymeleaf
如果还是看不懂的话,这里有个Spirng Boot的视频学习资源,上面还有很多别的资源,很适合新手
https://www.imooc.com/learn/956
这是关于Spring Boot如何整合各种资源的
采用表单提交或是ajax都可以做到
一、表单提交的方式,action里面填写controller里面写的方法名
二、ajax方式,url就是连接后台的关键
$(function(){
$('#send').click(function(){
$.ajax({
type: "GET",
url: "test.json",
data: {username:$("#username").val(), content:$("#content").val()},
dataType: "json",
success: function(data){
});
});
});
https://blog.csdn.net/winter_chen001/article/details/77249029
还是推荐你系统的学一下
前段请求 后端处理
前端发送请求到后端,后端查出动态数据,拼接到html模板中(php/jsp),生成静态的html传到前端,前端由浏览器展现内容。
如果是前后端分离,那么前端就是纯html/js,通过ajax请求向后端拿数据再有js生成页面
ajax发送请求,后端会暴露一个接口地址