一.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. C#列表页面后台代码

    using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.UI ...

  2. 在win10系统开启linux子系统

    1. 2.重启计算机 3.在winstore下载和安装 ubuntu 4.查看当前win10子系统的linux版本 lsb_release -a 5.设置root账号密码, 在终端输入命令 sudo ...

  3. JDK8新特性：default方法的应用实践

    背景: 最近维护一个老旧工程,遇到集团层面的数据安全改造,需要在DAO层做加解密改造.而这个老旧工程的DAO层是用的JdbcTemplate实现的,尽管template方式实现起来可自由发挥的空间很大 ...

  4. linux_shell 编程学习-初识she'll

    一.she'll编程规范 1.she'll脚本命名一般为英文的大小写; 2.不能用特殊符号.空格来命名; 3.she'll脚本后缀以.sh结尾; 4.不建议she'll命名为纯数字,一般以脚本功能命名 ...

  5. 2018.12/17 function 的闭包

    1.闭包:函数在调用的时候会形成一个私有的作用域,对内部变量起到保护的作用,这就是闭包. 2.变量销毁: 1.人为销毁  var a=12; a=null 2.自然销毁  函数调用完成之后 浏览器会自 ...

  6. bitset用法小结

    bitset bitset大概就是类似于bool数组一样的东西 但是它的每个位置只占1bit(特别特别小) bitset的原理大概是将很多数压成一个,从而节省空间和时间(暴力出奇迹) 一般来说bits ...

  7. Apex 中 PageReference 的使用

    PageReference类的作用 PageReference类位于Apex的System命名空间下.它可以用来在Apex代码中将页面跳转到指定的位置.在开发的时候,我们也可以向其中添加任意的参数. ...

  8. (详细)华为畅享7 SLA-AL00的usb调试模式在哪里打开的流程

    就在我们使用Pc链上安卓手机的时候,如果手机没有开启usb开发者调试模式,Pc则不能够成功检测到我们的手机,有时我们使用的一些功能比较好的的应用软件如之前我们使用的一个应用软件引号精灵,老版本就需要打 ...

  9. axios中的this指向问题

    最近在使用vue过程中,使用axios进行接口请求,确发现取不到值,返回为undefined. show (item) { let searchText = item.keyword console. ...

  10. CSS3(animation, trasfrom)总结

    CSS3(animation, trasfrom)总结 1. Animation 样式写法: 格式: @-浏览器内核-keyframes 样式名 {} 标准写法(chrome safari不支持 @k ...