Spring boot跳转页面相关问题总结

简介: 在此记录一下本人关于使用Spring boot框架开发web系统时,跳转页面的相关的问题。欢迎各位大佬针对相关问题赐教!

前言


在此记录一下本人关于使用Spring boot框架开发web系统时,跳转页面的相关的问题。欢迎各位大佬针对相关问题赐教!


在完成下面操作时需使用开发工具自动创建一个spring boot项目,并完成如下配置。

1.引入相关依赖

  <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
  <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

2.在.properties中添加Thymeleaf配置

# thymeleaf
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.cache=false
spring.thymeleaf.check-template=true
spring.thymeleaf.check-template-location=true
spring.thymeleaf.mode=LEGACYHTML5

3.项目文件目录

在这里插入图片描述

以下是本篇文章正文内容,下面案例可供参考

一、在Controller层中跳转

代码如下(示例):


@Controller
public class LoginController<Commodity> {

    @Autowired
    LoginService loginService;

    @PostMapping("/login")
    public String login(String username, String password ) {
        Boolean res = loginService.Login(username, password);
        System.out.println(res);
        if (res) {
            return "redirect:index";//重定向
        }else {
            return "login";//转发
        }
    }
    @RequestMapping("/")
    public String loginl(){
        return "login";
    }
    @GetMapping("/index")
    public String index(){
        return "index";
    }

总结:这里记得必须使用@Controller注解,而不是@RestController,不然返回的是字符串而非我们要的页面。使用转发进行页面跳转时,可以正常跳转。而使用重定向时,如没有index()这个方法,会报404错误。(小菜(niao)目前是加一个get请求处理的方法解决,如有大佬知道为何这样不妥,还望赐教。)

二、实现WebMvcConfigurer接口

重写addViewControllers方法
代码如下(示例):


@Configuration
public class MyWebConfig implements WebMvcConfigurer {

    @Override
        public void addViewControllers(ViewControllerRegistry registry) {
        registry.addViewController("/addMember").setViewName("addMember");
    }

总结:这里的 addViewController("/addMember"),是URL路径,如http://localhost:8080/addMember
setViewName("addMembert")是你HTML或JSP页面名称。

三、在js中实现跳转

代码如下(示例):

 <script>
   $("#login").click(function () {
            var username = $('input[name=username]').val();
            var password = $('input[name=password]').val();
            $.ajax({
                type: 'POST',
                data: {
                    username: username,
                    password: password
                },
                dataType: "JSON",
                url: '/login',
                success: function (data) {
                    if (data.res) {
                        window.location.href = "index";
                    } else {
                        alert(data.msg);
                        $('input[name=username]').val("");
                        $('input[name=password]').val("");
                    }
                }
            });
    })
</script>

总结:可以通过ajax提交请求,在请求成功返回的函数中做处理,进行页面跳转。

总结


页面跳转的方法可以采用这些,但不仅限于这样。其他方法后期在学习或工作中将补充进来。本文有不妥之处也希望各位大佬为小菜指点一二。

目录
相关文章
|
5天前
|
XML SQL JavaScript
在vue页面引入echarts,图表的数据来自数据库 springboot+mybatis+vue+elementui+echarts实现图表的制作
这篇文章介绍了如何在Vue页面中结合SpringBoot、MyBatis、ElementUI和ECharts,实现从数据库获取数据并展示为图表的过程,包括前端和后端的代码实现以及遇到的问题和解决方法。
在vue页面引入echarts,图表的数据来自数据库 springboot+mybatis+vue+elementui+echarts实现图表的制作
|
5天前
|
存储 前端开发 JavaScript
Springboot+Vue实现将图片和表单一起提交到后端,同时将图片地址保存到数据库、再次将存储的图片展示到前端vue页面
本文介绍了使用Springboot后端和Vue前端实现图片与表单数据一起提交到后端,并保存图片地址到数据库,然后展示存储的图片到前端Vue页面的完整流程。
Springboot+Vue实现将图片和表单一起提交到后端,同时将图片地址保存到数据库、再次将存储的图片展示到前端vue页面
|
6天前
|
前端开发 Java Spring
springboot+thymeleaf+bootstrap 超级无敌简洁的页面展示 商城管理页面
这篇文章展示了一个使用Spring Boot、Thymeleaf和Bootstrap框架开发的简洁、响应式的商城管理页面,包括美食介绍、产品详情、购物车等功能,适合初学者学习和使用。
springboot+thymeleaf+bootstrap 超级无敌简洁的页面展示 商城管理页面
|
6天前
|
Java 数据库 Spring
springboot+thymeleaf中前台页面展示中、将不同的数字替换成不同的字符串。使用条件运算符
这篇文章介绍了如何在Spring Boot和Thymeleaf框架中使用条件运算符来根据数字字段的值动态替换显示不同的字符串,例如将订单状态的数字0和1替换为"未付款"和"已付款"等。
springboot+thymeleaf中前台页面展示中、将不同的数字替换成不同的字符串。使用条件运算符
|
2月前
|
运维 Java 关系型数据库
Spring运维之boot项目bean属性的绑定读取与校验
Spring运维之boot项目bean属性的绑定读取与校验
36 2
|
2月前
|
存储 运维 Java
Spring运维之boot项目开发关键之日志操作以及用文件记录日志
Spring运维之boot项目开发关键之日志操作以及用文件记录日志
40 2
|
2月前
|
Java Maven
springboot项目打jar包后,如何部署到服务器
springboot项目打jar包后,如何部署到服务器
142 1
|
2月前
|
XML 运维 Java
Spring运维之boot项目打包jar和插件运行并且设置启动时临时属性和自定义配置文件
Spring运维之boot项目打包jar和插件运行并且设置启动时临时属性和自定义配置文件
33 1
|
2月前
|
前端开发 Java Spring
Spring Boot中使用Thymeleaf进行页面渲染
Spring Boot中使用Thymeleaf进行页面渲染
|
2月前
springboot2.4.5使用pagehelper分页插件
springboot2.4.5使用pagehelper分页插件
43 0