<?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_3_1.xsd"
version="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.DispatcherServlet</servlet
-class>
<init
-param>
<param
-name>contextConfigLocation</param
-name>
<param
-value>/WEB
-INF/spring/spring
-mvc.xml</param
-value>
</init
-param>
<init
-param>
<param
-name>throwExceptionIfNoHandlerFound</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>
<location>/WEB
-INF/views/error/404.jsp</location>
</error
-page>
<!
-- 7. 欢迎页配置
-->
<welcome
-file
-list>
<welcome
-file>index.jsp</welcome
-file>
</welcome
-file
-list>
</web
-app>/这是web.xml界面/<%@ page language="java" contentType="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="${pageContext.request.contextPath}/statics/css/style.css" />
<script src="https
://code.jquery.com/jquery
-3.6.0.min.js"></script>
<script>
$(document
).ready(function(
) {
// 动态数字动画效果
$('.stat
-number'
).each(function(
) {
var $this = $(this
);
var target = parseInt($this.text(
).replace('+', ''
));
var current = 0;
var increment = target / 50; // 控制动画速度
var timer = setInterval(function(
) {
current += increment;
if (current >= target
) {
clearInterval(timer
);
current = target;
$this.text(target + '+'
);
} else {
$this.text(Math.floor(current
) + '+'
);
}
}, 20
);
}
);
// 平滑滚动到锚点
$('a[href^="#"]'
).on('click', function(event
) {
event.preventDefault(
);
$('html, body'
).animate({
scrollTop
: $($.attr(this, 'href'
)).offset(
).top
}, 800
);
}
);
}
);
</script>
</head>
<body>
<header class="navbar">
<div class="nav
-container">
<ul class="nav
-menu">
<li class="active"><a href="${pageContext.request.contextPath}/views/user/home.jsp">首页</a></li>
<li><a href="${pageContext.request.contextPath}/dogs">待领养狗狗</a></li>
<li><a href="${pageContext.request.contextPath}/views/user/about.jsp">关于我们</a></li>
<li><a href="${pageContext.request.contextPath}/views/user/contact.jsp">联系我们</a></li>
<c
:if test="${not empty sessionScope.user}">
<li><a href="${pageContext.request.contextPath}/logout">退出登录</a></li>
</c
:if>
</ul>
</div>
</header>
<div class="hero">
<h1 class="hero
-title">为流浪狗发声，让世界更美好</h1>
<p class="hero
-subtitle">携手保护流浪动物，共建和谐生态环境</p>
<div class="btn
-container">
<a href="${pageContext.request.contextPath}/views/login.jsp" class="btn btn
-primary">立即行动</a>
<a href="#about
-section" class="btn btn
-secondary">了解更多</a>
</div>
</div>
<section 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>
</section>
<!
-- 新增的详细介绍部分
-->
<section id="about
-section" class="about
-section">
<div class="container">
<h2>关于潦草小狗救助站</h2>
<div class="about
-content">
<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="${pageContext.request.contextPath}/images/rescue
-dog.jpg" alt="被救助的狗狗">
</div>
</div>
</div>
</section>
<section class="how
-to
-help">
<div class="container">
<h2>如何帮助它们</h2>
<div class="help
-options">
<div class="help
-option">
<div class="help
-icon">🏠</div>
<h3>领养</h3>
<p>给无家可归的狗狗一个温暖的家。领养不仅拯救了一只狗的生命，也为其他需要救助的狗狗腾出了空间。</p>
<a href="${pageContext.request.contextPath}/dogs" class="btn btn
-small">查看待领养狗狗</a>
</div>
<div class="help
-option">
<div class="help
-icon">🤝</div>
<h3>志愿者</h3>
<p>加入我们的志愿者团队，参与狗狗的日常照顾、遛狗、清洁等工作。您的每一分钟都能带来改变。</p>
<a href="${pageContext.request.contextPath}/views/user/contact.jsp" class="btn btn
-small">成为志愿者</a>
</div>
<div class="help
-option">
<div class="help
-icon">💝</div>
<h3>捐赠</h3>
<p>您的捐款将直接用于狗狗的食物、医疗和庇护所运营。每一分钱都能帮助改善狗狗的生活，助力它们走向更好的未来。</p>
<a href="#" class="btn btn
-small">立即捐赠</a>
</div>
</div>
</div>
</section>
</body>
</html>/这是index.jsp，为什么css文件不体现
本文记录了一次编程过程中遇到的语法错误：缺少分号。详细解释了错误发生的具体位置是在App.h文件中定义全局变量时未正确使用分号进行语句结束标记。
扫一扫
1079
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
