一.settings配置

1.首先需要在settings中将DEBUG由原来的True改为False

DEBUG = False

2.需要设置

ALLOWED_OSTS = ["*"]

二.url设置

三.views中设置

def page_not_found(request,**kwargs):

    return render_to_response('404.html')

上面就是配置404的全部过程

四.最后附一个404页面的模板。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>错误页面</title>

    <link rel="stylesheet" type="text/css" href="/static/css/404.css"/>

</head>

<body style="background:#0186a7;">

<!---404--->

<div class="error_new_bg pr">

    <div class="error_new_content">

        <div class="error_new pa">

            <div class="fl error_new_left"><img src="/static/img/404.png"></div>

            <div class="fl error_new_right">

                <div class="error_detail">

                    <p class="error_p_title">哎呦~ 页面没有找到!</p>

                    <p class="error_p_con">※ 别急，工程师正在紧急处理,马上就好。</p>

                    <p class="error_p_con">※ 您可联系QQ:1119564976,通知二当家的开发人员!</p>

                    <p class="error_p_con">※ 感谢您对博客小屋的支持,请您耐心等待!</p>

                </div>

                <p class="error_new_right_btn pr">

                    <a href="/index" class="type-2 type-3">

                        <i> 返回首页</i>

                        <i> 返回首页 </i>

                        <i> 返回首页 </i>

                        <i> 返回首页 </i>

                    </a>

                </p>

            </div>

        </div>

    </div>

</div>

</body>

</html>

404.html

html, body {

    margin: 0px;

    height: 100%;

    font-family: "微软雅黑";

}

i {

    font-style: normal;

}

.pr {

    position: relative;

}

.pa {

    position: absolute;

}

.fl {

    float: left;

}

.mb15 {

    margin-bottom: 15px;

}

.error_new_bg {

    height: 100%;

    width: 100%;

}

.error_new_content {

    width: 100%;

    height: 100%;

    text-align: center;

    margin: 0 auto;

    background: url(/images/error.png) no-repeat center center;

    min-width: 1000px;

}

.error_new {

    top: 50%;

    left: 50%;

    margin: -185px 0 0 -500px;

    height: 371px;

    width: 1000px;

}

.error_new_left {

    width: 56%;

    text-align: right;

    -webkit-animation: desc_link ease-in-out 1.5s infinite

}

@-webkit-keyframes desc_link {

    0% {

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        -0 -transform: translateY(0);

        -moz-transform: translateY(0);

        transform: translateY(0);

    }

    50% {

        -webkit-transform: translateY(1em);

        -ms-transform: translateY(1em);

        -0 -transform: translateY(1em);

        -moz-transform: translateY(1em);

        transform: translateY(1em);

    }

    100% {

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        -0 -transform: translateY(0);

        -moz-transform: translateY(0);

        transform: translateY(0);

    }

}

.error_new_right {

    width: 40%;

    text-align: left;

    margin-top: 7%;

    margin-left: 4%;

    vertical-align: middle

}

.error_new_right_btn {

    width: 150px;

    height: 46px;

    background: #F96900;

    display: inline-block;

    color: #fff;

    line-height: 46px;

    border-radius: 3px;

    text-align: center;

    z-index: 10

}

.error_new_right_btn a {

    color: #fff;

    text-align: center;

    font-size: 16px;

    width: 150px;

    height: 46px;

    display: inline-block;

}

.error_detail {

    margin: 0px;

    height: auto;

}

.error_detail .error_p_title {

    font-size: 28px;

    color: #fff;

}

.error_detail .error_p_con {

    font-size: 14px;

    margin-top: 10px;

    line-height: 20px;

    color: #fff;

}

.type-2 {

    background: #F96900;

    text-indent:;

    height: 46px;

    width: 150px;

    border-radius: 3px;

}

.type-3 {

    background: #F96900;

    text-indent:;

    height: 46px;

    width: 150px;

    border-radius: 3px;

}

.type-2 i {

    position: absolute;

    width: 150px;

    height: 46px;

    line-height: 46px;

    display: block;

    top:;

    opacity:;

    left:;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

    text-align: center;

    color: #ffe8e8;

    border-radius: 3px;

}

.type-2 i:nth-of-type(2), .type-2 i:nth-of-type(3) {

    -webkit-transform: rotateY(-90deg);

    transform: rotateY(-90deg);

    transform-origin: 0 0;

    -webkit-transform-origin: 0 0;

    clip: rect(0, 60px, 9999px, 0);

    border-shadow: 4px;

}

.type-2 i:nth-of-type(3) {

    transform-origin: 100% 100%;

    -webkit-transform-origin: 100% 100%;

    -webkit-transform: rotateY(90deg);

    transform: rotateY(90deg);

    clip: rect(0, 9999px, 9999px, 60px);

    border-shadow: 4px;

}

.type-2:hover i:nth-of-type(2), .type-2:hover i:nth-of-type(3) {

    -webkit-transform: rotateY(0);

    transform: rotateY(0);

    background: #fff;

    color: #fff;

}

.type-2:hover i:first-of-type {

    background: #fff;

}

.type-2 i:last-of-type {

    opacity:;

    background: #fff;

    color: #ff464b;

    -webkit-transition: none;

    transition: none;

}

.type-3 i:last-of-type {

    color: #F96900;

}

.type-2:hover i:last-of-type {

    opacity:;

    -webkit-transition: all 0.05s linear 0.3s;

    transition: all 0.05s linear 0.3s;

}

404.css

最后是404.png

Django配置404页面的更多相关文章

  1. 066——VUE中vue-router之rewrite模式下配置404页面

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. shiro+SpringMVC 项目 配置404页面

    说的配置404,大家都会想到去web.xml里面配置 <error-page> <error-code></error-code> <location> ...

  3. IIS配置404页面配置，IIS自定义404页面

    .NET 环境下 用到404页的场景一般有两种: 场景一:报黄页,程序性的错误,代码层可以捕捉到的. 场景二:用户输入不存在的页面,代码层捕捉不到的. IIS 默认会有404的配置,不过这种呈现出的都 ...

  4. 第10篇 WINDOWS2003服务器 IIS上配置404页面的图文教程

    打开IIS 找到你的网站,点右键,选择属性 选择“自定义错误”标签页,找到404的那一项,点“编辑属性”按钮 (方案一)在“消息类型”里选“URL”,然后在下面的“URL”输入框里,填上你的404错误 ...

  5. django 配置404，500页面

    JSP CURL session COOKIE diango 自定义404 500页面     1.首先将settings设置debug=false;             2.设置static路径 ...

  6. 去哪网实习总结：JavaWeb配置404页面（JavaWeb）

    本来是以做数据挖掘的目的进去哪网的,结构却成了系统开发. .. 只是还是比較认真的做了三个月,老师非常认同我的工作态度和成果... 实习立即就要结束了,总结一下几点之前没有注意过的变成习惯和问题.分享 ...

  7. vue配置404页面

    { path:'*', name:"/404", component:cuowu } path星号表示没有这个路由 name表示去这个地址 component这个页面引入的时候叫的 ...

  8. Python django 404页面配置和debug=false 静态文件配置 django版本1.10.5

    django设置404页面 1.设置settings文件 DEBUG = False ALLOWED_HOSTS = ['127.0.0.1', 'localhost']或者 ALLOWED_HOST ...

  9. Spring boot配置404、500页面

    Spring boot 配置404页面很简单,如果你访问的url没有找到就会出现spring boot 提示的页面,很明显Spring boot不用配置就可以显示404页面了. 在template下创 ...

随机推荐

  1. VisualStudio移动开发（C#、VB.NET）Smobiler开发平台——BarcodeView控件的使用方式,.Net移动开发

    BarcodeView控件 一.          样式一 我们要实现上图中的效果,需要如下的操作: 从工具栏上的“Smobiler Components”拖动一个BarcodeView控件到窗体界面 ...

  2. JavaScript技巧(未完成)

    1.在js脚本语言中使用HTML语言中的< >号,但是在XHTML中却不能使用这类符号,可以将<号转换成&lt符号(XHTML比HTML跟严格),这种做法比较不好理解,可以用 ...

  3. Linux 安装composer

    wget https://getcomposer.org/installer //下载一个脚本文件 php installer //php执行下这个php脚本(虚拟机我没装环境.以下截图有操作流程) ...

  4. Spring笔记04_AOP注解开发_模板_事务

    目录 1. Spring基于AspectJ的注解的AOP开发 1. 1 SpringAOP的注解入门 1.2 Spring的AOP的注解通知类型 1.2.1 @Before:前置通知 1.2.2 @A ...

  5. js中数组的map()方法

    map()方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值 map()方法按照原是数组顺序以此处理元素 注意:map()不会对空数组进行检测 :不会改变原始的数组 实例: var nu ...

  6. 做了面向互联网部署的Dynamics 365 CE更改AD FS的登录页面

    摘要: 微软动态CRM专家罗勇 ,回复306或者20190307可方便获取本文,同时可以在第一间得到我发布的最新博文信息,follow me!我的网站是 www.luoyong.me . 默认情况下A ...

  7. 结对编程项目——C语言实现WordCount Web化

    结对编程项目 代码地址 201631062219,201631011410 gitee项目地址:https://gitee.com/xxlznb/pair_programming 作业地址:https ...

  8. ORA-00471: DBWR process terminated with error案例

    每年年底,系统管理员都要组织一次容灾方案的测试.演练.会在一个与生产环境网络隔离的DR环境中,启动各个"生产环境服务器",然后让各路人员参与其中测试.演练容灾方案是否可靠.这次演练 ...

  9. Lua中string.format占位符的使用

    虽然lua中字符串拼接"string.format"相对于".."消耗较大,但有时为了代码的可读性,项目中还是经常用到"string.format&q ...

  10. Asp.Net Core 全局模型验证

    public class ActionFilter : IActionFilter { /// <summary> /// action 执行之前 /// </summary> ...