首先，我新建了一个Project，写了一些代码，jsp页面可以运行
然后打算引入bootstrap，美化一下页面，把之前在html文件中可以显示的代码按照位置复制进来，发现文字显示了，但是样式没有显示= =
后来弄了半天查了很多资料：
需要注意的地方是：
①${pageContext.request.contextPath}表示的是“/项目名“即/JobProjectWeb
②应该最容易错的地方就是导入css文件，rel是必须的属性，rel是自动生成的，而stylesheet却不是自动生成的，所以stylesheet自己要简单的记一下。
③参考文章，在html中，没有结束标签，即和的写法是错误的
上面这个回答的第一条好像是错的
然后看了这个文章：
提出了这个问题，但是没有具体解决方案
查看jsp解析处理的源文件，直接进入css文件。。。显示404错误。。明明没有放在WEB-INF里，居然还是不能访问
方法一：加上：${pageContext.request.contextPath }/
rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/theme/css/yuqing/easyui.css"&
rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/theme/css/yuqing/icon.css"&
rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/theme/css/yuqing/demo.css"&
type="text/javascript" src="${pageContext.request.contextPath }/static/js/ywzbindex/yuqing/jquery.min.js"&&
type="text/javascript" src="${pageContext.request.contextPath }/static/js/ywzbindex/yuqing/jquery.easyui.min.js"&&.
&%@ page language="Java" contentType="text/ charset=UTF-8"
pageEncoding="UTF-8"%&
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
&!DOCTYPE html&
href="&%=basePath%&"&
http-equiv="Content-Type" content="text/ charset=UTF-8"&
&Insert title here&
rel="stylesheet" type="text/css" href="&%=basePath%&/static/theme/css/yuqing/easyui.css"&
rel="stylesheet" type="text/css" href="&%=basePath%&/static/theme/css/yuqing/icon.css"&
rel="stylesheet" type="text/css" href="&%=basePath%&/static/theme/css/yuqing/demo.css"&
type="text/javascript" src="&%=basePath%&/static/js/ywzbindex/yuqing/jquery.min.js"&&
type="text/javascript" src="&%=basePath%&/static/js/ywzbindex/yuqing/jquery.easyui.min.js"&&
问题还是没有解决，但这个就是标准答案
查看源代码，发现路径都对了，完全对了。。可是就是不显示
后来差点放弃后，突然发现
eclipese里面多了一个css文件夹，之后发现样式正常了。
总结：eclipese是不是会有缓存之类的东西，之前css那个文件夹都没有加载出来，我之后还重启了电脑一次，我怀疑是这个原因
右击webcontent 可以选择refresh 就可以刷新出来自己放入的文件、文件夹了
都看到这里了，点击一下顶吧，如果对你有帮助
这个是采用样式写的header，表单没有采用。
【Bootstrap】本地css样式放置的位置，以及jsp文件中如何引用样式
【前言】在项目里用了Bootstrap框架，第一次写前端，发现不知道如何引用样式。
首先样式文件css js fonts放在什么地方？
按照现在的常用做饭，css放在WebContent目录下，而...
怎么在页面里引入bootstrap的css和js文件呢？
怎么在页面里引入bootstrap的css和js文件呢？
这是一个nodejs+express工程 在npm install之后或使用npm install bootstrap命令安装boots...
javaweb动态网站-----如何在javaweb项目中使用bootstrap框架
数据库作业居然是写一个javaweb动态网站喵....一点都不会实在是愁死人了╮(╯_╰)╭，做完了的总结如下：
首先，新建一个Dynamic Web Project，项目结构实例如图：
使用Eclipse创建的web工程引入bootstrap
刚开始通过绝对路径尝试了好多次都看不到bootstrap在这里需要说一下，bootstrap的js是依赖于jquery的，所以在引入bootstrap的js文件前 需要先引入jquery我这里是通过引...
jsp中引入bootstrap
pageEncoding=&UTF-8&%&
String path = request.getContextPath();
String basePath = request.getS...
ssm+maven+bootstrap搭建作者：vashon时间：一、架构特点1、用maven做依赖管理&构建，项目分...
&em&bootstrap&/em& 最新版本 5C币 13下载
&em&bootstrap&/em&下载最新版本 5C币 13下载
&em&bootstrap&/em&最新 3C币 6下载
&em&eclipse&/em&版本最新版本 3C币 57下载
&em&Bootstrap&/em&最新下载 3C币...
A集成代码生成器 [正反双向(单表、主表、明细表、树形表，开发利器)+快速构建表单;
freemaker模版技术 ，0个代码不用写，生成完整的一个模块，带页面、建表sql脚本，处理类，service...
Bootstrap的安装和使用一.
Bootstrap简介Bootstrap是前端开发中比较受欢迎的框架，简洁且灵活。它基于HTML、CSS和JavaScript，HTML定义页面元素，CSS定义...
bootstrap入门bootstrap其实是一个项目 或者叫做框架
是能制作自适应平台
一个页面可以自动根据显示设备的分辨率 调整显示方式1.超大分辨率显示器1920
2.普通1024–1...
没有更多推荐了，&>&判断html引用的js和css是否有重复引用
判断html引用的js和css是否有重复引用
上传大小：16KB
VS开发时候有大小写匹配、全字匹配、正则表达式，但你想知道他是怎么实现吗？这里有是否采用正则表达式选项。查找最后，把查找到的结果一次性的输出的列表中展示，双击可以定位的查找位置。
用处：查找html引用的js和css是否有重复引用，并在列表里用红色颜色标识出来
综合评分：0
{%username%}回复{%com_username%}{%time%}\
/*点击出现回复框*/
$(".respond_btn").on("click", function (e) {
$(this).parents(".rightLi").children(".respond_box").show();
e.stopPropagation();
$(".cancel_res").on("click", function (e) {
$(this).parents(".res_b").siblings(".res_area").val("");
$(this).parents(".respond_box").hide();
e.stopPropagation();
/*删除评论*/
$(".del_comment_c").on("click", function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_invalid/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parents(".conLi").remove();
alert(data.msg);
$(".res_btn").click(function (e) {
var parentWrap = $(this).parents(".respond_box"),
q = parentWrap.find(".form1").serializeArray(),
resStr = $.trim(parentWrap.find(".res_area_r").val());
console.log(q);
//var res_area_r = $.trim($(".res_area_r").val());
if (resStr == '') {
$(".res_text").css({color: "red"});
$.post("/index.php/comment/do_comment_reply/", q,
function (data) {
if (data.succ == 1) {
var $target,
evt = e || window.
$target = $(evt.target || evt.srcElement);
var $dd = $target.parents('dd');
var $wrapReply = $dd.find('.respond_box');
console.log($wrapReply);
//var mess = $(".res_area_r").val();
var mess = resS
var str = str.replace(/{%header%}/g, data.header)
.replace(/{%href%}/g, 'http://' + window.location.host + '/user/' + data.username)
.replace(/{%username%}/g, data.username)
.replace(/{%com_username%}/g, data.com_username)
.replace(/{%time%}/g, data.time)
.replace(/{%id%}/g, data.id)
.replace(/{%mess%}/g, mess);
$dd.after(str);
$(".respond_box").hide();
$(".res_area_r").val("");
$(".res_area").val("");
$wrapReply.hide();
alert(data.msg);
}, "json");
/*删除回复*/
$(".rightLi").on("click", '.del_comment_r', function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_comment_del/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parent().parent().parent().parent().parent().remove();
$(e.target).parents('.res_list').remove()
alert(data.msg);
//填充回复
function KeyP(v) {
var parentWrap = $(v).parents(".respond_box");
parentWrap.find(".res_area_r").val($.trim(parentWrap.find(".res_area").val()));
评论共有0条
VIP会员动态
CSDN下载频道资源及相关规则调整公告V11.10
下载频道用户反馈专区
下载频道积分规则调整V1710.18
spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip
资源所需积分/C币
当前拥有积分
当前拥有C币
输入下载码
为了良好体验，不建议使用迅雷下载
判断html引用的js和css是否有重复引用
会员到期时间：
剩余下载个数：
剩余积分：0
为了良好体验，不建议使用迅雷下载
积分不足！
资源所需积分/C币
当前拥有积分
您可以选择
程序员的必选
绿色安全资源
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
您的积分不足，将扣除 10 C币
为了良好体验，不建议使用迅雷下载
无法举报自己的资源
你当前的下载分为234。
你还不是VIP会员
开通VIP会员权限，免积分下载
你下载资源过于频繁，请输入验证码
您因违反CSDN下载频道规则而被锁定帐户，如有疑问，请联络:!
若举报审核通过，可返还被扣除的积分
被举报人：
dongliang_shali
请选择类型
资源无法下载 （ 404页面、下载失败、资源本身问题）
资源无法使用 （文件损坏、内容缺失、题文不符）
侵犯版权资源 （侵犯公司或个人版权）
虚假资源 （恶意欺诈、刷分资源）
含色情、危害国家安全内容
含广告、木马病毒资源
*投诉人姓名：
*投诉人联系方式：
*版权证明：
*详细原因：
判断html引用的js和css是否有重复引用引用外部.css或.js文件的路径问题_百度文库
您的浏览器Javascript被禁用，需开启后体验完整功能，
享专业文档下载特权
&赠共享文档下载特权
&100W篇文档免费专享
&每天抽奖多种福利
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
引用外部.css或.js文件的路径问题
&&Web开发基础,外部文件引入
阅读已结束，下载本文需要
定制HR最喜欢的简历
你可能喜欢2018不可不看的JavaScript和CSS库2018不可不看的JavaScript和CSS库湖南华信智原百家号2018年截止到目前，小编整理出来的，15个最有意思的JavaScript和CSS库。能够为你的代码带来不同凡响的效果噢BasicScroll该库使你可以在你的设计中添加 parallax 滚动动画效果。你可以直接在你的 CSS 中使用变量和属性，或者使用 JS 来获得更好的动画效果。它运行非常流畅，独立于框架，在桌面和移动设备上非常出色，并且支持触屏输入。Proton NativeProton native 允许你为所有平台创建原生桌面应用程序。它具有与 React Native 相同的语法，支持 Redux 等现有的 React 库，并与大多数 Node.js 包兼容。它适用于原生组件，并不再需要 electron 。Normalize.cssNormalize.css 是一个全新的浏览器样式重置库。它使得 HTML 元素样式在不同的浏览器上保持统一，同时也极大程度地减少了不同浏览器之间的冲突，提供了更高的可用性。Fork Awesome这是一个拥有超过 600 个可缩放的矢量图形的图标库。这些图标非常易于自定义，比如更换颜色、大小、阴影等，同时兼容所有框架。这个库非常容易上手，不需要用户拥有 Javascript 语言知识，最重要的是它们在 Retina 屏幕中的显示效果令人惊艳。FilepondFilepond 是一个用于上传文件的小型 Javascript 库。它提供了许多不同的上传方式：你可以使用拖拽、拷贝粘贴，浏览本地文件系统的方式，甚至只是使用它提供的 API 方式来上传文件。这个库内置了图形优化和图形自动缩放功能，Gzip 压缩后只有 21 KB。Headless Chrome Crawler这是一个基于 HeadlessChorme 的网络爬虫（译者注：Headless Chrome 是 Chrome 浏览器的无界面形态，可以在不打开浏览器的前提下，使用所有 Chrome 支持的特性运行你的程序。）。它的提供了非常简单易用的 API ，会让你更加轻松地设置并发、重试、延时方法。它提供了深度优先和广度优先两种爬取算法，同时支持类似于 Redis 的可插拔的缓存机制，并支持 CSV 和 Json 格式的导出。
Pressure.js这是一个可用于压感触控、3D touch 和点触控的库。它提供了简单易用而且兼容绝大多数浏览器的 API 和一个内置的可用于识别压力轻重的工具。同时它也支持多点触控。Loaders.css这是一个非常有意思的纯 css 实现的 loading 动画库。它非常简单实用而且很容易实现自定义。这个库提供了变形、旋转、淡入等等动画效果。这些动画效果能运行在所有的的现代浏览器上（包括 IE9 以上的 IE 浏览器）。React Slider Kit你可以使用 React slider kit 在你的 react 应用中创建滚动元素。它提供了不同类型的滑动组件比如 1D、2D 滚动，单个、多个滚动，水平和垂直滚动等。你可以设置滚动元素的最小、最大值，设置滚动元素的开始停止点等等。NativeScript这是一个使用 Javascript 和 CSS 创建 IOS 和 Android 应用的开源框架。你只需要使用写好 Javascript 代码就可以使用框架自适应地运行在所有的 IOS 和 Android 设备上。框架非常易于扩展，你可以使用 npm、CocoaPods 和 Gradle 获取数以百计的插件。PolacodePolacode 是一个 VisualStudio Code 扩展插件，你可以用一些非常漂亮的视觉效果来对你的代码进行截图。它隐藏了编辑器的 UI ，并在屏幕截图中添加了阴影、填充和圆角。ScratchesScratches 是一个简单的 Javascript 和 Node.js 文本编辑器，可以在你键入时评估你的代码。它基于 Electron 构建，拥有纯净的白色和黑色主题，以及可以看到代码输出的预览窗口。PromptsPrompts 是一套能简单创建漂亮命令行的应用和工具集。它是独立的且轻量级的，没有额外的依赖。这个库能很好地处理 async/await 情况下的专有环境List这个库提供了一个快速的函数替代数组。它是不可变的，这使它成为那些正在尝试函数式编程的人的最佳选择。List 是在 TypeScript 中编写的，并实现了所有 JavaScript 数组方法，还有其他一些额外的方法。NervNerv 是快速的，基于虚拟 dom 的 JavaScript 库，可以作为 React 的替代品。它是轻量级的，与 IE8 和 React 16 兼容，并在客户端和服务器端提供同构渲染。它支持许多 React 16 的特性，如 Error Boundaries、Portals 等。怎么样，这份JavaScript和CSS库清单你是否喜欢呢？喜欢就赶紧收藏吧！本文由百家号作者上传并发布，百家号仅提供信息发布平台。文章仅代表作者个人观点，不代表百度立场。未经作者许可，不得转载。湖南华信智原百家号最近更新：简介:专注信息技术及大数据，培养DT工程师作者最新文章相关文章&&等使用freemarker之后jsp页面的js和css为什么都失去了效果?如题。当我使用freemarker整合spring mvc，我的jsp页面的js 和 css都没效果了，如何解决呢？1个牛币所有回答列表(3)&LV19ftl文件，引入的css文件不对，然后ftl，撤销报红，不支持提示，过来人的说&LV3可能是web.xml中的控制器将静态资源进行了拦截，在applicationContext配置一下看看（如图下）或者配置&mvc:default-servlet-handler/&&LV3可能是web.xml中的问题等等等等等等完完等完等完相关问答完等完完等等等完最近浏览&LV8暂无贡献等级暂无贡献等级&LV3&LV1&LV1&LV1&LV2&LV1&LV8扫描二维码关注最代码为好友"/>扫描二维码关注最代码为好友