Web 站点的欢迎页面


一、JavaWeb 中的欢迎页

1.Tomcat 的默认欢迎页

  • 当文件名设置为 index.html 的时候,不需要在 web.xml 文件中进行配置欢迎页面。这是因为小猫咪 Tomcat 服务器已经提前配置好了。
  • 实际上配置欢迎页有两个地方可以配置:
    • 一个是在 webapp 内部的 web.xml 文件中。(在这个地方配置的属于局部配置
    • 一个是在 CATALINA_HOME/conf/web.xml 文件中进行配置。(在这个地方配置的属于全局配置
    <welcome-file-list>
        <welcome-file>index.html</welcome-file>
        <welcome-file>index.htm</welcome-file>
       	 <welcome-file>index.jsp</welcome-file>
    </welcome-file-list>
    
    • Tomcat 服务器的全局欢迎页面是:index.html index.htm index.jsp。如果你一个 web 站点没有设置局部的欢迎页面,Tomcat 服务器就会以 index.html index.htm index.jsp 作为一个 web 站点的欢迎页面。
    • 注意原则:局部优先原则。(就近原则)

2.局部配置欢迎页

  • 第一步:在 IDEA 工具的 web 目录下新建一个文件 login.html
  • 第二步:在 web.xml 文件中进行以下的配置
    <!-- ① 如果欢迎页在根路径下 -->
    <welcome-file-list>
    	<!-- 设置欢迎页面的时候,这个路径不需要以 ”/“ 开始。**并且这个路径默认是从 webapp 的根下开始查找** -->
    	<welcome-file>login.html</welcome-file>
    </welcome-file-list>
    
    <!-- ② 如果欢迎页不在根路径下 -->
    <welcome-file-list>
    	<welcome-file>page1/page2/login.html</welcome-file>
    </welcome-file-list>
    
    <!-- ③设置多个欢迎页面 -->
    <welcome-file-list>
    	<!-- 注意:越靠上的优先级越高。找不到的继续向下找 -->
    	<welcome-file>page1/page2/login1.html</welcome-file>
    	<welcome-file>page1/page2/login2.html</welcome-file>
    </welcome-file-list>
    
    <!-- 设置一个 servlet 为欢迎页面 -->
    <!-- 欢迎页面就是一个资源,可以是静态资源也可以是动态资源 -->
     <welcome-file-list>
        <welcome-file>user/login</welcome-file>
    </welcome-file-list>
    

二、SpringBoot 中的欢迎页

1.默认欢迎页

  • 在 SpringBoot 中,默认的欢迎界面名称是 index.html。并且会在默认的资源路径下查找 index.html 文件。默认配置如下:
    spring:
      web:
        resources:
          static-locations: classpath:/META-INF/resources/, classpath:/resources/, classpath:/static/ , classpath:/public/
    
  • 则页面加载的顺序为如下:
    ① classpath:/META-INF/resources/ 
    ② classpath:/resources/
    ③ classpath:/static/ 
    ④ classpath:/public/
    ⑤ classpathL/templates/(如果使用thymeleaf视图技术的情况)
    

2.自定义欢迎页

(1) 通过页面跳转控制器方式

(2) controller 直接实现方式

  • 第一步:创建一个 Controller 跳转到目标欢迎页。
    @Controller
    public class IndexController {
        @RequestMapping("/")
        public String login(){
            return "redirect:login.html";
        }
    }
    
  • 第二步:编写欢迎页面。
    在这里插入图片描述
  • 第三步:浏览器地址栏输入地址
    在这里插入图片描述
  • 注意:如果使用了 Thymeleaf 视图技术的话,存放在 templates 目录下的资源是动态资源,没有办法直接访问的,所以不能使用重定向来实现页面的跳转,只能使用转发的方式实现。
  • 还需要注意,动态页面如果要访问必须要经过视图解析器,否则无法访问,所以也不能使用完整路径的转发方式。

三、参考


  • 12
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
很高兴为您设计一个好看的Web主页,主要功能包括上传和下载文件、视频浏览、图片浏览和文本浏览。以下是我的设计: 首先,我们将制作一个响应式设计的网站,具有现代感和干净的外观。我们将使用白色背景,配以灰色和蓝色的色调,以增强整个网站的可读性和易用性。 在网站的顶部,我们将放置一个导航栏,其中包括以下链接:主页、上传文件、下载文件、视频浏览、图片浏览和文本浏览。通过这些链接,用户可以方便地访问整个站点的不同部分。 在主页中,我们将放置一些关于站点的介绍和说明,以及一些最新上传的文件和视频的缩略图。这将鼓励用户在访问站点时浏览最新的内容。 在上传文件的页面中,我们将提供一个简单的表单,让用户上传他们的文件。我们将包括文件大小的限制,并确保上传的文件类型是受支持的。我们还将为用户提供一个可选的说明,以便他们更好地描述上传的文件。 在下载文件的页面中,我们将提供一个搜索框和一些过滤器,以便用户可以更轻松地找到他们需要的文件。我们将为每个文件提供一个简短的说明和缩略图,以帮助用户在下载之前了解文件内容。 在视频浏览的页面中,我们将提供一个视频库,让用户可以浏览最新的和最受欢迎的视频。我们将包括视频标题、描述和缩略图,以便用户可以快速了解视频内容。我们还将为用户提供一个搜索框和过滤器,以便他们可以更轻松地找到他们需要的视频。 在图片浏览的页面中,我们将提供一个图库,让用户可以浏览最新的和最受欢迎的图片。我们将包括图片标题、描述和缩略图,以便用户可以快速了解图片内容。我们还将为用户提供一个搜索框和过滤器,以便他们可以更轻松地找到他们需要的图片。 在文本浏览的页面中,我们将提供一个文本库,让用户可以浏览最新的和最受欢迎的文本文件。我们将包括文本文件的标题、描述和缩略图,以便用户可以快速了解文本文件的内容。我们还将为用户提供一个搜索框和过滤器,以便他们可以更轻松地找到他们需要的文本文件。 最后,我们将在网站的底部放置一些重要的链接和信息,如关于我们、联系我们和隐私政策等。我们还将包括社交媒体链接和订阅按钮,以便用户可以更轻松地关注我们的更新。 这就是我为您设计的Web主页,希望您会喜欢它!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小宝945

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值