<?xml versi
on="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:schemaLocati
on="http://xmlns.jcp.org/xml/ns/javaee
http://xmlns.jcp.org/xml/ns/javaee/
web-app_3_1.xsd"
versi
on="3.1">
<!
-- 1. 字符编码过滤器（必须放在第一个filter）
-->
<filter>
<filter
-name>encodingFilter</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>encodingFilter</filter
-name>
<url
-pattern>/*</url
-pattern>
</filter
-mapping>
<!
-- 2. 静态资源处理过滤器（新增）
-->
<filter>
<filter
-name>staticResourceFilter</filter
-name>
<filter
-class>org.springframework.
web.filter.ResourceUrlEncodingFilter</filter
-class>
</filter>
<filter
-mapping>
<filter
-name>staticResourceFilter</filter
-name>
<url
-pattern>/*</url
-pattern>
</filter
-mapping>
<!
-- 3. Spring MVC 前端控制器
-->
<
servlet>
<
servlet-name>dispatcher</
servlet-name>
<
servlet-class>org.springframework.
web.
servlet.Dispatcher
Servlet</
servlet-class>
<init
-param>
<param
-name>c
ontextC
onfigLocati
on</param
-name>
<param
-value>/
WEB-INF/spring/spring
-mvc.xml</param
-value>
</init
-param>
<init
-param>
<param
-name>throwExcepti
onIfNoHandlerFound</param
-name>
<param
-value>true</param
-value>
</init
-param>
<
load-on-startup>1</
load-on-startup>
</
servlet>
<!
-- 4. 静态资源放行配置（关键修改）
-->
<
servlet-mapping>
<
servlet-name>default</
servlet-name>
<url
-pattern>/statics/*</url
-pattern>
<url
-pattern>/images/*</url
-pattern>
<url
-pattern>*.css</url
-pattern>
<url
-pattern>*.js</url
-pattern>
<url
-pattern>*.png</url
-pattern>
<url
-pattern>*.jpg</url
-pattern>
<url
-pattern>*.gif</url
-pattern>
<url
-pattern>*.ico</url
-pattern>
<url
-pattern>*.woff</url
-pattern>
<url
-pattern>*.woff2</url
-pattern>
<url
-pattern>*.ttf</url
-pattern>
<url
-pattern>*.svg</url
-pattern>
</
servlet-mapping>
<!
-- 5. Spring MVC 映射（必须放在静态资源之后）
-->
<
servlet-mapping>
<
servlet-name>dispatcher</
servlet-name>
<url
-pattern>/</url
-pattern>
</
servlet-mapping>
<!
-- 6. 错误页面配置（可选）
-->
<error
-page>
<error
-code>404</error
-code>
<locati
on>/
WEB-INF/views/error/404.jsp</locati
on>
</error
-page>
<!
-- 7. 欢迎页配置
-->
<welcome
-file
-list>
<welcome
-file>index.jsp</welcome
-file>
</welcome
-file
-list>
</
web-app>/这是
web.xml界面/<%@ page language="java" c
ontentType="text/html; charset=UTF
-8" pageEncoding="UTF
-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF
-8">
<title>流浪狗救助站
- 首页</title>
<link rel="stylesheet" href="${pageC
ontext.request.c
ontextPath}/statics/css/style.css" />
<script src="https://code.jquery.com/jquery
-3.6.0.min.js"></script>
<script>
$(document).ready(functi
on() {
// 动态数字动画效果
$('.stat
-number').each(functi
on() {
var $this = $(this);
var target = parseInt($this.text().replace('+', ''));
var current = 0;
var increment = target / 50; // 控制动画速度
var timer = setInterval(functi
on() {
current += increment;
if (current >= target) {
clearInterval(timer);
current = target;
$this.text(target + '+');
} else {
$this.text(Math.floor(current) + '+');
}
}, 20);
});
// 平滑滚动到锚点
$('a[href^="#"]').
on('click', functi
on(event) {
event.preventDefault();
$('html, body').animate({
scrollTop: $($.attr(this, 'href')).offset().top
}, 800);
});
});
</script>
</head>
<body>
<header class="navbar">
<div class="nav
-c
ontainer">
<ul class="nav
-menu">
<li class="active"><a href="${pageC
ontext.request.c
ontextPath}/views/user/home.jsp">首页</a></li>
<li><a href="${pageC
ontext.request.c
ontextPath}/dogs">待领养狗狗</a></li>
<li><a href="${pageC
ontext.request.c
ontextPath}/views/user/about.jsp">关于我们</a></li>
<li><a href="${pageC
ontext.request.c
ontextPath}/views/user/c
ontact.jsp">联系我们</a></li>
<c:if test="${not empty sessi
onScope.user}">
<li><a href="${pageC
ontext.request.c
ontextPath}/logout">退出登录</a></li>
</c:if>
</ul>
</div>
</header>
<div class="hero">
<h1 class="hero
-title">为流浪狗发声，让世界更美好</h1>
<p class="hero
-subtitle">携手保护流浪动物，共建和谐生态环境</p>
<div class="btn
-c
ontainer">
<a href="${pageC
ontext.request.c
ontextPath}/views/login.jsp" class="btn btn
-primary">立即行动</a>
<a href="#about
-secti
on" class="btn btn
-sec
ondary">了解更多</a>
</div>
</div>
<secti
on class="stats">
<div class="stat
-item">
<div class="stat
-number">25+</div>
<div class="stat
-label">救助项目</div>
</div>
<div class="stat
-item">
<div class="stat
-number">1200+</div>
<div class="stat
-label">志愿者</div>
</div>
<div class="stat
-item">
<div class="stat
-number">50+</div>
<div class="stat
-label">合作伙伴</div>
</div>
</secti
on>
<!
-- 新增的详细介绍部分
-->
<secti
on id="about
-secti
on" class="about
-secti
on">
<div class="c
ontainer">
<h2>关于潦草小狗救助站</h2>
<div class="about
-c
ontent">
<div class="about
-text">
<h3>我们的使命</h3>
<p>潦草小狗救助站成立于2010年，是一个非营利性组织，致力于为无家可归的流浪狗提供庇护、医疗和寻找永久家庭的机会。我们相信每只狗都值得被关爱和保护。</p>
<h3>我们的工作</h3>
<p>我们的工作包括：</p>
<ul>
<li>救助街头流浪狗并提供临时庇护</li>
<li>为狗狗提供必要的医疗护理和绝育服务</li>
<li>通过领养计划为狗狗寻找永久家庭</li>
<li>开展公众教育活动，提高动物保护意识</li>
<li>倡导动物福利政策的改进</li>
</ul>
<h3>我们的成就</h3>
<p>自成立以来，我们已经：</p>
<ul>
<li>救助了超过5000只流浪狗</li>
<li>为3000多只狗狗找到了永远的家</li>
<li>开展了200多场公众教育活动</li>
<li>建立了覆盖全市的志愿者网络</li>
</ul>
</div>
<div class="about
-image">
<img src="${pageC
ontext.request.c
ontextPath}/images/rescue
-dog.jpg" alt="被救助的狗狗">
</div>
</div>
</div>
</secti
on>
<secti
on class="how
-to
-help">
<div class="c
ontainer">
<h2>如何帮助它们</h2>
<div class="help
-opti
ons">
<div class="help
-opti
on">
<div class="help
-ic
on">🏠</div>
<h3>领养</h3>
<p>给无家可归的狗狗一个温暖的家。领养不仅拯救了一只狗的生命，也为其他需要救助的狗狗腾出了空间。</p>
<a href="${pageC
ontext.request.c
ontextPath}/dogs" class="btn btn
-small">查看待领养狗狗</a>
</div>
<div class="help
-opti
on">
<div class="help
-ic
on">🤝</div>
<h3>志愿者</h3>
<p>加入我们的志愿者团队，参与狗狗的日常照顾、遛狗、清洁等工作。您的每一分钟都能带来改变。</p>
<a href="${pageC
ontext.request.c
ontextPath}/views/user/c
ontact.jsp" class="btn btn
-small">成为志愿者</a>
</div>
<div class="help
-opti
on">
<div class="help
-ic
on">💝</div>
<h3>捐赠</h3>
<p>您的捐款将直接用于狗狗的食物、医疗和庇护所运营。每一分钱都能帮助改善狗狗的生活，助力它们走向更好的未来。</p>
<a href="#" class="btn btn
-small">立即捐赠</a>
</div>
</div>
</div>
</secti
on>
</body>
</html>/这是index.jsp，为什么css文件不体现
本文解释了web应用中load-on-startup元素的作用，它决定了servlet在容器启动时的加载顺序。当值为正整数或0时，servlet会在部署过程中被加载并初始化；若为负数或缺失，则容器可自由决定加载时机。
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
