若依框架整合JSP

清疚 2023-10-08 18:17 46阅读 0赞

今天接到组长任务要求Springboot+JSP完成页面渲染，因为是用的若依框架，一上午零零散散的找了很多资料和视频，没有达到理想的结果，在下午终于弄出来了，于是整理出来供大家查看引用。

（单纯Springboot项目怎么建可参考其他人新建Springboot项目）

另外用到了很多 JSTL标签，建议参考以下网站

菜鸟教程：[JSP 标准标签库（JSTL） | 菜鸟教程 (runoob.com)][JSP _JSTL_ _ _ _runoob.com]

1.  #### 在ruoyi-common下的pom.xml文件中加入相关依赖 ####

<dependency>
                <groupId>org.apache.tomcat.embed</groupId>
                <artifactId>tomcat-embed-jasper</artifactId>
            </dependency>
    
            
            <dependency>
                <groupId>jstl</groupId>
                <artifactId>jstl</artifactId>
                <version>1.2</version>
            </dependency>

#### 2.修改applicaiton.yml文件 ####

（其中prefix 指的是存放jsp文件的路径；suffix指的是后缀）

spring:
        mvc:
            view:
                prefix: /WEB-INF/views
                suffix: .jsp

#### 3. 在ruoyi-framework 模块config 包下新建视图解析类 ####

package com.ruoyi.framework.config;
    
    import org.springframework.context.annotation.Bean;
    import org.springframework.context.annotation.Configuration;
    import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
    import org.springframework.web.servlet.view.InternalResourceViewResolver;
    
    /**
     * 在 WebMvcConfigurer 中配置视图解析器
     * 若依框架默认使用的视图解析器是 Thymeleaf，可以通过以下方式添加 JSP 视图解析器
     *
     * 配置中，InternalResourceViewResolver 是 SpringMVC 自带的一个视图解析器，用于解析 JSP 视图。
     * setPrefix() 方法指定 JSP 文件所在的目录，
     * setSuffix() 方法指定 JSP 文件的后缀名。
     * 在使用 JSP 视图时，可以将视图名称设置为 JSP 文件名，例如 return "index.jsp"，无需指定完整的 JSP 文件路径。
     */
    
    
    @Configuration
    public class WebMvcConfig implements WebMvcConfigurer {
    
        @Bean
        public InternalResourceViewResolver jspViewResolver() {
            InternalResourceViewResolver viewResolver = new InternalResourceViewResolver();
            viewResolver.setPrefix("/WEB-INF/views/");
            viewResolver.setSuffix(".jsp");
            return viewResolver;
        }
    
    }

#### 4. 在ruoyi-admin模块 src/main下新建webapp文件夹 ####

![15d445c3e7a04049a5268e9c12f080ec.png][]

##### 4.1 补充： #####

新建的webapp不是网络类型，需要进行修改，操作如下

打开File->Project Structure （或快捷键Ctrl+Alt+Shift+S）下

![26ae90c00541478996d568a3f4026f53.png][]

##### 4.2 在webapp下新建WEB-INF文件夹，再新建views文件夹 #####

![38057725540e496a95e5f67b52cb840e.png][]

#### 5. 在views文件夹下新建index.jsp文件 ####

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Jsp</title>
    </head>
    <body>
    <h1>01.jsp</h1>
    <h1>${msg}</h1>
    </body>
    </html>

#### 6. 编写controller类 ####

@Controller
    public class HelloController {
        @GetMapping("/hello")
        public String hello(Model model){
            //参数1：将要用到jsp文件中的名字
            //参数2：查询到的内容或对象
            model.addAttribute( "msg","Hello Spring boot + jsp" );
            return "hello";
        }
    }

#### 7. 访问相关地址 ####

> [http://localhost:8080/hello][http_localhost_8080_hello]

![cbb82bf042b845a587059d91eb06b7a7.png][]

#### 8. 测试成功 ####

[JSP _JSTL_ _ _ _runoob.com]: https://www.runoob.com/jsp/jsp-jstl.html
[15d445c3e7a04049a5268e9c12f080ec.png]: https://img-blog.csdnimg.cn/img_convert/15d445c3e7a04049a5268e9c12f080ec.png
[26ae90c00541478996d568a3f4026f53.png]: https://img-blog.csdnimg.cn/img_convert/26ae90c00541478996d568a3f4026f53.png
[38057725540e496a95e5f67b52cb840e.png]: https://img-blog.csdnimg.cn/img_convert/38057725540e496a95e5f67b52cb840e.png
[http_localhost_8080_hello]: http://localhost:8080/hello
[cbb82bf042b845a587059d91eb06b7a7.png]: https://img-blog.csdnimg.cn/img_convert/cbb82bf042b845a587059d91eb06b7a7.png