Servlet10—— 欢迎页面

1、欢迎页面怎么设置?

假设在WebRoot目录下创建login.html，想让login.html作为整个webapp的欢迎页面。应该做这样的设置，编写web.xml文件：
- ```
<welcome-file-list>
　　<welcome-file>login.html</welcome-file>
</welcome-file-list>
```
假设在WebRoot目录下创健html目录，html目录中创健welcome.html，想让welcome.html作为整个webapp的欢迎页面。应该做这样的设置，编写web.xml文件：
- ```
<welcome-file-list>
    <welcome-file>html/welcome.html</welcome-file>
</welcome-file-list>
```

2、为什么设置欢迎页面?

为了访问更方便，为了提高用户的体验。

设置欢迎页面之后，直接在浏览器地址栏上访问该webapp即可，自动定位到欢迎页面，例如

http://localhost:8080/servlet-06

直接访问的就是login.html。

3、欢迎页面可以设置多个，越靠上面的优先级越高

<welcome-file-list>
    <welcome-file>login.html</welcome-file>
    <welcome-file>html/welcome.html</welcome-file>
</welcome-file-list>

以上的配置：优先选择login.html，若这个资源不存在，才会选择html/welcome.html作为欢迎页面。

4、注意，欢迎页面设置的时候，路径不需要以“/”开头。

<welcome-file>login.html</welcome-file>

要求在webapp的根目录下，必须有一个文件，叫做login.html

<welcome-file>html/welcome.html</welcome-file>

要求在webapp的根目录下，必须有一个文件夹，叫做html，该文件夹中必须有一个文件叫做html。

5、一个webapp的欢迎页面不一定是一个HTML资源，可以是任何一种类型的web资源。比如：欢迎页面可以是servlet。

6、欢迎页面包括全局配置和局部配置:

全局配置：CATALINA_HOME/conf/web.xml
局部配置：CATALINA_HOME/webapps/webapp/WEB-INF/web.xml
注意：就近原则
若一个页面的名称是: index.html、index.htm、index.jsp，这些都是默认的欢迎页面已经在全局配置中已经配置过了。

附：

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>后台管理</title>
    <link href="css/admin_login.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="admin_login_wrap">
    <h1>后台管理</h1>
    <div class="adming_login_border">
        <div class="admin_input">
            <form action="index.html" method="post">
                <ul class="admin_items">
                    <li>
                        <label for="user">用户名：</label>
                        <input type="text" name="username" value="admin" id="user" size="40" class="admin_input_style" />
                    </li>
                    <li>
                        <label for="pwd">密码：</label>
                        <input type="password" name="pwd" value="admin" id="pwd" size="40" class="admin_input_style" />
                    </li>
                    <li>
                        <input type="submit" tabindex="3" value="提交" class="btn btn-primary" />
                    </li>
                </ul>
            </form>
        </div>
    </div>
    <p class="admin_copyright"><a tabindex="5" href="#">返回首页</a> &copy; 2021 Powered by <a href="http://jscss.me" target="_blank">我喜欢你</a></p>
</div>
</body>
</html>

admin_login.css

@charset "utf-8";
*{margin:0;padding:0;}
body{font:14px/1.5 '微软雅黑';background:#f9f9f9;}
a{color:#00007F;text-decoration:none;}
a:hover{color:#bd0a01;text-decoration:underline;}
.admin_login_wrap{margin:140px auto 0;width:312px;}
.admin_login_wrap h1{font-family:'微软雅黑';font-weight: normal;font-size:20px;margin-bottom:15px;}
.adming_login_border{box-shadow:1px 2px 3px #ccc;border:1px solid #eee;background:#fff;padding:0 5px 15px;overflow:hidden;}
.admin_input{margin:15px auto 0;width:280px;}
.admin_items li{line-height:28px;margin-bottom: 5px;list-style:none;clear: both;}
.admin_input label{display:block;margin-bottom:5px;}
.admin_input_style{border:1px solid #e6e6e6;background:#fff;padding:3px;height:30px;line-height:30px;font-family:Arial;color:#666;border-radius:5px;transition-duration:0.3s;}
.admin_input_style:focus{border-color: rgba(82, 168, 236, 0.8);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);background:#f8f8f8;}
.btn{display:inline-block;*display:inline;padding:12px 12px;margin-bottom:0;*margin-left:.3em;font-size:14px;line-height:20px;color:#333;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,0.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;*background-color:#e6e6e6;background-image:-moz-linear-gradient(top,#ffffff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#ffffff,#e6e6e6);background-image:-o-linear-gradient(top,#ffffff,#e6e6e6);background-image:linear-gradient(to bottom,#ffffff,#e6e6e6);background-repeat:repeat-x;border:1px solid #bbbbbb;*border:0;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);border-bottom-color:#a2a2a2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);*zoom:1;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);}
.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#333;background-color:#e6e6e6;*background-color:#d9d9d9;}
.btn:active,.btn.active{background-color:#cccccc \9;}
.btn:first-child{*margin-left:0;}
.btn:hover{color:#333333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);}
.btn-primary{width: 100%;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#006dcc;*background-color:#0044cc;background-image:-moz-linear-gradient(top,#0088cc,#0044cc);background-image:-webkit-gradient(linear,0 0,0 100%,from(#0088cc),to(#0044cc));background-image:-webkit-linear-gradient(top,#0088cc,#0044cc);background-image:-o-linear-gradient(top,#0088cc,#0044cc);background-image:linear-gradient(to bottom,#0088cc,#0044cc);background-repeat:repeat-x;border-color:#0044cc #0044cc #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);}
.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{color:#ffffff;background-color:#0044cc;*background-color:#003bb3;}
.btn-primary:active,.btn-primary.active{background-color:#003399 \9;}
.admin_copyright{color:#585858;margin-top:10px;font-family:Arial;text-align:center;}
.admin_copyright a:link,.admin_copyright a:visited{color:#f90;}
.admin_copyright a:hover{color:#f90;}

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd" id="WebApp_ID" version="4.0">

    <!-- 欢迎页面的设置 -->
    <!-- 
    <welcome-file-list>
        <welcome-file>login.html</welcome-file>
    </welcome-file-list>
     -->
     <servlet>
         <servlet-name>welcome page</servlet-name>
         <servlet-class>/myweb.WelcomeServlet</servlet-class>
     </servlet>
     <servlet-mapping>
         <servlet-name>welcome page</servlet-name>
         <url-pattern>/welcome</url-pattern>
     </servlet-mapping>
     
    <welcome-file-list>
        <welcome-file>welcome</welcome-file>
        <welcome-file>html/welcome.html</welcome-file>
        <welcome-file>login.html</welcome-file>
    </welcome-file-list>
</web-app>

welcome.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>welcome page</title>
</head>
<body>
    welcome page
</body>
</html>

WelcomeServlet.java

package myweb;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.Servlet;
import javax.servlet.ServletConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;

public class WelcomeServlet implements Servlet {

    @Override
    public void destroy() {
        
    }

    @Override
    public ServletConfig getServletConfig() {
        return null;
    }

    @Override
    public String getServletInfo() {
        return null;
    }

    @Override
    public void init(ServletConfig arg0) throws ServletException {
        
    }

    @Override
    public void service(ServletRequest request, ServletResponse response) throws ServletException, IOException {
        response.setContentType("text/html;charset=UTF-8");
        PrintWriter out = response.getWriter();
        out.print("<html>");
        out.print("<head>");
        out.print("<title>AServlet</title>");
        out.print("</head>");
        out.print("<body>");
        out.print("我是一个servlet");
        out.print("</body>");
        out.print("</html>");
    }

}

posted @ 2021-02-02 10:33 我等着你阅读(323) 评论(0) 收藏举报

刷新页面返回顶部

老顽固小可爱

Servlet10—— 欢迎页面

公告