写一个有美化效果的jsp的错误界面
时间: 2024-05-16 14:17:37 浏览: 133
以下是一个简单的 JSP 错误页面,它使用了 Bootstrap 和 Font Awesome 美化效果:
```jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>错误页面</title>
<!-- 引入 Bootstrap 样式 -->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
<!-- 引入 Font Awesome 图标 -->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/5.15.4/css/all.min.css">
</head>
<body>
<div class="container mt-5">
<div class="alert alert-danger">
<h4><i class="fas fa-exclamation-triangle mr-2"></i>出错了!</h4>
<p>很抱歉,系统发生了错误,请稍后再试。</p>
<p>错误信息:${exception.message}</p>
<p>错误代码:${pageContext.errorData.statusCode}</p>
</div>
</div>
</body>
</html>
```
在这个页面中,我们使用了 Bootstrap 的 `alert` 组件来显示错误信息,并使用了 Font Awesome 的图标来增加美观度。页面中的 `${exception.message}` 和 `${pageContext.errorData.statusCode}` 是 JSP 中的 EL 表达式,用于输出异常信息和响应状态码。在实际使用时,需要将该页面保存为 `error.jsp` 文件,并在 web.xml 中配置错误页面的路径:
```xml
<error-page>
<exception-type>java.lang.Exception</exception-type>
<location>/error.jsp</location>
</error-page>
```
阅读全文