一个项目的404错误处理页面

可以从网站上404模板，下载后进行修改即可。

　　一个项目难免会出现404页面，为了防止404错误暴露给用户，需要提前做好404页面。在404页面中给用户友好的提示，同时可以自动重定向到项目的主页。

web.xml配置404页面

    <!-- 404页面 --><error-page><error-code>404</error-code><location>/404.jsp</location></error-page>

一个404页面的模板:

404.jsp　　(页面中引用的图片要放到images文件夹下.页面要给处提示，同时能能将用户送回主页)

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%String path = request.getContextPath();String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>404</title>
<meta http-equiv="refresh" content="60;url=index.jsp">
<!-- content="600，即600秒后返回主页，可根据需要修改或者删除这段代码 -->
<link href="css/error.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- 代码 开始 -->
<div id="container"><img class="png" src="data:images/404.png" /> <img class="png msg" src="data:images/404_msg.png" /><p><a href="index.jsp"><img class="png" src="data:images/404_to_index.png" /></a> </p>
</div>
<div id="cloud" class="png"></div>
<!-- 代码 结束 --></body>
</html>

css/error.css

/*  搜集整理 www.198zone.com */
body, div {margin: 0;padding: 0;
}
body {background: url("../images/error_bg.jpg") repeat-x scroll 0 0 #67ACE4;
}
#container {margin: 0 auto;padding-top: 50px;text-align: center;width: 560px;
}
#container img {border: medium none;margin-bottom: 50px;
}
#container .error {height: 200px;position: relative;
}
#container .error img {bottom: -50px;position: absolute;right: -50px;
}
#container .msg {margin-bottom: 65px;
}
#cloud {background: url("../images/error_cloud.png") repeat-x scroll 0 0 transparent;bottom: 0;height: 170px;position: absolute;width: 100%;
}

效果:

注意:

修改下面代码可以修改默认跳转页面与时间。。。

<meta http-equiv="refresh" content="60;url=index.jsp">
<!-- content="600，即600秒后返回主页，可根据需要修改或者删除这段代码 -->

一个项目的404错误处理页面相关推荐

这是可用于下一个项目的React Native工具列表
by Rajput Mehul 通过拉杰普特·梅胡尔(Rajput Mehul) 这是可用于下一个项目的React Native工具列表 (Here's a list of React Native ...
VSTO项目的MSB3482错误
在VSTO项目中调试WCF服务由于需要使用x509证书,使用makecert生成和导入证书调试成功后,突然出现了VSTO的项目编译不正常, 出现MSB3482错误,提示"该项不适于在指定状态 ...
极富创意的404错误个性页面设计欣赏
404错误编码表示服务器找不到指定的页面,这个错误提示页面是可以自定义的,所以很多有创意的人设计了很多有趣的404页面.挑选一些有创意的404错误页面,大家一起来欣赏吧! 字典形式卡通娃娃来凑趣清 ...
09_Android中ContentProvider和Sqllite混合操作，一个项目调用另外一个项目的ContentProvider
1. 编写ContentPrivider提供者的Android应用清单文件 <?xml version="1.0" encoding="utf-8"? ...
网站能正常登陆但是点进去出现404错误_404页面怎么破？诠网科技给你正确的解决方法...
大家应该都有这样的一个经历,有的时候打开什么页面之后就会出现"404",这是什么意思?这个404页面能有什么作用? 首先我们就来了解一下什么是404页面? 404页面不是没有信号的 ...
我是如何开发一个项目的
女主宣言我们理想中的软件工程项目的开发,就应该像电影里盖房子似的按部就班,逐期交付.然而在现实中的项目,往往会遇到各种内外部的阻力或者变动,今天咱就来聊聊我们是如何优雅避开这些坑的.本文最先发布于 ...
Eclipse 下如何引用另一个项目的Java文件
有关联的2个项目,有些类是相同的.例如实体类. 如果你采用 Ctrl + C & Ctrl + V 的方式,以后再有改动,2个项目就都需要改动. 怎样才能只改动一个呢? 答案就是,在一个项目( ...
【前端】20款国外非常漂亮的优秀网站404错误页面HTML模板
404错误页面是一个非常普遍的现象,该页面的目的是告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开.虽然404错误页面在所难免,但网页设计师们却可以在该页面上做 ...
iis php 404错误页面,IIS自定义404错误页面
404.503错误相信大多数站长朋友很对很熟悉,网站刚刚搭建完成后我们一般都会做一个404和503错误页面.那么这是怎么操作的呢?熟悉我的朋友们一定会记得我前段时间写的一篇<Apache服务器实 ...
经典网页设计：原来404错误页面可以这样设计
404页面的目的是告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用浏览网站的其他页面而不是关闭网页离开.自定义404错误页面是增强用户体验的很好的做法,花时间去设计一个创意的404错误页面是 ...

一个项目的404错误处理页面

一个项目的404错误处理页面相关推荐

最新文章

热门文章