spring mvc 404页面制作

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效果图

时间： 2024-11-20 03:16:19

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

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

在学习 Spring Mvc 过程中,有必要来先了解几个关键参数: @Controller: 在类上注解,则此类将编程一个控制器,在项目启动 Spring 将自动扫描此类,并进行对应URL路由映射.@Controllerpublic class UserAction { } @RequestMapping 指定URL映射路径,如果在控制器上配置 RequestMapping ,具体请求方法也配置路径则映射的路径为两者路径的叠加常用映射如:Reque

Spring MVC 404 Not Found 无错误日志解决方案

场景描述,使用Spring MVC 框架,进行数据保存,用firefox的firebug跟踪发现404 Not Found. 分析:后台没有打印任何错误日志,无法分析问题所在. 解决方案(由我朋友提供) 在spring-mvc.xml 配置文件中加上一下红色部分的配置文件. 在controller 下面添加 ControllerAdviceTest.java 文件(注意:必须是controller下面,因为在spring-mvc.xml 中配置了 component-scan) 再次运行后台

Spring MVC - 静态页面

环境搭建以下示例显示如何使用Spring MVC Framework编写一个简单的基于Web的应用程序,它可以使用<mvc:resources>标记访问静态页面和动态页面.首先使用Intellij IDEA创建一个动态WEB项目,并按照以下步骤使用Spring Web Framework开发基于动态表单的Web应用程序: 创建一个简单的动态Web项目:StaticPages,并在 src 目录下创建一个 com.ktao.controller 包. 在com.ktao.controller包

spring mvc 返回页面乱码

<filter> <filter-name>encodingFilter</filter-name> <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class> <init-param> <param-name>encoding</param-name> &l

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

除了使用ModelAndView方式外.还可以使用Map.Model和ModelMap来向前台页面创造使用后面3种方式,都是在方法参数中,指定一个该类型的参数.例如: Java代码 1 @RequestMapping("/test") 2 public String test(Map<String,Object> map,Model model,ModelMap modelMap){ 3 4 map.put("names", Arrays.asList

spring mvc重定向页面

@RequestMapping(value="/del/{id}") public String delUser(@PathVariable int id){ return "redirect:/user"; } 直接返回redirect:/user,就可以返回到user页面. 2.重定向如何带参数. @RequestMapping(value="/del/{id}", method=RequestMethod.GET, produces=&qu

spring mvc 返回页面数据

handler package com.stone.controller; import java.util.Map; import javax.servlet.http.HttpServletRequest; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.RequestMap

404页面的制作教程

近期发现很多让做SEO诊断的网站一些最基础的操作都没有做,比如首选域确定及301设置.robots.txt文件没有写.404页面没有制作及设置等.前面两项在网上信息最多,这次主要说下404页面的问题. 404页面的作用是什么? 404页面是为了在用户属于错误URL或网页文件被删除时提醒用户的页面,页面中可以设置网站导航.背景颜色或图片的普通网页.为的是用户没有访问到正常页面时可以有效的提醒并通过404导航把用户继续拉回网站中继续访问.防止用户访问错误地址造成的流量流失.在SEO中404页面是为了

网站SEO基础优化技巧之一：如何制作404页面

404页面对网站有什么作用? 用户在访问一个错误页面时会跳转到首页,或者出现一个提示的页面供用户选择进入网站的某些重要页面. 404页面如何制作? 一.Apache服务器的404页面设置 1.在.htaccess 文件中加入代码: ErrorDocument 404 /Error.html 2.建立一个简单的html404页面命名 Error.html 3.把 Error.html放置在网站根目录注意:不要将404错误直接转向到网站首页,这将导致首页不被收录:/Error.html 前面不要带