springboot訪問jsp頁面

來源:互聯網
上載者:User

標籤:啟動服務   sign   建立   class   input   lib   聯絡   ges   pom.xml   

1.建立springboot項目,選擇以war包的方式package;

 image

2.勾選Web模組,DevTools可不選(用作熱部署,不影響運行)

 image

3.建立完成後,項目結構如:

 image

4.pom.xml檔案中添加jsp的依賴

        <dependency>            <groupId>org.apache.tomcat.embed</groupId>            <artifactId>tomcat-embed-jasper</artifactId>            <scope>provided</scope>        </dependency>        <dependency>            <groupId>javax.servlet</groupId>            <artifactId>jstl</artifactId>        </dependency>

5.在application.properties檔案中添加以下內容:

#路徑,在webapp檔案夾下建立檔案夾WEB-INF,在往下建檔案夾jspspring.mvc.view.prefix=/WEB-INF/jsp/#檔案名稱的尾碼,例如:index.jsp,放在jsp檔案夾下spring.mvc.view.suffix=.jsp

.yml 檔案配置如下:

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

6.建立index.jsp檔案,路徑結構:


  

7.index.jsp頁面內容如下:

<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%><%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%><!DOCTYPE html><html><head>    <meta charset="UTF-8"/>    <title>登入</title>    <link rel="stylesheet" href="<%=request.getContextPath() %>/css/signin.css">    <link rel="stylesheet" href="<%=request.getContextPath() %>/css/bootstrap.min.css">    <style type="text/css">        body {            padding-top: 50px;        }        .starter-template {            padding: 40px 15px;            text-align: center;        }    </style></head><body><nav class="navbar navbar-inverse navbar-fixed-top">    <div class="container">        <div class="navbar-header">            <a class="navbar-brand" href="#">Spring Boot+JSP</a>        </div>        <div id="navbar" class="collapse navbar-collapse">            <ul class="nav navbar-nav">            </ul>        </div>    </div></nav><div class="container">    <div class="starter-template">        <h2>登入</h2>        <form class="form-signin" role="form" name="form" action="/login" method="post">            <div class="form-group">                <label for="username">使用者名稱</label>                <input type="text" class="form-control" name="username" value="" placeholder="使用者名稱"/>            </div>            <div class="form-group">                <label for="password">密碼</label>                <input type="password" class="form-control" name="password" placeholder="密碼"/>            </div>            <input type="submit" id="login" value="Login" class="btn btn-primary"/>        </form>    </div></div></body></html>

8.引入css檔案,這個不影響效果,只是index.jsp的頁面會不好看

 image.png

9.建立IndexController.java

package com.example.demo.controller;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.RequestMapping;@Controllerpublic class IndexController {    @RequestMapping("/index")    public String index() {        return "index";    }}

10.啟動服務,訪問localhost:8080/index 即可訪問index.jsp成功

 



lisa_777
連結:https://www.jianshu.com/p/25d3ecbdd5e8
來源:簡書
簡書著作權歸作者所有,任何形式的轉載都請聯絡作者獲得授權並註明出處。

springboot訪問jsp頁面

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.