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

最新推荐文章于 2024-07-20 15:49:14 发布

immenselee

最新推荐文章于 2024-07-20 15:49:14 发布

阅读量1.5w

点赞数 9

分类专栏：网页设计学习 java jsp html 文章标签： bootstrap eclipse css html jsp

本文链接：https://blog.csdn.net/immenselee/article/details/72765650

版权

网页设计学习同时被 3 个专栏收录

60 篇文章 0 订阅

订阅专栏

jsp

51 篇文章 0 订阅

订阅专栏

java

49 篇文章 0 订阅

订阅专栏

首先，我新建了一个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>