struts2中action跳转后页面的css或是js失效的问题

本文探讨了在页面跳转过程中如何正确解析并应用CSS样式,特别是涉及到路径解析、相对路径与绝对路径的使用,以及如何通过调整Action配置解决在不同目录层级下资源访问的问题。

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

主要是路径解析的问题

第一种方案:

如果在页面中使用的不是绝对地址,例如   href="css/reset.css"

跳转后的页面要解析出正确的css地址,可以在jsp的<head>中添加下面的代码

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<base href="<%=basePath%>">

 

或是

<%
    String path = request.getRequestURI();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path;
%>
<base href="<%=basePath%>">

两者有什么不同不大清楚,不过我试验过第一种是可行的


第二种方案:

在使用struts2的action执行后跳转到的jsp显示的时候其中的css不起作用,就拿我现在出问题的project为例:

action如下:

<action name="listUser"class="listUserAction">

<result>/users/userList.jsp</result>

</action>

(注:listUser的作用就是查出所有的用户,然后交给users下的userList.jsp显示出来。由于采用了spring,此处的"listUserAction"是applicationContext.xml中配置的名称)

userList.jsp中的css设置如下:

<linkhref=“../css/style.css" rel="stylesheet" type="text/css"/>

(注:目录层次是这样的,WebRoot下有users和css文件夹,所以users下的jsp要调用style.css需要../到根目录,然后找css文件夹)

但是当程序从listUser执行成功后跳转到/users/userList.jsp时出现了/css/style.css不起作用的情况,如果直接在地址栏直接显示jsp又能正常显示了。

在网上找到的方法说css用绝对路径:

<linkhref="http://blog.163.com/<%=request.getContextPath%>/css/style.css"rel="stylesheet" type="text/css" />

但是这样会有一个很明显的弊端,那就是移植性变差。

尝试将result改为<result>userList.jsp</result>,然后将jsp放在根目录下就没有这种问题了,这时候问题的原因就知道的差不多了,那就是action是在根目录下的,在运行程序的时候从地址栏可以看到,就是说命名空间是在根目录,这时候再"../css/style.css"自然就找不到了。

?

明白了问题所在,解决方法就不难找了。找到listUser的配置所在的package,加上这样一句namespace="/users"。这时候就是

<?xml version="1.0"encoding="UTF-8"?>

<!DOCTYPE struts PUBLIC "-//ApacheSoftware Foundation//DTD Struts Configuration 2.1//EN"

"http://struts.apache.org/dtds/struts-2.1.dtd">

 

<struts>

<package name="users"extends="struts-default"namespace="/users">

......

<action name="listUser"class="listUserAction">

<result>/users/userList.jsp</result>

</action>

......

</package>

</strusts>

然后从新启动服务器,OK,显示正常!同时我们也看到地址栏中action前多了个"/users",跳转到接视频中也是"/users/userList.jsp",这样就保持了一致,问题也就解决了。



评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值