项目中 使用监听器解决路径问题, 例如在jsp页面引入js,css的web应用

本文介绍了解决前端项目中css和js文件路径问题的方法,通过使用ServletContextListener监听器,简化路径引用,提高项目可维护性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 

    在项目中我们经常会引用css js 等文件,但是在引入过程中由于前端会自动把路径解析不带项目名

    例如    localhost:8080  + css文件路径   由于没有项目名就无法访问到css文件我们可以使用 ${pageContext.request.contextPath}

<script src="${pageContext.request.contextPath}/jquery/jquery-2.1.1.min.js"></script>

  但是这个方法太长,我们可以使用另外一种方式

               使用监听器解决路径问题

                     先写一个类来实现ServletContextListener,从写里面的接口

    例如 

          

package com.model.common.utils;

import javax.servlet.ServletContext;
import javax.servlet.ServletContextEvent;
import javax.servlet.ServletContextListener;

public class ServletStartUpListener implements ServletContextListener {

    @Override
    public void contextInitialized(ServletContextEvent sce) {
         //将web模块用户名称保存到application中去   例如我的 model-web
        ServletContext application = sce.getServletContext();
        String contextPath = application.getContextPath();
        application.setAttribute("path",contextPath);  //path = model-web
    }

    @Override
    public void contextDestroyed(ServletContextEvent sce) {
        // TODO Auto-generated method stub

    }

}

在web.xml文件中配置监听器,让应用在启动的时候监听到,并执行初始化方法,将web用户名称保存到application中去

   

 

  <!--使用监听器配置web路径-->
  <listener>
    <listener-class>com.lzc.rbac.web.ServletStartUpListener</listener-class>   //这里方的是你写的包路径+类名称
  </listener>

 

在我们的jsp页面使用监听器解决路径问题

例如:

<script src="${path}/jquery/jquery-2.1.1.min.js"></script>   //这样就可以访问到了

${path}就是获取在上面实现ServletContextListener类中的contextInitialized()方法里面设置的属性值application.setAttribute("path",contextPath); 

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值