springboot结合前端实现网页跳转功能实例
总结
1、前端代码写好放在springboot的static目录下
2、controller类使用GetMapping获取网址链接，然后返回具体的前端html代码
前端篇
前端常用技术包含bootstrap、vue和react，今天基于html+css，主要为了说明springboot如何实现前后端跳转
编写首页
首页包含两个a标签，分别跳转到a.html和b.html，编译器使用VScode，
首页index.html的body代码如下：
<div class="">
hello, world
</div>
<a href="/a" rel="external nofollow" >跳转a网页</a>
<a href="/b" rel="external nofollow" >跳转b网页</a>
a.html的body代码如下，b.html类似:
<body>
<div class="">这是a网页</div>
</body>
前端三个页面完成，只是前端跳转的话，可以把/a和/b换成a.html和b.html就可以了
后端篇
后段使用springboot，
1、创建springboot项目
2、配置maven
3、创建controller文件夹以及controller类
4、编写跳转代码
创建springboot项目和配置maven已在前面写过，不熟悉的可以参考之前写的这篇博客(springboot实现hello world)https://www.jb51.net/program/310318c1r.htm
创建springboot项目
配置maven
创建controller类
新建controller文件夹，以及创建一个controller类：HelloController.java
在HelloController.java中编写跳转代码
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
@Controller
public class HelloController {
@GetMapping("/")
public Object index(){
return "c.html";
}
@GetMapping("/a")
public Object a(){
return "a.html";
}
@GetMapping("/b")
public Object b(){
return "b.html";
}
}
在GetMapping中填写需要跳转的url地址，函数类通过return返回一个具体的具体的html网页
当目前为止前后都已经写完了，但是后端寻找的是html文件，此时直接运行会提示找不到html文件，需要将前端html文件放在springboot指定的目录下：
静态文件放在resources/static目录中
动态文件放在resources/templates目录下
css、html和js都放在static目录下
运行spring启动类
这两个地方都可以运行，运行后的效果如下：
运行成功：
首页打开成功：
点击跳转到a和b成功：
总结
到此这篇关于springboot结合前端实现网页跳转功能的文章就介绍到这了,更多相关springboot前端实现网页跳转内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
下面小编就为大家带来一篇mybatis 插件: 打印 sql 及其执行时间实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
Java通过SSLEngine与NIO实现HTTPS访问的操作方法
这篇文章主要介绍了Java通过SSLEngine与NIO实现HTTPS访问,需要在Connect操作、Connected操作、Read和Write操作中加入SSL相关的处理即可，需要的朋友可以参考下2021-08-08
这篇文章主要为大家详细介绍了Java实现用户管理系统，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-02-02
SpringBoot实现elasticsearch索引操作的代码示例
这篇文章主要给大家介绍了SpringBoot如何实现elasticsearch 索引操作，文中有详细的代码示例，感兴趣的同学可以参考阅读下2023-07-07
本篇文章给大家详细讲述了Java继承extends与super关键字的相关知识点，需要的朋友们可以参考学习下。2018-02-02
这篇文章主要介绍了Swagger中@ApiIgnore注解的使用，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2021-10-10
这篇文章主要介绍了RabbitMQ消息单独与批量的TTL，TTL全名是Time To Live存活时间，表示当消息由生产端存入MQ当中的存活时间，当时间到达的时候还未被消息就会被自动清除，感兴趣的同学可以参考下文2023-05-05
这篇文章主要介绍了SpringMVC路径匹配中使用通配符问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2021-09-09
SpringBoot项目部署在weblogic中间件的注意事项说明
这篇文章主要介绍了SpringBoot项目部署在weblogic中间件的注意事项说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2021-07-07
TreeMap是Map家族中的一员，也是用来存放key-value键值对的。平时在工作中使用的可能并不多。本文将基于jdk8对其做一个讲解，感兴趣的可以了解一下2022-09-09
最新评论