HTML怎么新建web项目,Web项目中创建简单的错误处理页面_html/css_WEB-ITnose

5268f80b9b1e01f982625ef6fac83ca1.png

当应用程序出现错误的时候,如果没有做错误页面处理的话,会直接输出一些敏感的信息出来,有时候甚至会直接将项目所在的物理路径给显示出来,严重缺乏安全性,并且错误种类繁多,页面风格不一,导致用户体验不好,本文介绍如何在web项目中创建错误页面,从而友好的提示错误信息。

一,创建错误页面error.aspx,前台代码如下(可根据实际需要增加元素):

二,在全局处理文件中的 Application_Error 中加入错误处理的代码,如下: // 在出现未处理的错误时运行的代码 Exception objErr = Server.GetLastError().GetBaseException(); string sError = "异常页面:" + HttpContext.Current.Request.Url.ToString() + "异常信息:" + objErr.Message + "处理方法:请刷新页面重试或联系系统管理员。"; //清除之前的异常 Server.ClearError(); //这里如果用Session["ProError"]会出错,所以用 Application["AppError"] Application["AppError"] = sError; //这里不能用Response.Redirect System.Web.HttpContext.Current.Response.Redirect(HttpContext.Current.Request.ApplicationPath + "/error.aspx");

三,在错误页面初始化的时候,输出错误信息,如下: if (!IsPostBack) { if (Application["AppError"] != null) { try { string msg = Application["AppError"].ToString(); msg = msg.Replace("\"", ""); lblMessage1.Text = msg.Substring(0, msg.IndexOf("异常信息")); lblMessage2.Text = msg.Substring(msg.IndexOf("异常信息"), msg.IndexOf("处理方法") - msg.IndexOf("异常信息")); lblMessage3.Text = msg.Substring(msg.LastIndexOf("处理方法")); } catch (Exception ex) { lblMessage1.Text = ex.Message; } } }

以上步骤即可完成错误页面的配置,除此之外,还可通过Web.Config配置错误页面,预览效果如下:

1428d0e076c3959ab11d28a39bc84fab.png

5268f80b9b1e01f982625ef6fac83ca1.png

本条技术文章来源于互联网,如果无意侵犯您的权益请点击此处反馈版权投诉

本文系统来源:php中文网

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您想了解CSS3蒲公英飘动效果和CSS3云朵飘动效果动画的具体实现方法吗?我可以为您提供一些简单的代码示例和实现步骤。 首先,让我们来看一下CSS3蒲公英飘动效果的实现方法。下面是一个简单的实例代码: ```html <!DOCTYPE html> <html> <head> <title>CSS3蒲公英飘动效果</title> <style> /* 设置body的背景颜色和字体颜色 */ body { background-color: #34AADC; color: #fff; } /* 设置蒲公英的样式 */ .dandelion { position: absolute; width: 30px; height: 30px; background-image: url("https://cdn.pixabay.com/photo/2014/04/03/10/30/dandelion-310807_960_720.png"); background-size: 100% 100%; animation: dandelion 5s linear infinite; } /* 设置蒲公英飘动的动画 */ @keyframes dandelion { 0% { transform: translate(0, 0); opacity: 1; } 50% { transform: translate(500px, -500px); opacity: 0.5; } 100% { transform: translate(1000px, -1000px); opacity: 0; } } </style> </head> <body> <div class="dandelion"></div> </body> </html> ``` 在这个示例,我们使用了CSS3的动画属性`animation`和关键帧`@keyframes`来实现蒲公英的飘动效果。我们首先定义了一个类名为`dandelion`的元素,并设置了它的样式,包括背景图片、大小和动画,然后在关键帧定义了蒲公英的运动轨迹和透明度变化。最后,我们在页面插入了一个`div`元素,并将它的类名设置为`dandelion`,这样就可以实现蒲公英的飘动效果了。 接下来,我们来看一下CSS3云朵飘动效果的实现方法。下面是一个简单的实例代码: ```html <!DOCTYPE html> <html> <head> <title>CSS3云朵飘动效果</title> <style> /* 设置body的背景颜色和字体颜色 */ body { background-color: #34AADC; color: #fff; } /* 设置云朵的样式 */ .cloud { position: absolute; width: 100px; height: 50px; background-image: url("https://cdn.pixabay.com/photo/2016/09/17/16/26/cloud-1674193_960_720.png"); background-size: 100% 100%; animation: cloud 10s linear infinite; } /* 设置云朵飘动的动画 */ @keyframes cloud { 0% { transform: translate(-100px, 0); } 100% { transform: translate(1000px, 0); } } </style> </head> <body> <div class="cloud"></div> </body> </html> ``` 在这个示例,我们同样使用了CSS3的动画属性`animation`和关键帧`@keyframes`来实现云朵的飘动效果。我们首先定义了一个类名为`cloud`的元素,并设置了它的样式,包括背景图片、大小和动画,然后在关键帧定义了云朵的运动轨迹。最后,我们在页面插入了一个`div`元素,并将它的类名设置为`cloud`,这样就可以实现云朵的飘动效果了。 希望这些代码示例和实现步骤对您有所帮助!

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值