1、404页面

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

    <title>维护中</title>

    <style type="text/css">

        * {margin: 0;padding: 0;}

        body{background: url(/static/img/print.png);}

        .cont{text-align: center;}

        a{text-decoration: none;}

        .hanger{width: 317px;height: 290px;background: url(/static/img/plate.png);margin: 120px auto 0;font-family: "Microsoft YaHei";

            -webkit-transform-origin: center top;

            -moz-transform-origin: center top;

            transform-origin: center top;

            -webkit-animation: error-swing infinite 2s ease-in-out alternate;

            -moz-animation: error-swing infinite 2s ease-in-out alternate;

            animation: error-swing infinite 2s ease-in-out alternate

        }

        .error{font-size: 30px;width: 100%;margin-top:120px;display: inline-block;}

        .error404{font-size: 48px;margin-top: 12px;display: inline-block;width: 100%;}

        .notfound{margin: 48px 0 0 8px;font-size: 24px;color: #d00;}

        .testfint{margin: 16px 0 0 3px;font-size: 14px;}

        .btn{display: inline-block;background: #a6d037;color: #fff;padding:6px 10px;border-radius: 4px;margin-top: 12px;font-size: 12px;}

        @-webkit-keyframes error-swing {

            0% {-webkit-transform: rotate(1deg) }

            100% {-webkit-transform: rotate(-2deg) }

        }

        @-moz-keyframes error-swing {

            0% {-moz-transform: rotate(1deg) }

            100% {-moz-transform: rotate(-2deg) }

        }

        @keyframes error-swing {

            0% {transform: rotate(1deg) }

            100% {transform: rotate(-2deg) }

        }

    </style>

</head>

<body>

    <div class="cont">

        <div class="hanger">

            <span class="error">抱歉</span>

            <span class="error404">维护中</span>

        </div>

        <p class="notfound">很抱歉，系统正在维护中!</p>

        <p class="testfint">开放时间可能视维护情况有所调整</p>

        <a href="http://www.liyingjituan.com" target="_blank" class="btn backhome">去这里看看</a>

        <a href="javascript:location.reload()" class="btn refresh">刷新本站</a>

    </div>

</body>

</html>

2、print.png图片

3、plate.png图片

4、404效果图

spring mvc 404页面制作的更多相关文章

  1. Spring MVC 向页面传值-Map、Model和ModelMap

    原文链接:https://www.cnblogs.com/caoyc/p/5635878.html Spring MVC 向页面传值-Map.Model和ModelMap 除了使用ModelAndVi ...

  2. Spring MVC 向页面传值-Map、Model、ModelMap、ModelAndView

    Spring MVC 向页面传值,有4种方式: ModelAndView Map Model ModelMap 使用后面3种方式,都是在方法参数中,指定一个该类型的参数. Model Model 是一 ...

  3. Spring MVC 向页面传值-Map、Model和ModelMap https://www.cnblogs.com/caoyc/p/5635878.html

    Spring MVC 向页面传值-Map.Model和ModelMap 除了使用ModelAndView方式外.还可以使用Map.Model和ModelMap来向前台页面创造 使用后面3种方式,都是在 ...

  4. Spring MVC错误页面配置

    当前SpringMVC非常流行,在大多数情况,我们都需要自定义一些错误页面(例如:401, 402, 403, 500...),以便更友好的提示.对于spring mvc,这些当然是支持自定义的,sp ...

  5. Spring MVC中页面向后台传值的几种方式

    在学习 Spring Mvc 过程中,有必要来先了解几个关键参数:   @Controller:         在类上注解,则此类将编程一个控制器,在项目启动 Spring 将自动扫描此类,并进行对 ...

  6. Spring MVC - 静态页面

    环境搭建 以下示例显示如何使用Spring MVC Framework编写一个简单的基于Web的应用程序,它可以使用<mvc:resources>标记访问静态页面和动态页面.首先使用Int ...

  7. Spring MVC静态页面

    以下示例显示如何使用Spring MVC Framework编写一个简单的基于Web的应用程序,它可以使用<mvc:resources>标记访问静态页面和动态页面.首先使用Eclipse ...

  8. spring mvc 默认页面

    只需要在servlet.xml页面中添加如下配置: <mvc:view-controller path="/" view-name="login"/> ...

  9. spring mvc 获取页面日期格式数据

    1.传递日期参数: 解决办法: 实体类日期属性加 @DateTimeFormat(pattern="yyyy-MM-dd") 注解 beans中加 <mvc:annotati ...

随机推荐

  1. Python 错误和异常小结[转]

    原文链接    http://blog.csdn.net/sinchb/article/details/8392827 事先说明哦,这不是一篇关于Python异常的全面介绍的文章,这只是在学习Pyth ...

  2. （01背包）Buy the souvenirs （hdu 2126）

    http://acm.hdu.edu.cn/showproblem.php?pid=2126 Buy the souvenirs Time Limit: 10000/1000 MS (Java/Oth ...

  3. Lombok自定义annotation扩展含Intellij插件

    Lombok简介 Lombok(https://projectlombok.org/)  提供了以注解的形式为java对象增加属性和方法,这使得原来冗长的java源文件变的简洁(不需要再使用ide去生 ...

  4. POJ2779 线性DP 或 杨氏三角 和 钩子公式

    POJ2779 线性DP 或 杨氏三角 和 钩子公式 本来就想回顾一下基础的线性DP谁知道今早碰到的都是这种大难题,QQQQ,不会 这个也没有去理解线性DP的解法,了解了杨氏三角和钩子公式,做出了PO ...

  5. iscroll 4 下拉 上拉 加载

    <!DOCTYPE html> iScroll demo: barebone body, ul, li{ padding:0; margin: 0; border:0; } body{ f ...

  6. zoj2607

    题意:如左图,给定A,B,C,D的面积分别为大于等于a,b,c,d,求最小的面积 思路:因为a,b肯定有一个是满的(不然还可压缩到更小),同理,ac,bd,cd都只有一个是满的,所以有可能是对角满的, ...

  7. python3使用ip地址代理

    第一种IP地址代理方式from urllib import request if __name__ == "__main__": # 访问网址 url = 'http://www. ...

  8. ASP.NET Web API 框架研究 服务容器 ServicesContainer

    ServicesContainer是一个服务的容器,可以理解为—个轻量级的IoC容器,其维护着一个服务接口类型与服务实例之间的映射关系,可以根据服务接口类型获取对应的服务实例.构成ASP.NET We ...

  9. [转载]DevOps发展的四个重要阶段

    DevOps是敏捷开发的延续,它将敏捷的精神延伸至IT运营(IT Operation)阶段.敏捷开发的主要目的是响应变化,快速交付价值.以2001年的敏捷宣言发布这个里程碑为起点,开始几年内企业主要在 ...

  10. winform执行程序报错：已停止工作，windows正在检查该问题的解决方案

    每次运行程序时都会弹出错误框:winform已停止工作,windows正在检查该问题的解决方案 事件查看器错位信息: 错误应用程序名称: TMS_winform.exe,版本: 1.0.0.0,时间戳 ...