友好提示页面

最新推荐文章于 2021-06-10 00:10:53 发布
最新推荐文章于 2021-06-10 00:10:53 发布
阅读量330 收藏
点赞数
分类专栏： web基础 文章标签： xhtml javascript java ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq510219366/article/details/84450554
版权

1.在web.xml配置：

    <error-page>
        <error-code>404</error-code>
        <location>/jsp/error/error404.jsp</location>
    </error-page>

    <error-page>
        <error-code>500</error-code>
        <location>/jsp/error/error500.jsp</location>
    </error-page>

    <error-page>
        <exception-type>java.lang.NullPointerException</exception-type>
        <location>/jsp/error/nullPointerException.jsp</location>
    </error-page>

 

2.配置404页面

<%@ page contentType="text/html;charset=UTF-8" language="java" isErrorPage="true" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%response.setStatus(HttpServletResponse.SC_OK);%>
<html>
<head>
    <title>页面找不到</title>
    <link type="text/css" href="${pageContext.request.contextPath}/css/CBSStyle.css" rel="stylesheet"/>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.7.1.js"></script>
    <script type="text/javascript">
        var i = 3;
        function task() {
            window.setInterval(countdown, 1000);
        }

        function countdown() {
            i--;
            $("#countdown").html(i);
            if (i == 0) {
                window.history.go(-1);
            }
        }
    </script>
<body οnlοad="task()">
<div class="wrap">

    <div style="text-align: center;margin: 200px 0">
        <h1 style="color: #4d9fea;">页面找不到：404错误，你懂得
            <span id="countdown" style="color: red;font-weight: bold;font-size: 40px;">3</span>秒后自动返回
        </h1>
    </div>
</div>
<div class="clear"></div>
<div class="foot" align="center">Copyright © 2013 学科服务平台</div>
</body>
</html>

 

配置500错误

<%@ page contentType="text/html;charset=UTF-8" language="java" isErrorPage="true" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%response.setStatus(HttpServletResponse.SC_OK);%>
<html>
<head>
    <title>服务器发生错误</title>
    <link type="text/css" href="${pageContext.request.contextPath}/css/CBSStyle.css" rel="stylesheet"/>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.7.1.js"></script>
    <script type="text/javascript">
        var i = 3;
        function task() {
            window.setInterval(countdown, 1000);
        }

        function countdown() {
            i--;
            $("#countdown").html(i);
            if (i == 0) {
                window.clearInterval();
                window.history.go(-1);
            }
        }
    </script>
<body οnlοad="task()">
<div class="wrap">

    <div style="text-align: center;margin: 200px 0">
        <h1 style="color: #4d9fea;">服务器发生问题：500错误，你懂得
            <span id="countdown" style="color: red;font-weight: bold;font-size: 40px;">3</span>秒后自动返回
        </h1>
    </div>
</div>
<div class="clear"></div>
<div class="foot" align="center">Copyright © 2013 学科服务平台</div>
</body>
</html>

 

 

配置空指针错误

<%@ page contentType="text/html;charset=UTF-8" language="java" isErrorPage="true" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%response.setStatus(HttpServletResponse.SC_OK);%>
<html>
<head>
    <title>空指针异常</title>
    <link type="text/css" href="${pageContext.request.contextPath}/css/CBSStyle.css" rel="stylesheet"/>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.7.1.js"></script>
    <script type="text/javascript">
        var i = 3;
        function task() {
            window.setInterval(countdown, 1000);
        }

        function countdown() {
            i--;
            $("#countdown").html(i);
            if (i == 0) {
                window.history.go(-1);
            }
        }
    </script>
<body οnlοad="task()">
<div class="wrap">

    <div style="text-align: center;margin: 200px 0">
        <h1 style="color: #4d9fea;">空指针异常,你懂得
            <span id="countdown" style="color: red;font-weight: bold;font-size: 40px;">3</span>秒后自动返回
        </h1>
    </div>
</div>
<div class="clear"></div>
<div class="foot" align="center">Copyright © 2013 学科服务平台</div>
</body>
</html>

 

qq510219366
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
友好的页面加载效果
04-22
随着HTML5的流行，页面效果越来越炫，同时也需要加载大量的插件及素材，万恶的网速，特别对于挂在国外服务器的网站，一打开一堆素材缓缓加载，位置错乱不齐，故编写此方法，方便大家使用
Struts 友好错误提示
03-16
"Struts 友好错误提示"这个主题聚焦于如何在Struts框架中实现优雅的错误处理，以向用户展示定制的错误信息，而不是默认的系统错误页面。 首先，了解Struts的工作原理至关重要。Struts框架通过拦截器（Interceptor）...
JavaScript之移动web友好提示
Packager
11-16 412
关于移动web登录注册等等界面纯js+css实现友好提示 近期在写一个移动web项目，在做登录界面的时候想到一个状态提示问题，照着pc端web的话，一个友好的自定义弹窗就可以很好的解决，但是对于手机端的话看起来可能就不是很适合了 所以经过考虑，做的ajax静态提交，然后通过接口返回判断给出一定的界面响应 成功则： window.location.href = “你要跳转的url地址” 失败则:...
html 友好提示页面,jquery移动友好的工具提示
weixin_42300721的博客
06-10 171
jquery移动友好的工具提示主要特点：响应式。它依赖于在大屏幕上观看时的最大宽度值，当狭窄的环境时选择最佳的可视位置相对目标(顶部，底部，左，居中，右)。 CSS #tooltip{text-align: center;color: #fff;background: #111;position: absolute;z-index: 100;padding: 15px;}#tooltip:afte...
以友好的方式显示前端号码的提示
编程故事的地方
01-28 230
您如何在前端平稳显示数字？ 在本文中，我们总结了一些实用的原理，介绍了一个工具库-Number Display，并分析了其源代码。 Number Display具有用于Web的JavaScript版本和用于Flutter的Dart版本。 JavaScript版本 飞镖版 在前端开发中，显示数字是非常普遍的要求。 与统计或科学报告中的那些报告最关注精度和标准化不同，前端中的数字更关心友好的...
自定义友好的错误提示页面
weixin_33881140的博客
10-13 307
友好的错误提示页面，我们可以自定义错误页面:webxml中的配置步骤如下：一、打开WEB-INF文件夹下web.xml文件；二、在里面新增：<!--404页面不存在错误--><error-page><error-code>404</error-code><location>/errorpage4...
如何让网页显示友好的错误信息页面
热门推荐
小太阳~
02-18 1万+
原文链接：http://sh.yuloo.com/it/wyjq/71697.shtml大多数用户看到”该页无法显示”,”服务器内部错误”等默认错误提示信息会立马关闭浏览器窗口，我们为什么不能自定义一下呢?让用户从错误信息中得到真正的帮助?错误信息的页面应该做到以下几点：　　 　　1.给普通访客友好提示。告诉他们这是怎么了，简单，再简单，不要出现技术专业词汇，同时告诉他们一些建议如何避免和解决当前
实用的500错误跳转页面模板.zip
11-02
3. **用户友好**：提供用户可以采取的行动指南，如刷新按钮或联系信息。 4. **可访问性**：考虑到无障碍性，确保所有用户，包括残障人士，都能理解并操作错误页面。 5. **调试信息**：对于开发者，可能需要提供一些...
页面提示
03-21
标题中的“页面提示”指的是在Web开发中，向用户展示信息、警告或错误的一种常见方式。...通过对这些知识点的深入理解和实践，开发者可以更好地掌握在Web应用中创建高效、用户友好的页面提示的方法。
网站系统升级维护提示页面.rar
07-30
总的来说，这个压缩包提供的是一种快速构建专业且用户友好的网站升级维护提示页面的解决方案。通过编辑HTML、CSS和JavaScript文件，开发者能够轻松定制页面，使其符合公司的需求，同时保持良好的用户体验。这种模板...
jquery实现友好的输入框提示
12-23
jquery实现友好的输入框提示,可以直接使用，简单易用
HTML实现友好提示框(带尖角的框)
lidelin10的博客
08-12 1万+
友好提示框的主要实现难点就是哪个尖角的问题，其实只要搞清楚三角形的实现原理，实现这种效果也并不难，下面介绍两种实现方法，一种是通过边框实现的三角形通过叠加实现，另一种是通过正方形旋转实现 首先我们讲述一下如何通过边框实现三角形,首先现创建一个div元素，设置宽高为0。 .tri{ width:0px; height:0px; } &lt;div class="tri"&g...
后台报错给用户和前端友好提示（页面和配置）
曾小超的博客
03-02 3595
404页面： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>页面走丢...
配置项目的错误友好提示页面
y41992910的博客
04-04 1150
在web.xml中配置如下内容:可以按照异常类型和错误码做为不同的异常区分 <error-page> <exception-type>java.lang.Exception</exception-type> <!-- location为视图解析器解析后,页面所在的地址--> <location>/uncaughtException</locati
Web应用设置统一错误友好界面
changwilling的博客
08-10 2244
为应用设置统一的错误友好界面，一般在web.xml中设置如下代码：     404   /404.jsp       500   /500.jsp   但是设置后发现，浏览器不能正常跳转404.jsp或500.jsp，这是因为用户的浏览器设置问题，出错之后，浏览器会给出一个统一的错误界面，为了能够显示自己的错误友好界面，需要在404.jsp及500.jsp中加
nginx服务挂掉友好提示页面
最新发布
03-11
如果您的nginx服务挂掉，您可以通过配置一个友好提示页面来提醒用户。您可以在nginx的配置文件中添加以下代码： error_page 500 502 503 504 /50x.html; location = /50x.html { root /usr/share/nginx/html; } ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值