Eclipse中写jsp文件，引用bootstrap的CSS和js库，没有反应\作用\效果，解决办法

来源：互联网发布：神马seo搜索排名优化编辑：程序博客网时间：2024/05/24 05:37

首先，我新建了一个Project，写了一些代码，jsp页面可以运行
然后打算引入bootstrap，美化一下页面，把之前在html文件中可以显示的代码按照位置复制进来，发现文字显示了，但是样式没有显示= =
后来弄了半天查了很多资料：
比如：

http://blog.csdn.net/u012814005/article/details/42125897

需要注意的地方是：
①${pageContext.request.contextPath}表示的是“/项目名“即/JobProjectWeb
②应该最容易错的地方就是导入css文件，rel是必须的属性，rel是自动生成的，而stylesheet却不是自动生成的，所以stylesheet自己要简单的记一下。
③参考文章，在html中，没有结束标签，即和的写法是错误的

上面这个回答的第一条好像是错的

然后看了这个文章：
http://blog.csdn.net/hyh0327/article/details/62893301
提出了这个问题，但是没有具体解决方案

查看jsp解析处理的源文件，直接进入css文件。。。显示404错误。。明明没有放在WEB-INF里，居然还是不能访问

之后看了http://blog.csdn.net/u013456370/article/details/59483687

方法一：加上：${pageContext.request.contextPath }/<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/theme/css/yuqing/easyui.css"><link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/theme/css/yuqing/icon.css"><link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/theme/css/yuqing/demo.css"><script type="text/javascript" src="${pageContext.request.contextPath }/static/js/ywzbindex/yuqing/jquery.min.js"></script><script type="text/javascript" src="${pageContext.request.contextPath }/static/js/ywzbindex/yuqing/jquery.easyui.min.js"></script>.方法二：<%@ page language="Java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE html><html><head><base href="<%=basePath%>"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><link rel="stylesheet" type="text/css" href="<%=basePath%>/static/theme/css/yuqing/easyui.css"><link rel="stylesheet" type="text/css" href="<%=basePath%>/static/theme/css/yuqing/icon.css"><link rel="stylesheet" type="text/css" href="<%=basePath%>/static/theme/css/yuqing/demo.css"><script type="text/javascript" src="<%=basePath%>/static/js/ywzbindex/yuqing/jquery.min.js"></script><script type="text/javascript" src="<%=basePath%>/static/js/ywzbindex/yuqing/jquery.easyui.min.js"></script></head>

问题还是没有解决，但这个就是标准答案
查看源代码，发现路径都对了，完全对了。。可是就是不显示
后来差点放弃后，突然发现
这里写图片描述
eclipese里面多了一个css文件夹，之后发现样式正常了。

总结：eclipese是不是会有缓存之类的东西，之前css那个文件夹都没有加载出来，我之后还重启了电脑一次，我怀疑是这个原因

补充：
右击webcontent 可以选择refresh 就可以刷新出来自己放入的文件、文件夹了

都看到这里了，点击一下顶吧，如果对你有帮助

这个是采用样式写的header，表单没有采用。
这里写图片描述

阅读全文

1 0