`
_与狼共舞
  • 浏览: 62225 次
  • 性别: 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.rar错误页面处理

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

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

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

    20种404页面.rar

    总结来说,404页面不仅是处理用户访问错误的一种方式,更是展示品牌形象和提高用户体验的重要途径。设计一个有效的404页面,需要兼顾实用性、品牌一致性、趣味性和SEO优化。"20种404页面.rar"提供了丰富的案例供我们...

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

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

    站长专用牌 404页

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

    404,500错误页面

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

    20个漂亮大气的404错误页面-优化404错误页面

    通过以上这些方法,可以有效地优化404错误页面,使之成为一个积极的用户体验元素,而非单纯的错误指示器。这20个漂亮大气的404错误页面示例,无疑为设计提供了灵感和参考,让网站在面对错误时也能展现出专业与关怀。

    简单漂亮404错误页面模板.zip

    3. 引导功能:提供一个明显的、易于点击的按钮,让用户能快速返回首页,这是提高用户体验的重要部分。 4. 错误日志:虽然这个模板不直接涉及,但一个好的404页面应与网站的错误日志系统集成,以便管理员可以追踪...

    动态的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...

    7个非常漂亮的404页面打包下载

    因此,为自己的网站选择一个合适的、经过精心设计的404页面,对于提高网站的专业形象和用户体验具有非常大的帮助。随着“7个非常漂亮的404页面打包下载”的出现,我们有理由相信,网站的404页面将不再是被忽视的角落...

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

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

    详细介绍404错误大全

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

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

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

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

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

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

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

Global site tag (gtag.js) - Google Analytics