`
_与狼共舞
  • 浏览: 61929 次
  • 性别: 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错误处理页面帮你节省服务器资源

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

    用node.js建博客(四) - express中的404处理

    总结一下,处理404错误是提高Web应用用户体验的关键步骤。在Express中,通过在路由配置的末尾添加一个“catch-all”路由或中间件,我们可以确保用户在访问不存在的页面时获得清晰的反馈。同时,提供自定义的404页面...

    站长专用牌 404页

    404页面是互联网上一个重要的概念,它与网站的用户体验和搜索引擎优化(SEO)紧密相关。当用户尝试访问一个不存在的网页时,服务器会返回一个404错误状态码,同时显示404页面。这个页面告诉用户他们请求的页面无法...

    404,500错误页面

    还可以设置自定义错误页,根据不同的错误类型展示不同的页面,提高用户体验。 总之,404和500错误页面是网站用户体验中的关键环节,良好的设计可以将技术问题转化为与用户建立连接的机会。这些模板和图形资源可以...

    动态的404错误页面

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

    适合SEO的11款404页面

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

    收集的几个好看的404出错页面

    这个主题——"收集的几个好看的404出错页面"——聚焦于一种特殊的用户体验设计,即如何通过创意和美观的方式处理这种常见的网络错误。 在网站设计中,404页面的设计通常被忽视,但实际上,它对于提升品牌形象和用户...

    404错误页面大全

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

    SEO 404页面

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

    详细介绍404错误大全

    处理404错误的方法有多种: 1. **创建自定义404错误页面**:定制一个友好且包含站点导航的404页面,帮助用户更容易找到他们可能感兴趣的内容。 2. **检查并修复死链**:定期使用工具扫描网站,查找并修复死链,确保...

    分享一个精美的404错误页面模板

    同时,考虑到网页加载速度,尽量优化图片大小和代码效率,以提高用户体验。 通过合理利用这个404页面模板,你的网站将能更好地引导用户,减少用户流失,同时提升搜索引擎的友好度,为你的在线业务带来积极影响。

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

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

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

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

    404页面_加载失败页_网页重定向_404_

    当用户访问的页面不存在时,如果设置了正确的重定向,可以将404错误页面转变为一个更有用的页面,比如网站的主页或者其他相关页面,这样可以提高用户体验,减少用户流失。通过JavaScript(如404.js)或者HTML(如404...

    css3 404跳转到首页带背景动画代码.zip_404代码_404跳转代码_CSS 跳转代码_css3 404_css3动画

    在实际应用中,这样的404页面设计可以提高用户体验,减少用户因遇到404错误而离开网站的可能性。通过精心设计的动画和交互,可以使404页面变得不那么枯燥,甚至成为网站特色的一部分。理解并掌握CSS3的动画和交互...

    js太空宇航员静态404错误页面.zip

    4. **SEO优化**:虽然404页面不会被搜索引擎索引,但是良好的404页面设计可以帮助减少网站的跳出率,并提高用户的满意度,间接有利于SEO。 5. **错误日志**:通过JavaScript,开发者可以追踪错误页面的访问情况,...

    好看的404,500页面

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

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

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

Global site tag (gtag.js) - Google Analytics