`

友好提示页面

 
阅读更多

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 onload="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 onload="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 onload="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>

 

分享到:
评论

相关推荐

    友好的页面加载效果

    随着HTML5的流行,页面效果越来越炫,同时也需要加载大量的插件及素材,万恶的网速,特别对于挂在国外服务器的网站,一打开一堆素材缓缓加载,位置错乱不齐,故编写此方法,方便大家使用

    实用的500错误跳转页面模板.zip

    3. **用户友好**:提供用户可以采取的行动指南,如刷新按钮或联系信息。 4. **可访问性**:考虑到无障碍性,确保所有用户,包括残障人士,都能理解并操作错误页面。 5. **调试信息**:对于开发者,可能需要提供一些...

    Struts 友好错误提示

    "Struts 友好错误提示"这个主题聚焦于如何在Struts框架中实现优雅的错误处理,以向用户展示定制的错误信息,而不是默认的系统错误页面。 首先,了解Struts的工作原理至关重要。Struts框架通过拦截器(Interceptor)...

    适合做个人博客的一套静态页面

    7. 404错误页(404 Error):当用户访问不存在的页面时显示的友好提示页面。 使用这套静态页面,你可以直接套用到你的个人博客项目中,无需从零开始设计。对于前端新手而言,这是一个很好的实践项目,可以通过修改...

    友好的ALERT提示

    "友好的ALERT提示"就是针对这个问题提出的一种解决方案,它通过创建一个可自定义的层来模拟`ALERT`对话框,并能灵活控制其显示与隐藏,从而提供更加友好、美观的用户提示。 这个方案的核心在于使用JavaScript或者...

    网站系统升级维护提示页面.rar

    总的来说,这个压缩包提供的是一种快速构建专业且用户友好的网站升级维护提示页面的解决方案。通过编辑HTML、CSS和JavaScript文件,开发者能够轻松定制页面,使其符合公司的需求,同时保持良好的用户体验。这种模板...

    更贴心、更友好的用户提示,让alert见鬼去吧!更新1.2版本

    在压缩包文件“GhostMessage”中,可能包含的是实现这一友好提示系统的源代码。这个名称暗示了这是一个轻量级、透明或者非侵入式的提示工具,可能具有幽灵般的存在感,即在不打扰用户的情况下提供必要的信息。 总之...

    百度移动端网站排名seo优化推广方案.docx

    - **友好提示页面:**设置404/403页面,并提供清晰的指引,帮助用户返回主页或其他相关页面。 - **重定向设置:**对于已废弃的页面,可以通过302重定向等方式将其导向新的页面,减少用户流失。 **外链建设:** - **...

    禁用JavaScript时的友好提示

    这段代码会创建一个简洁明了的提示页面,告诉用户他们需要启用JavaScript以获得完整的网站体验。同时,我们还可以通过`&lt;noscript&gt;`标签引用图片资源,例如`images`目录下的图片,来使提示更加直观和吸引人。 此外,...

    CSS3实现仿360错误提示页面代码.zip

    在本项目中,“CSS3实现仿360错误提示页面代码.zip”是一个包含资源的压缩包,主要用于创建一个类似于360浏览器的错误提示页面。这个页面可能在用户遇到网络问题、加载失败或其他异常情况时显示,以提供友好的用户...

    常用的页面载入提示效果.rar

    总之,"常用的页面载入提示效果"这个资源可以帮助开发者了解并实践各种JavaScript加载提示技术,通过这些技巧,他们可以提升网页的用户体验,使得页面加载过程更加友好和吸引人。在实际开发中,根据项目需求和用户...

    62个404页面出错提示页html格式

    404页面是网站设计中不可或缺的一部分,它用于在用户尝试访问不存在的URL时显示一个友好的错误信息。404页面的目的是告知用户请求的页面无法找到,并提供可能的解决方案或引导他们返回网站的其他部分。在这个压缩包...

    .net中自定义错误页面的实现方法

    需要对系统会不同的异常定制相应的友好提示页面 .net中自定义异常页面的重定向都是通过web.config配置页面配置实现,其具体的实现方式有两种方式,下面话不多说了,来一起看看详细的介绍吧。 其一、通过节点system....

    6个美观404错误提示页面

    这种体验对于用户来说并不友好,因此,设计美观且具有交互性的404错误提示页面变得越来越重要,它能帮助提升用户体验,引导用户回到网站的其他部分,而不是让他们直接离开网站。 本文将深入探讨404错误页面的设计...

    js右下角提示信息,最小化页面不影响

    此外,还可以添加关闭按钮或自动消失的机制,使提示信息更友好。例如,设置一个定时器在一段时间后自动隐藏提示框: ```javascript function hidePopupAfterDelay() { setTimeout(() =&gt; { popup.style.display = ...

    友好界面的实现

    4. **反馈机制**:当用户进行操作时,系统应及时给出反馈,如按钮点击后的视觉变化,加载过程中的进度条显示,或者错误提示等。"XHFriendlyLoadingView"很可能就是处理加载反馈的视图组件。 5. **易用性**:操作...

    JQ 页面点击后退弹出提示框

    然而,仅靠这个简单的提示可能不够友好,我们可能希望提供更多的交互,例如确认对话框。可以使用`confirm`函数让用户选择是否真正要后退: ```javascript $(window).on('popstate', function(event) { event....

    页面提示

    标题中的“页面提示”指的是在Web开发中,向用户展示信息、警告或错误的一种常见方式。...通过对这些知识点的深入理解和实践,开发者可以更好地掌握在Web应用中创建高效、用户友好的页面提示的方法。

    好看的通用自定义错误返回页面

    3. 有用的信息:提供一些有用的链接或提示,帮助用户解决问题或找到相关页面。 4. 用户友好:避免过于技术性的术语,使非技术人员也能理解。 5. 反馈机制:提供联系信息或反馈表单,让用户能够报告问题。 实现...

    带导航的404错误提示页面

    404错误提示页面是网站设计中的一个重要组成部分,它在用户访问不存在的URL时显示,向用户传达一个友好的信息并提供可能的导航选项。在这个"带导航的404错误提示页面"资源中,包含了创建一个高效且用户体验良好的404...

Global site tag (gtag.js) - Google Analytics