一.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. 杭电ACM2013--蟠桃记

    蟠桃记 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Submiss ...

  2. asp.net mvc Html.BeginForm()及Html.Action用法

    Html.BeginForm    Add:操作方法的名称,Activities:控制器的名称,FormMethod.Post:定义from的method的值,,new { id = "fo ...

  3. [PHP] 按位与& 或| 异或^ 的日常使用

    按位与:0&0=0; 0&1=0; 1&0=0; 1&1=1;按位或:0|0=0: 0|1=1: 1|0=1: 1|1=1;按位异或,在或的基础上1 1也为0:0^0= ...

  4. [Linux] 取两个文件的并集/交集/差集

    uniq -d是只打印重复行 -u是只打印独一无二的行文件A : abcd文件B: cdef取并集:A + B sort A B|uniq 取交集: sort A B|uniq -d 取差集:A - ...

  5. vue element-ui 2.3.4版本 input number值为0时 显示不出来

    解决:官方修复了这个bug.升级element-ui为2.3.5版本就好了

  6. 35.Odoo产品分析 (四) – 工具板块(6) – 午餐管理(1)

    查看Odoo产品分析系列--目录 很多公司为都会为员工提供午餐.然而,公司内部的午餐需要适当的管理,特别是在员工或供应商数量非常重要的时候."午餐订单"模块的开发,使管理更容易,也 ...

  7. C++ 虹软人脸识别 ArcFace 2.0 Demo

    环境配置: 开发环境:Win10 + VS 2013 SDK版本:ArcFace v2.0 OpenCV版本:2.4.9 平台配置: x64.x86下Release.Debug SDK 下载地址:戳这 ...

  8. c++模板特化偏特化

    模板为什么要特化,因为编译器认为,对于特定的类型,如果你对某一功能有更好地实现,那么就该听你的. 模板分为类模板与函数模板,特化分为全特化与偏特化.全特化就是限定死模板实现的具体类型,偏特化就是模板如 ...

  9. Xshell工具使用--连接VMware虚拟机

    假设有这样的场景,开发者用的是Windows系统,且系统的存储资源和内存有限,在运行VMware虚拟机中做一些测试时,通常会碍于电脑的VMWare客户端图形界面的响应速度太慢.而在Xshell中对虚拟 ...

  10. (办公)json报错的解决问题的小经验.

    经验:一半,一半的查,看那一段报错,当确定这一步的时候,用最笨的方法,用眼去看,出哪里的错误. 看有没有替换特殊字符的方法,去整理.