经常输入资源名称错误时，会出现界面找不到的情况，很不友好，编写一个404界面找不到时的显示界面

最新推荐文章于 2024-08-07 11:15:21 发布

明金同学

最新推荐文章于 2024-08-07 11:15:21 发布

阅读量2.1k

点赞数 14

分类专栏： Java Web程序设计练习文章标签： web java css html js

本文链接：https://blog.csdn.net/weixin_44893902/article/details/113863721

版权

Java Web程序设计练习专栏收录该内容

5 篇文章 2 订阅

订阅专栏

查看相关知识

查看相关练习

要求：

经常输入资源名称错误时，会出现界面找不到的情况，很不友好，编写一个404界面找不到时的显示界面

实现步骤：

创建动态的 Java Web 项目

在 WebContent 目录内，创建 HTML5 文件“404.html”，编写界面代码

配置 Eclipse 的 Tomcat 服务器，并部署项目“Java_web_01”。启动 Tomcat 服务器

在浏览器地址栏输入界面访问URL，测试是否能正常访问

404.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页访问不了</title>
<style type="text/css">
	*{
		margin: 0;
		padding: 0;
		box-sizing: 0;
	}
	body{
		background-color: #ededef;
		font-family: "楷体";
	}
	#warp{
		padding: 200px 0px;
		display: flex;
		justify-content: center;
	}
	.left{
		padding: 150px;
		background: url(img/bg.jpg) no-repeat;
		background-size: 80% 80%;
		background-position: right;
	}
	.left_img{
		text-align: right;
		float: left;
		background: url(img/bg.jpg) no-repeat;
	}
	.right{
		line-height: 30px;
		margin: auto 50px;
	}
	.right h3{
	}
	.reason,.oper{
		margin-top: 20px;
	}
</style>
</head>
<body>
	<div id="warp">
		<div class="left">
			<div class="left_img"></div>
		</div>
	
		<div class="right">
			<h3 class="title">啊哦，你所访问的页面不存在，可能是炸了</h3>
			<div class="reason">
				<p>可能的原因:</p>
				<p>1、手抖打错了</p>
				<p>2、链接过了保质期</p>
			</div>
			<div class="oper">
				<p><a href="javascript:histor.go(-1)">返回上一级页面</a></p>
				<p><a href="#">回到网站首页</a></p>
			</div>
		</div>
	</div>
</body>
</html>

源代码：点击查看

明金同学

关注

14
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
14
评论
经常输入资源名称错误时，会出现界面找不到的情况，很不友好，编写一个404界面找不到时的显示界面

要求：经常输入资源名称错误时，会出现界面找不到的情况，很不友好，编写一个404界面找不到时的显示界面实现步骤：创建动态的 Java Web 项目在 WebContent 目录内，创建 HTML5 文件“404.html”，编写界面代码配置 Eclipse 的 Tomcat 服务器，并部署项目“Java_web_01”。启动 Tomcat 服务器在浏览器地址栏输入界面访问URL，测试是否能正常访问...
复制链接

扫一扫