9、SpringMVC之處理靜態資源

来源:https://www.cnblogs.com/Javaer1995/archive/2023/10/26/17777472.html
-Advertisement-
Play Games

9.1、環境搭建 9.1.1、在project創建新module 9.1.2、選擇maven 9.1.3、設置module名稱和路徑 9.1.4、module初始狀態 9.1.5、配置打包方式和引入依賴 註意：預設的打包方式為 jar，為了能配置web資源，需要將打包方式設置為 war <?xml ...


9.1、環境搭建

9.1.1、在project創建新module

image

9.1.2、選擇maven

image

9.1.3、設置module名稱和路徑

image

image

9.1.4、module初始狀態

image

9.1.5、配置打包方式和引入依賴

image

註意：預設的打包方式為 jar，為了能配置web資源，需要將打包方式設置為 war

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <groupId>ora.rain</groupId>
    <artifactId>spring_mvc_static</artifactId>
    <version>1.0-SNAPSHOT</version>
    <packaging>war</packaging>

    <dependencies>
        <!-- SpringMVC (基於依賴的傳遞性，會間接引入Spring的依賴)-->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>5.3.1</version>
        </dependency>
        <!-- 日誌（Thymeleaf必須要sl4j，logback則是sl4j的實現） -->
        <dependency>
            <groupId>ch.qos.logback</groupId>
            <artifactId>logback-classic</artifactId>
            <version>1.2.3</version>
        </dependency>
        <!-- ServletAPI -->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>3.1.0</version>
            <scope>provided</scope>
        </dependency>
        <!-- Spring5和Thymeleaf整合包 -->
        <dependency>
            <groupId>org.thymeleaf</groupId>
            <artifactId>thymeleaf-spring5</artifactId>
            <version>3.0.12.RELEASE</version>
        </dependency>
    </dependencies>


</project>

9.1.6、配置web資源目錄

image

打開Project Structure，選擇對應的module，併為該module創建一個web.xml文件

image

註意：web.xml文件需要放到web資源路徑（工程路徑\src\main\webapp）下

image

9.1.7、配置web.xml

image

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">

    <!--配置SpringMVC的前端控制器DispatcherServlet，對瀏覽器發送的請求統一進行處理-->
    <servlet>
        <servlet-name>SpringMVC</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <!--通過初始化參數指定SpringMVC配置文件的位置和名稱-->
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:springmvc.xml</param-value>
        </init-param>
        <!--將DispatcherServlet的初始化時間提前到伺服器啟動時-->
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>SpringMVC</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>

    <!--配置springMVC的編碼過濾器-->
    <filter>
        <filter-name>CharacterEncodingFilter</filter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
        <init-param>
            <!--該初始化參數用於設置請求參數的編碼方式-->
            <param-name>encoding</param-name>
            <param-value>UTF-8</param-value>
        </init-param>
        <init-param>
            <!--該初始化參數用於設置響應參數也使用同樣的編碼方式-->
            <param-name>forceEncoding</param-name>
            <param-value>true</param-value>
        </init-param>
    </filter>
    <filter-mapping>
        <filter-name>CharacterEncodingFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

    <!--配置處理請求方式的過濾器-->
    <filter>
        <filter-name>HiddenHttpMethodFilter</filter-name>
        <filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>HiddenHttpMethodFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

</web-app>

9.1.8、創建SpringMVC的配置文件

image

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context https://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc https://www.springframework.org/schema/mvc/spring-mvc.xsd">

    <!--在指定的包中，掃描bean組件-->
    <context:component-scan base-package="online.liaojy"></context:component-scan>

    <!-- 配置Thymeleaf視圖解析器 -->
    <bean id="viewResolver" class="org.thymeleaf.spring5.view.ThymeleafViewResolver">
        <property name="order" value="1"/>
        <property name="characterEncoding" value="UTF-8"/>
        <property name="templateEngine">
            <bean class="org.thymeleaf.spring5.SpringTemplateEngine">
                <property name="templateResolver">
                    <bean
                            class="org.thymeleaf.spring5.templateresolver.SpringResourceTemplateResolver">
                        <!-- 視圖首碼 -->
                        <property name="prefix" value="/WEB-INF/templates/"/>
                        <!-- 視圖尾碼 -->
                        <property name="suffix" value=".html"/>
                        <property name="templateMode" value="HTML5"/>
                        <property name="characterEncoding" value="UTF-8" />
                    </bean>
                </property>
            </bean>
        </property>
    </bean>

    <!--開啟mvc的註解驅動-->
    <mvc:annotation-driven></mvc:annotation-driven>

    <!--
        視圖控制器（mvc:view-controller）：為指定的請求直接設置（邏輯）視圖名稱，從而實現頁面的跳轉
    -->
    <mvc:view-controller path="/" view-name="index"></mvc:view-controller>

</beans>

9.1.9、創建請求控制器

image

package online.liaojy.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

/**
 * @author liaojy
 * @date 2023/10/24 - 20:15
 */
@Controller
public class PortalController {
    @RequestMapping("/")
    public String portal(){
        return "index";
    }
}

9.1.10、創建模板目錄及頁面模板

image

註意：html要引入thymeleaf的約束：xmlns:th="http://www.thymeleaf.org"

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>首頁</title>
</head>
<body>

<h1>index.html</h1>

</body>
</html>

image

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>成功</title>
</head>
<body>

<h1>success.html</h1>

</body>
</html>

9.1.11、配置tomcat

image

image

9.2、引用圖片的失敗示例

9.2.1、創建圖片目錄並放置圖片

image

9.2.2、在html引用工程中的圖片

image

<img th:src="@{/imgs/JAVAEE.png}">

9.2.3、測試效果

image

image

9.3、頁面跳轉的失敗示例

9.3.1、頁面請求示例

image

<a th:href="@{/static/page}">測試通過請求轉發直接跳轉到一個頁面</a>

9.3.2、控制器方法示例

image

    @RequestMapping("/static/page")
    public String toStaticPage(){
        return "forward:/WEB-INF/templates/success.html";
    }

9.3.3、測試效果

image

image

image

9.4、失敗原因分析

image

因為DispatcherServlet接管了所有請求，所以導致tomcat中處理靜態資源的預設Servlet不再生效。

9.5、解決方案

image

開啟Tomcat預設servlet的處理器之後，DispatcherServlet處理不了的請求（沒有對應的控制器方法）會交由Tomcat預設Servlet來處理；

註意：<mvc:default-servlet-handler>標簽要和<mvc:annotation-driven>標簽配合使用，否則所有的請求都會由Tomcat預設Servlet來處理。

    <!--開啟預設servlet的處理器-->
    <mvc:default-servlet-handler></mvc:default-servlet-handler>

9.6、解決效果演示

9.6.1、引用圖片

image

9.6.2、頁面跳轉

image

image

image

本文來自博客園，作者：Javaer1995，轉載請註明原文鏈接：https://www.cnblogs.com/Javaer1995/p/17777472.html


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Fabric.js 圖案筆刷
    本文簡介 帶尬猴，我是德育處主任 Fabric.js 有圖案畫筆功能，這個功能可以簡單理解成“刮刮卡”效果。 如果只是看 Fabric.js 文檔可能還不太明白 圖案畫筆 PatternBrush 是如何使用。 本文將講解如何配置這款畫筆的基礎屬性。 圖案畫筆（筆刷） PatternBrush 先看 ...
  • JavaScript的基礎語法和數據類型
    一、什麼是JavaScript JavaScript是用於實現用戶交互、動態控制文檔的外觀和內容,動態控制瀏覽器操作、創建cookies等網頁行為的跨平臺、跨瀏覽器的由瀏覽器解釋執行的客戶端腳本語言 二、JavaScript的三種引入方式 1、引入.js尾碼的文件，註意一般外部引入js的文件，放在b ...
  • 記錄--記錄用前端代替後端生成zip的過程，速度快了 57 倍！！！
    這裡給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 業務場景： 產品有個功能是設置主題。類似手機自動切換壁紙，以及其他功能顏色，icon，字體等。 管理員需要在後端管理系統多次下載不同主題，（至於要幹啥就不說了...），主題中可能有 30 ~ 100個高清壁紙, icon 等。現在每次下載 ...
  • Kafka 在分散式系統中的 7 大應用場景
    Kafka 介紹 Kafka 是一個開源的分散式流式平臺，它可以處理大量的實時數據，並提供高吞吐量，低延遲，高可靠性和高可擴展性。Kafka 的核心組件包括生產者（Producer），消費者（Consumer），主題（Topic），分區（Partition），副本（Replica），日誌（Log）， ...
  • Util應用框架快速入門(4) - 集成測試開發入門
    本文演示Util應用框架開發的項目中如何編寫集成測試. 準備 完成 Web Api 快速入門,本文將在之前生成的示例項目上講解集成測試的開發. 測試概述 自動化測試對於Util應用框架的開發非常重要,它能保證基礎功能的穩定性. 對於使用 Util 開發的業務項目,自動化測試不是必須的,但掌握它可能很 ...
  • 程式實現--對外介面可不僅僅是“給大佬遞餐”，前置工作還是要做滴~
    這是典型的程式業務處理的方式。——接收到請求入參後，先進行前置校驗，如果校驗失敗直接中止返回，否則才走後續的業務處理流程。 ...
  • Python 繼承和子類示例：從 Person 到 Student 的演示
    繼承允許我們定義一個類，該類繼承另一個類的所有方法和屬性。父類是被繼承的類，也叫做基類。子類是從另一個類繼承的類，也叫做派生類。 創建一個父類 任何類都可以成為父類，因此語法與創建任何其他類相同： 示例，創建一個名為 Person 的類，具有 firstname 和 lastname 屬性以及一個 ...
  • python ModuleNotFoundError_ No module named 'xxx'的解決方案
    本文主要針對的自己寫的包無法正常import的情況，如果是第三方包的話正常來說沒有問題。 第三方包 主要考慮沒有安裝對應的版本以及包名寫錯了等奇葩情況，具體可參考ModuleNotFoundError: No module named ‘xxx’可能的解決方案大全 自建的包 如果是自己的包，可按照下 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類