JSP页面,bootstrap没有用

JSP页面,bootstrap没有用,请问是路径错了吗?

图片说明

图片说明

浏览器显示加载失败
图片说明

2个回答

路径没有错,路径错误会显示 404 的。

Jin_xiaopang
金小胖zZ 那是什么问题?
3 个月之前 回复
<script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
Jin_xiaopang
金小胖zZ 不行啊
3 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Python+OpenCV计算机视觉

Python+OpenCV计算机视觉

关于在jsp界面中使用bootstrap-table插件的分页问题

最近在做一个比较大的项目,用了bootstrap-table这个插件来处理表格,方便很多。但是在分页的时候,不知道前端jsp界面和后端servlet分别怎么写。后端是不是只要传递json给前端就可以,前端分页怎么发送请求到后端?求大神指教,很着急!!!

使用idea开发web项目,jsp中无法显示bootstrap样式

如题,在使用idea的gradle开发一个jfinal项目时,引入了css以及js。但是不能显示出来。路径填写的是相对路径。 ![图片说明](https://img-ask.csdn.net/upload/201612/09/1481255047_514632.png) ![图片说明](https://img-ask.csdn.net/upload/201612/09/1481255059_524593.png) ![图片说明](https://img-ask.csdn.net/upload/201612/09/1481255068_204198.png)

jsp前端页面bootstrap中nav导航栏点击效果不明显问题

``` //加载菜单代码 //使用ajax异步请求后台加载商品类型 $(document).ready(function(){ $.ajax({ dataType : 'json', type : 'POST', url : '${pageContext.request.contextPath}/listCategory.action', success : function(data) { // alert(JSON.stringify(data)); var content=""; // for(var i=0;i<data.length;i++){ // content+="<li class='active'><a href='${pageContext.request.contextPath}/findProductByCategory.action?id="+data[i].id+"'>"+data[i].categoryName+"</a></li>"; // alert(data[i].id+data[i].categoryName); // } for(var i=0;i<data.length;i++){ content+="<li class='active'><a onclick='findProductByCategory("+data[i].id+");'>"+data[i].categoryName+"</a></li>"; //alert(data[i].id+data[i].categoryName); } $("#categoryContent").html(content); } }); }); //导航条代码 <div class="container-fluid"> <nav class="navbar navbar-inverse"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="${pageContext.request.contextPath }/index.jsp">首页</a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav" id="categoryContent"> </ul> <div class="navbar-form navbar-right" role="search"> <div class="form-group"> <input type="text" class="form-control" placeholder="Search" id="findName"> </div> <button class="btn btn-default" onclick="findGood()">Submit</button> </div> </div> </div> </nav> </div> 主要是菜单点击功能可以实现 不过没有点击效果 ```

如何把jsp页面头部中那些加载css、js的命令提取出来放在一个jsp页面里

是这样的我要做好几个jsp页面,都使用bootstrap作为前端框架 于是在每个jsp页面的 head>中都有这么一大段加载命令: ``` <link href="css/charisma-app.css" rel="stylesheet"> <link href='bower_components/fullcalendar/dist/fullcalendar.css' rel='stylesheet'> <link href='bower_components/fullcalendar/dist/fullcalendar.print.css' rel='stylesheet' media='print'> <link href='resources/bower_components/chosen/chosen.min.css' rel='stylesheet'> <link href='bower_components/colorbox/example3/colorbox.css' rel='stylesheet'> <link href='bower_components/responsive-tables/responsive-tables.css' rel='stylesheet'> <link href='bower_components/bootstrap-tour/build/css/bootstrap-tour.min.css' rel='stylesheet'> <link href='css/jquery.noty.css' rel='stylesheet'> <link href='css/noty_theme_default.css' rel='stylesheet'> <link href='css/elfinder.min.css' rel='stylesheet'> <link href='css/elfinder.theme.css' rel='stylesheet'> <link href='jquery.iphone.toggle.css' rel='stylesheet'> <link href='uploadify.css' rel='stylesheet'> <link href='css/animate.min.css' rel='stylesheet'> ``` 这样修改起来不方便,如果把这些相同的标签都单独列出来放在一个jsp页面中就会好很多。 我应该怎样做,新建的这个jsp页面要声明什么吗,其他引用该页面的jsp要声明什么,就是如何把它们联系起来

怎么用bootstrap框架?

怎么把引用bootstrap,将自己做的页面做成响应式。是要用bootstrap里的样式.css文件吗,那自己做的页面的类名是不是得改成bootstrap样式文件里的类名?求大神指教,第一次用bootstrap,不会用。

求大神帮一下,eclipse 导入bootstrap无效果,该如何导入呢?

![图片说明](https://img-ask.csdn.net/upload/201709/10/1505057883_815368.png) <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/bs/css/bootstrap.min.css"> <script type="text/javascript" src="${pageContext.request.contextPath }/bs/js/jquery.js"></script> <script type="text/javascript" src="${pageContext.request.contextPath }/bs/js/bootstrap.min.js"></script> 看博客这种写法,但是不好使呀 我把bs文件放在了webcontent下面了,jsp文件也是

eclipse中使用bootstrap

eclipse中使用bootstrap,引入bootstrap包,jsp 页面<head>里也引入了文件。按Alt+/ 不能出来自动提示怎么解决

网站的一个页面在在IE8看是空白,页面用的Bootstrap,请问这个可能是什么问题?

网站的一个页面在chrome中看是正常的,在IE8看是空白,页面用的Bootstrap,请问这个可能是什么问题?

用bootstrap框架时的分页如何实现

现在想在前台页面用bootstrap实现分页功能,但是bootstrap用的不熟练,大神们有没有bootstrap分页功能实现的代码或者是给我指导指导,拜托了!

用jsp写一个简单的登录页面

求写一个登录页面,有form表单,然后能提交到数据库。框架是spring,数据库是sql,用java,jsp写。。我是新手,所以恳求大神帮帮我。非常感谢谢。。

在需要许多不同jsp页面反馈后台数据处理的错误信息的时候,如何只做一个error.jsp页面?

如题所示,本人现在在写一个结构比较简单的基于Jsp/Servlet的web系统。 不同jsp页面反馈后台数据处理的错误时候,如何只做一个error.jsp页面然后根据各个servlet情况显示错误信息? 比如在许多Servlet中,举一个例子: ``` //前略 if(MainDAO.createAssess(credit,usertype,ordersID,orderstype)>-1){ response.sendRedirect("/carpool/CreateAssessSuccess.jsp"); }else{ response.sendRedirect("/carpool/CreateAssessFailure.jsp"); System.out.println("创建评价失败!可能订单已被删除!"); } //后略 ``` 类似这种的Servlet还有很多,然后那些个xxxxSuccess.jsp和 xxxxFailure.jsp其实都是很简单的jsp页面,比如 ``` <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link href="/carpool/css/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="/carpool/css/flat-ui.min.css" rel="stylesheet"> <title>取消订单失败</title> </head> <body> <br/><br/> <center> <h3>取消订单失败!可能对方已经先你一步取消订单或已被管理员删除!</h3> <a href="/carpool/index.jsp"><b><u>返回主页</u></b></a> </center> </body> </html> ``` 所以能不能在Servlet怎样设置一下比如一个错误信息,然后传到同一个error.jsp里显示出来? 最近才接触前端脚本所以不太会,找了一下好像也都是说传参数(?但是好像重定向到error页面并不能传参数)。或者大多数解决方法是在后台里写 ``` public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { test1(response); } private void test1(HttpServletResponse response) throws IOException, UnsupportedEncodingException { response.setHeader("content-type", "text/html;charset=UTF-8"); String data = "发起订单失败!"; OutputStream os = response.getOutputStream(); os.write(data.getBytes("UTF-8")); } ``` 然后再用js写一行一行syso(<……>)来实现返回上一页按钮之类的。。但这样的话还不如一次复制一个jsp页面然后修改一行数据来得实在。。。所以有没有大神能教教我能不能如题那样实现。

bootstrap table分页+springmvc交互问题

今天在用bootstrap table分页方法遇到的问题![图片说明](https://img-ask.csdn.net/upload/201704/17/1492422321_285205.png) jsp初始化给后台传值![图片说明](https://img-ask.csdn.net/upload/201704/17/1492422422_808842.png) 后台java代码![图片说明](https://img-ask.csdn.net/upload/201704/17/1492422447_781124.png) 现在数据能查出来了List<User> 数据该怎么返回到页面并在页面显示呢?

SpringMVC在Controller类中获取jsp页面中的json串,使用@ResponseBody来返回json串给页面,报错

## 在SpringMVC的Controller类中, ## 获取jsp页面中的json串, ## jsp页面中的json转递方式是key/value, ## Controller类中使用_@ResponseBody_来转换成json串返回给页面 # JSP页面: ![图片说明](https://img-ask.csdn.net/upload/201906/16/1560665988_258723.jpg) # Controller类: ![图片说明](https://img-ask.csdn.net/upload/201906/16/1560666062_842587.jpg) # pojo对象类: ![图片说明](https://img-ask.csdn.net/upload/201906/16/1560666150_879474.jpg) # 有关的jar包,太多了: ![图片说明](https://img-ask.csdn.net/upload/201906/16/1560666187_174697.jpg) # 配置文件: ![图片说明](https://img-ask.csdn.net/upload/201906/16/1560666207_318287.jpg) # 控制台报错500: **DEBUG [http-nio-8080-exec-4]** - POST "/springmvc_mybatis/testJson.action", parameters={masked} **DEBUG [http-nio-8080-exec-4]** - Mapped to public cn.lzq.ssm.controller.Test1 cn.lzq.ssm.controller.JsonTest.testJson(cn.lzq.ssm.controller.Test1) ** WARN [http-nio-8080-exec-4]** - Resolved [org.springframework.http.converter.HttpMessageNotWritableException: No converter found for return value of type: class cn.lzq.ssm.controller.Test1] **DEBUG [http-nio-8080-exec-4]** - Completed 500 INTERNAL_SERVER_ERROR

html中引入bootstrap.css不起作用

``` <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <title>bootstrap按钮</title> <link rel="serlesheet" type="text/css" href="CSS/bootstrap.css" > <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h1>按钮</h1> <a href="#" class="btn btn-default">默认按钮</a> <a href="#" class="btn btn-primary">通用按钮</a> <a href="#" class="btn btn-success">成功按钮</a> </div> </body> </html> ``` 谷歌浏览器F12也是显示没有bootstrap.css,另外两个引入的js文件正常,请问这是为什么啊。 用的Bootstrap3。谢谢

bootstrap模态窗口中调用其他的页面,被调用页面被压缩不能完全显示怎么解决

bootstrap模态窗口中调用其他的页面,被调用页面被压缩不能完全显示怎么解决 <!-- 用户列表模态窗口 --> <div id="userlistModel" class="modal hide fade" data-backdrop="static" > <div class="modal-header" style="height: 20px"> <span style="font-weight: bold">用户信息列表</span> <button type="button" class="close" data-dismiss="modal" > <i class="icon-remove"></i> </button> </div> <div class="modal-body" > <div id="insertDisplayMode"></div> </div> <div class="modal-footer"> <a href="javascript:void(0);" class="btn" onClick="getSelectNodeVaue('1')" data-dismiss="modal" >确认</a> <a href="javascript:void(0);" class="btn" data-dismiss="modal" >关闭</a> </div> </div> <!-- 被调用页面的部分代码 --> <div class="container-fluid" id="userlistStation"> <div class="row-fluid"> <div class="span12"> <div class="widget-box"> <!-- 页签 --> <div class="widget-title" onClick="showQueryDiv()"> <span class="icon"> <i class="icon-th"></i> </span> <h5>用户信息列表</h5> <span class="widgetese"> <a href="${ctx}/letterStationManagement/create" class="tip-left" data-original-title="返回"><i class="icon-share-alt"></i></a> <a href="javascript:void(0)" class="tip-left" data-original-title="查询"><i class="icon-filter"></i></a> </span> </div> <!-- 页签(完) --> <form id="userListForm" class="form-search" action="${ctx}/letterStationManagement/userList" method="post"> <!-- 下面为JQery码 --> //用户列表模态窗 function userModel(dtId){ $('#userlistModel').modal().css({ width: '276px', 'margin-left': function () { return -($(this).width() / 2); }, 'margin-top': function () { return -($(this).height() / 2); } }); $('#dtID').val(dtId); $('#deleteModal').modal().show(); $.ajax({ type:"get", url:"${ctx}/letterStationManagement/userList", dataType:"html", success:function(data,textStatus){ var result=$(data).filter("#userlistStation").html() ; alert(result); $("#insertDisplayMode").html(result); loadingBgRemove(); } }); }

用eclipse开发web时导入本地bootstrap.css出现问题

``` <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"> ``` 上面这句是使用在线方式加载css框架,一切正常。 然后被告知不能用这种方式,要使用本地资源 于是我把bootstrap.min.css文件放到项目根目录下后,尝试了以下N种方法,结果都不能正确加载css文件导致显示出的网页不正常(没有样式): ``` <link rel="stylesheet" href="bootstrap.min.css"> <link rel="stylesheet" href="./bootstrap.min.css"> <link rel="stylesheet" href="<%=request.getContextPath()%>/bootstrap.min.css"> <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap.min.css"> ``` 甚至当我使用绝对路径时,也不能加载本地的css文件!: ``` <link rel="stylesheet" href="D:/bootstrap-3.3.5-dist/css/bootstrap.min.css"> ``` 崩溃了!这个问题到底出在哪里?为什么只有用在线加载方式时可以正常显示网页,而使用其他各种办法,甚至是指定绝对路径时,也无法正常加载? 求大神指点一下菜鸟

JSP页面显示是空白的,没有报错,是代码有问题吗?还是环境

<%@page import="com.atoz.survey.po.Login"%> <%@page import="com.atoz.survey.po.Paper"%> <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>iWen-个人中心</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/bootstrap-responsive.min.css"> <style type="text/css"> body { padding-top: 20px; padding-bottom: 40px; } .container1{ width:960px; margin:auto; } /*内容部分*/ .maincontent{ margin-top:40px; height:auto; } .right-button{ border-width:3px; border-color:red; margin:0; padding:30px 0px 0px 3px; } .buttonspace{ margin-top:15px; padding:20px 0px 0px 3px; } /*热门推荐等格式*/ .marketing p + h4 { margin-top: 28px; } .nav-pills > li > a { padding-top: 2px; } .fabu a { color: #FFFFFF; text-decoration: none; } </style> <!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <![endif]--> <script src="js/jquery.js"></script> <script src="js/bootstrap.min.js"></script> </head> <% int showPage = 1; String showPageInt = request.getParameter("showPage"); if (showPageInt != null) { showPage = Integer.parseInt(showPageInt); } List<Paper> papers = (List<Paper>) session.getAttribute("papers"); Login login = (Login) session.getAttribute("loginInfo"); int showcurrentPage = 0; int remainCount = 0; int endLineCount = 0; int pageSize = 10; if (papers != null || login != null) { int pageAllCount = 0; //total counts if (showPage == 0) { showPage = 1; } pageAllCount = papers.size(); showcurrentPage = (showPage - 1) * pageSize; //起始处下标 remainCount = pageAllCount - showcurrentPage; //剩余的条数 if (remainCount > 10) { endLineCount = showcurrentPage + 10; //截止下标 } else { endLineCount = pageAllCount; } %> <div class="container1"> <div class="masthead"> <ul class="nav nav-pills pull-right"> <li>当前登录:<%=login.getUserName() %></li> <% if(login.isAdmin()){ %> <li>&nbsp;</li> <li><a href="admin.jsp">后台管理</a></li> <% } %> </ul> <h1><a href="index.jsp">iWen</a></h1> </div> <hr> <div class="maincontent"> <div class="row-fluid"> <div class="span10"> <table class="table table-striped table-hover"> <thead> <tr> <th>问卷标题</th> <th>发布日期</th> <th>回答次数</th> <th>查看结果</th> </tr> </thead> <tbody> <% for(int i = showcurrentPage; i < endLineCount; i++){ Paper paper = papers.get(i); %> <tr> <td><a href="surveyPage?paperId=<%=paper.getPaperId() %>" ><%=paper.getPaperTitle() %></a></td> <td><%=paper.getPaperStartDate() %></td> <td><%=paper.getPaperCount() %></td> <td><a href="showresult.jsp?paperId=<%=paper.getPaperId() %>" class="btn btn-small">查看结果</a></td> <td><a href="deletePage?paperId=<%=paper.getPaperId() %>" class="btn btn-small btn-danger">删除</a></td> </tr> <% } %> </tbody> </table> </div> <div class="span2"> <div class="right-button"> <div class="row"> <div class="span2"></div> <div class="span8 fabu"><a href="addpaper.jsp" class="btn btn-success">发布问卷</a></div> <div class="span2"></div> </div> </div> </div> </div> <div class="row"> <div class="span10"> <ul class="pager"> <% if(showPage != 1){ %> <li><a href="home.jsp?showPage=<%=(showPage-1) %>">前一页</a></li> <% }else{ %> <li class="disabled"><a href="home.jsp?showPage=<%=(showPage-1) %>">前一页</a></li> <% } %> <li><a href="home.jsp?showPage=<%=(showPage+1) %>">后一页</a></li> </ul> </div> </div> </div> </div> <% } %> </html> ``` ```

访问jsp页面 css没被加载

![图片说明](https://img-ask.csdn.net/upload/201507/19/1437304649_299588.png) ![图片说明](https://img-ask.csdn.net/upload/201507/19/1437304656_104053.png) ![图片说明](https://img-ask.csdn.net/upload/201507/19/1437305719_522230.png)

spring mvc中controller怎么传递参数到jsp页面中的java代码块

试了一下在返回值是String的方法 ``` request.setAttribute("...", object); ``` 没用 再试了下void方法使用request, response ``` request.setAttribute(("...", object); request.getRequestDispatcher("...").forward(request, response); ``` 也没用

2019 Python开发者日-培训

2019 Python开发者日-培训

150讲轻松搞定Python网络爬虫

150讲轻松搞定Python网络爬虫

设计模式(JAVA语言实现)--20种设计模式附带源码

设计模式(JAVA语言实现)--20种设计模式附带源码

YOLOv3目标检测实战:训练自己的数据集

YOLOv3目标检测实战:训练自己的数据集

java后台+微信小程序 实现完整的点餐系统

java后台+微信小程序 实现完整的点餐系统

三个项目玩转深度学习(附1G源码)

三个项目玩转深度学习(附1G源码)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

2019 AI开发者大会

2019 AI开发者大会

玩转Linux:常用命令实例指南

玩转Linux:常用命令实例指南

一学即懂的计算机视觉(第一季)

一学即懂的计算机视觉(第一季)

4小时玩转微信小程序——基础入门与微信支付实战

4小时玩转微信小程序——基础入门与微信支付实战

Git 实用技巧

Git 实用技巧

Python数据清洗实战入门

Python数据清洗实战入门

使用TensorFlow+keras快速构建图像分类模型

使用TensorFlow+keras快速构建图像分类模型

实用主义学Python(小白也容易上手的Python实用案例)

实用主义学Python(小白也容易上手的Python实用案例)

程序员的算法通关课:知己知彼(第一季)

程序员的算法通关课:知己知彼(第一季)

MySQL数据库从入门到实战应用

MySQL数据库从入门到实战应用

机器学习初学者必会的案例精讲

机器学习初学者必会的案例精讲

手把手实现Java图书管理系统(附源码)

手把手实现Java图书管理系统(附源码)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

.net core快速开发框架

.net core快速开发框架

玩转Python-Python3基础入门

玩转Python-Python3基础入门

Python数据挖掘简易入门

Python数据挖掘简易入门

微信公众平台开发入门

微信公众平台开发入门

程序员的兼职技能课

程序员的兼职技能课

Windows版YOLOv4目标检测实战:训练自己的数据集

Windows版YOLOv4目标检测实战:训练自己的数据集

HoloLens2开发入门教程

HoloLens2开发入门教程

微信小程序开发实战

微信小程序开发实战

Java8零基础入门视频教程

Java8零基础入门视频教程

相关热词 c# cad插入影像 c#设计思想 c#正则表达式 转换 c#form复制 c#写web c# 柱形图 c# wcf 服务库 c#应用程序管理器 c#数组如何赋值给数组 c#序列化应用目的博客园
立即提问