去哪网实习总结：JavaWeb配置404页面（JavaWeb）

本来是以做数据挖掘的目的进去哪网的，结构却成了系统开发。

。。

只是还是比較认真的做了三个月，老师非常认同我的工作态度和成果。。。

实习立即就要结束了，总结一下几点之前没有注意过的变成习惯和问题。分享给大家。

同一时候打个广告：去哪网内审部招JavaWeb开发实习生，时间很自由。每周一天、周六周日甚至都能够。时间充裕的小伙伴给我留言啊。挣个零花钱。还能长点经验。。。

。

（保研的、想工作的大四狗最合适只是了。

。。）

有时候经常会把网址输错。仅仅要所属网站没问题，那就应该让该网站自己主动检測某个网址是否属于该网站，方法是配置web.xml：

<error-page>

    	<error-code>404</error-code>

    	<location>/404.html</location>

</error-page>

这里给一个现成的404.html页面，大家能够直接使用：

去哪网实习总结：JavaWeb配置404页面（JavaWeb）-LMLPHP

<pre name="code" class="html"><!DOCTYPE body PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

	<title>404</title>

	<style type="text/css">

	.panel {

	  border-width: 1px;

	  border-style: solid;

	  margin:0px auto; /*改变panel，使其相对父亲document居中。要求必须设置本panel的width才有效*/

	  background-color: #E0ECFF;

	  background: -webkit-linear-gradient(top,#EFF5FF 0,#E0ECFF 100%);

	  background: -moz-linear-gradient(top,#EFF5FF 0,#E0ECFF 100%);

	  background: -o-linear-gradient(top,#EFF5FF 0,#E0ECFF 100%);

	  background: linear-gradient(to bottom,#EFF5FF 0,#E0ECFF 100%);

	  background-repeat: repeat-x;

	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFF5FF,endColorstr=#E0ECFF,GradientType=0);

	}

	.panel-title {

	  font-size: 22px; /*改变【panel、datagrid等的】文字大小*/

	  font-weight: bold;

	  color: #0E2D5F;

	  height: 25px; /*改变行高*/

	  line-height: 25px; /*改变行高*/

	  font-alignt: center; /*改变文字垂直居中对齐*/

	  text-align: center; /*改变文字水平居中对齐*/

	}

	</style>

	<script type="text/javascript">

		function returnIndex(){

			var url = window.location.href;

			var url = url.split('ProcessEffi')[0] + 'ProcessEffi';

			window.location.href = url;

		}

	</script>

</head>

<body>

	<div class="panel" style="width:600px;">

		<div class="panel-title">

			您訪问的页面不存在

		</div>

		<hr>

		<div style="padding:10px 30px 20px 30px;">

	    	<table cellpadding="5">

	    		<tr>

	    			<td>您訪问的页面不存在,请进行例如以下操作:</td>

	    		</tr>

	    		<tr>

	    			<td>1）保证不是手动输入URL，由于有些參数可能出错！</td>

	    		</tr>

	    		<tr>

	    			<td>

	    				2）返回首页：<a href="javascript:void(0)" onclick="returnIndex()">点击返回首页</a>

	    			</td>

	    		</tr>

	    		<tr>

	    			<td>

	    				3）返回上个页面：<a href="javascript:history.go(-1)" >点击返回上个页面</a>

	    			</td>

	    		</tr>

	    	</table>

	    </div>

	</div>

</body>

</html>