`
_与狼共舞
  • 浏览: 61015 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

提高用户体验之404处理

    博客分类:
  • Web
阅读更多
      只要做过WEB开发人对于“404”已经再熟悉不过了吧。当我们访问的资源不存在时,它就会跑出来跟你打招呼啦。但是默认情况下,404页面比较简陋,不是很友好。而且一般用户不知道404是个神马东东,还以为是程序写的有问题呢。这样一来用户体验就打折扣了。所以通常情况下,我们都需要对这些常见的错误进行处理。

                  

                                                                         Tomcat默认的404页

 

为了提升用户体验,我们需要简单的配置一下,来让程序遇到404后跳转到我们指定的页面。首先,需要在web.xml文件加入如下配置:

 

[html] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. <!--404处理 -->  
  2. <error-page>  
  3.     <error-code>404</error-code>  
  4.     <location>/404.jsp</location>  
  5. </error-page>  

以上配置帮我们处理了大部分不存在的资源访问错误,但是如果这时我们访问一个不存在的action,还是会出现Could not find action or result的错误。因为struts里并没相应的action来处理404错误,所以我们还要在struts.xml文件里加入几行配置。具体如下:

 

 

[html] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. <!--action的404处理 -->  
  2. <package name="error" extends="struts-default">  
  3.     <default-action-ref name="notFound" />  
  4.     <action name="notFound">  
  5.         <result>/404.jsp</result>  
  6.     </action>  
  7. </package>  

OK,这样一来无论你访问任何不存在的地址或者action,都会跳转到我们的“404.jsp”页面了。

 

 

                                             自定义的404页

 

      对比前后两种效果,是不是觉得第二个让人觉得更舒服一些呢?而其实我们只是多做了那么一点点,事情往往就是这样,只需要在原来的基础上多做那么一点点,给人的感觉就会变得不一样。在互联网飞速发展的今天,一个企业的成功与失败可能就在转瞬之间。而那些成功的企业往往就是在某个或者某些方面比别人多做了那么一点点。具体是谁我就不明说了,相信每个人心中都有自己的答案。

分享到:
评论

相关推荐

    几个404页面,可以使用此做统一404处理

    在网站设计和开发中,404错误处理是一项必不可少的工作,因为它直接影响用户体验和搜索引擎优化(SEO)。当我们谈论“几个404页面,可以使用此做统一404处理”时,这意味着提供了一组404错误页面设计,目的是让所有...

    404.rar错误页面处理

    这有助于保持网站的内部链接结构完整,提高用户体验。 3. **设置404错误日志**:通过服务器日志,可以追踪404错误的来源,找出哪些页面经常被误访问,然后对这些页面进行修复或更新。 4. **使用URL重写**:通过...

    巧用404错误处理页面帮你节省服务器资源

    此外,404错误页面还有其他用途,比如可以用来收集用户反馈,提供站点搜索功能,或者展示有趣的公司文化,以提高用户体验。通过这种方式,404错误页面不仅是一个实用的工具,也可以成为提升品牌形象的一部分。 总之...

    很好的404错误跳转页面

    设计一个"很好的404错误跳转页面"至关重要,因为它能提高用户体验。一个好的404页面应该包含以下元素: 1. **友好的信息**:明确告诉用户发生了什么,例如"哎呀!这个页面似乎走丢了。" 2. **导航链接**:提供网站的...

    404页面24套

    404页面是互联网上一个重要的组成部分,它在用户尝试访问不存在的网页时显示。...通过妥善设计和定制404页面,网站可以将用户的意外停留转化为探索其他内容的机会,从而提高用户满意度和网站的总体性能。

    error404.rar

    在IT行业中,404错误是一个非常常见的网络问题,它涉及到网页访问...通过这些资源,开发者可以提高用户体验,优化网站结构,并对SEO工作进行有效的支持。对于任何网站来说,理解和正确处理404错误都是必不可少的技能。

    高智商的404页

    标题中的“高智商的404页”可能指的是一个设计独特、富有创意的404错误页面,这种页面通常在用户访问网站上不存在的URL时显示。...而Levenshtein距离算法则可能被用作提高搜索质量和用户体验的工具。

    动态的404错误页面

    动态404页面的设计可以提高用户体验,减少用户因遇到错误而离开网站的可能性,同时也为品牌形象增添趣味性。 404错误本身是一种HTTP状态码,它表示用户尝试访问的网页在服务器上并未找到。这可能是由于用户输入了...

    适合SEO的11款404页面

    在SEO(搜索引擎优化)的视角下,404页面的设计与处理对用户体验和搜索引擎友好性至关重要。本文将详细探讨11种适合SEO的404页面设计策略及其背后的知识点。 1. **自定义404页面**:默认的404页面通常信息不足,不...

    HTML5单页创意404错误页面模板.zip

    总的来说,"HTML5单页创意404错误页面模板"是一个结合了HTML5技术、JS特效的实用工具,它简化了创建吸引人的404页面的过程,同时也为开发者提供了一种提高用户体验的有效方式。通过理解和利用这个模板,开发者可以...

    404错误页面大全

    创建自定义404错误页面也是提高用户体验的好方法。自定义404页面应该包含网站的品牌元素,提供网站主要部分的导航链接,甚至可以有搜索框帮助用户找到他们可能感兴趣的其他内容。此外,还可以加入友好的提示信息,...

    SEO 404页面

    对于SEO来说,404页面的处理方式至关重要,因为它直接影响用户体验和搜索引擎的友好性。 1. **404页面的作用**:当用户点击失效链接或输入错误网址时,服务器返回404错误代码,告知用户请求的页面不存在。良好的404...

    ASP.NETCore统一处理404错误都有哪些方式?.doc

    在ASP.NET Core中,统一处理404错误是提高用户体验和网站专业性的重要环节。常见的处理404错误的方式有多种,下面将详细介绍四种不同的方法: 1. **使用MapFallback方法** MapFallback方法允许你注册一个优先级...

    简单404错误页面不存在.zip

    5. 自定义错误处理:通过JavaScript,可以捕获并处理页面上的特定错误,比如无效的表单提交,这可以提高用户交互的流畅度。 总之,"简单404错误页面不存在.zip"提供的资源是一个针对母婴和女性资讯行业的定制化404...

    九款不同的404页面_404页面资源包_

    这九款404页面的设计旨在提高用户体验,减少用户在遇到错误时的困惑和不满。良好的404页面设计不仅可以降低跳出率,还能增加用户对网站的好感度。设计者可以根据自己的网站风格和用户需求选择或参考这些资源,创造出...

    php框架进行 空操作,空方法,空控制器所跳转到404页面模板

    在PHP框架开发中,设计一个优雅的错误处理机制是至关重要的。当用户尝试访问不存在的操作、方法或控制器时...这种做法不仅提高了用户体验,也便于开发者管理和维护项目,因为他们知道所有未定义的请求都将被妥善处理。

    基于html5的自适应响应试404错误页面 v7.1

    通过将“404.html”文件放在网站根目录下,可以快速设置个性化的404错误页面,提高用户满意度。 6. **优化用户体验**:一个美观且功能完善的404错误页面可以降低用户的挫败感,通过提供搜索框、返回主页链接或其他...

    基于Ajax实现网站用户意见反馈.pdf

    最后,文章总结了使用Ajax技术实现网站用户意见反馈的优势,包括提高用户体验、减少服务器处理时间、提高网站的响应速度等。 知识点: 1. Ajax是一种新的Web应用方法,通过结合XHTML、CSS、DOM、XML等技术,并利用...

    好看的404,500页面

    创建自定义404和500页面是提高用户体验和品牌形象的重要步骤。设计师应确保这些页面不仅具有功能性,还具有视觉吸引力。此外,网站管理员需要正确配置服务器设置,确保这些错误页面在适当的时候被正确地触发。 在...

    漂亮的404自动跳转页面,网页错误自动跳转

    一个精心设计的404自动跳转页面不仅能够提升用户体验,还能帮助网站保持专业形象。本主题将深入探讨404错误自动跳转的概念、实现方式以及与JavaScript (js) 和jQuery (jq) 的关联。 首先,404错误是HTTP状态码的一...

Global site tag (gtag.js) - Google Analytics