使用idea开发web项目,jsp中无法显示bootstrap样式
已采纳
如题，在使用idea的gradle开发一个jfinal项目时，引入了css以及js。但是不能显示出来。路径填写的是相对路径。
- 点赞
- 写回答
- 关注问题
- 收藏
- 复制链接分享
- 邀请回答
1条回答
相关推荐
- 回答 1 已采纳 如题，在使用idea的gradle开发一个jfinal项目时，引入了css以及js。但是不能显示出来。路径填写的是相对路径。   
- 回答 2 已采纳 最近在做一个比较大的项目，用了bootstrap-table这个插件来处理表格，方便很多。但是在分页的时候，不知道前端jsp界面和后端servlet分别怎么写。后端是不是只要传递json给前端就可以，前端分页怎么发送请求到后端？求大神指教，很着急！！！
- 回答 6 已采纳 ``` ``` 上面这句是使用在线方式加载css框架，一切正常。 然后被告知不能用这种方式，要使用本地资源 于是我把bootstrap.min.css文件放到项目根目录下后，尝试了以下N种方法，结果都不能正确加载css文件导致显示出的网页不正常（没有样式）: ``` /bootstrap.min.css"> ``` 甚至当我使用绝对路径时，也不能加载本地的css文件！: ``` ``` 崩溃了！这个问题到底出在哪里？为什么只有用在线加载方式时可以正常显示网页，而使用其他各种办法，甚至是指定绝对路径时，也无法正常加载？ 求大神指点一下菜鸟
- 回答 7 已采纳  报错 $(...).datepicker is not a function 一直出现这个问题，导致日历控件点不出来  ``` ```
- 回答 1 已采纳 row.TYPE是数据库里的值,Judge是定义的全局变量怎么使用onCheck函数来取消选中的行的CheckBox function BusinessLicenseVerify() { var oTableInitPersonnel = new Object(); oTableInitPersonnel.Init = function (url, columns) { $('#BusinessLicenseTable').bootstrapTable({ url: contextUri + url, //请求后台的URL（*） method: 'post', //请求方式（*） striped: true, //是否显示行间隔色 cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*） pagination: true, //是否显示分页（*） sortable: false, //是否启用排序 sortOrder: "asc", //排序方式 paginationDetailHAlign: ' hidden',//去掉分页信息,这里注意hidden前面有个空格，样式加上.hidden{display:none;} queryParams: oTableInitPersonnel.queryParams, //传递参数 sidePagination: "server", //分页方式：client客户端分页，server服务端分页（*） pageNumber: 1, //初始化加载第一页，默认第一页 //singleSelect: true,//单行选择单行,设置为true将禁止多选 pageSize: 7, //每页的记录行数（*） //showColumns: true, //是否显示 内容列下拉框 pageList: [7, 30, 50, 100], //可供选择的每页的行数（*） search: false, //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大 strictSearch: false, //showColumns: true, //是否显示所有的列 showRefresh: false, //是否显示刷新按钮 minimumCountColumns: 2, //最少允许的列数 clickToSelect: false, //是否启用点击选中行 //height: 500, //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度 //uniqueId: "UserID", //每一行的唯一标识，一般为主键列 showToggle: false, //是否显示详细视图和列表视图的切换按钮 cardView: false, //是否显示详细视图 detailView: false, //是否显示父子表 columns: columns, responseHandler: responseHandler, //在渲染页面数据之前执行的方法，此配置很重要!!!!!!! onLoadSuccess: function () { }, onLoadError: function () { layer.alert("@Resources.Global.DataLoadingFailed"); }, onDblClickRow: function (row, $element) { }, onCheck: function (row, $element) { if (row.TYPE == "营业执照") { Judge++; if (($("input[name='MasterCopyType']:checked").val() == 0 && Judge >= 2) || ($("input[name='MasterCopyType']:checked").val() == 3 && Judge >= 2)) { layer.alert("只能选择一个营业执照"); } } } }); } //得到查询的参数 oTableInitPersonnel.queryParams = function (params) { var page = { //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的 PageSize: params.limit, //页面显示行数 CurrentPage: (params.offset / params.limit) + 1, //页码 Data: $("#SearchBusinessLicenseForm").serializeJsonObject(), sort: params.sort //排序列名 //sortOrder: params.order //排位命令（desc，asc） }; return page; } return oTableInitPersonnel; }
- 回答 1 已采纳 function BusinessLicenseVerify() { var oTableInitPersonnel = new Object(); oTableInitPersonnel.Init = function (url, columns) { $('#BusinessLicenseTable').bootstrapTable({ url: contextUri + url, //请求后台的URL（*） method: 'post', //请求方式（*） striped: true, //是否显示行间隔色 cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*） pagination: true, //是否显示分页（*） sortable: false, //是否启用排序 sortOrder: "asc", //排序方式 paginationDetailHAlign: ' hidden',//去掉分页信息,这里注意hidden前面有个空格，样式加上.hidden{display:none;} queryParams: oTableInitPersonnel.queryParams, //传递参数 sidePagination: "server", //分页方式：client客户端分页，server服务端分页（*） pageNumber: 1, //初始化加载第一页，默认第一页 //singleSelect: true,//单行选择单行,设置为true将禁止多选 pageSize: 7, //每页的记录行数（*） //showColumns: true, //是否显示 内容列下拉框 pageList: [7, 30, 50, 100], //可供选择的每页的行数（*） search: false, //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大 strictSearch: false, //showColumns: true, //是否显示所有的列 showRefresh: false, //是否显示刷新按钮 minimumCountColumns: 2, //最少允许的列数 clickToSelect: false, //是否启用点击选中行 //height: 500, //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度 //uniqueId: "UserID", //每一行的唯一标识，一般为主键列 showToggle: false, //是否显示详细视图和列表视图的切换按钮 cardView: false, //是否显示详细视图 detailView: false, //是否显示父子表 columns: columns, responseHandler: responseHandler, //在渲染页面数据之前执行的方法，此配置很重要!!!!!!! onLoadSuccess: function () { }, onLoadError: function () { layer.alert("@Resources.Global.DataLoadingFailed"); }, onDblClickRow: function (row, $element) { }, onCheck: function (row, $element) { if (row.TYPE == "营业执照") { Judge++; if (($("input[name='MasterCopyType']:checked").val() == 0 && Judge >= 2) || ($("input[name='MasterCopyType']:checked").val() == 3 && Judge >= 2)) { layer.alert("只能选择一个营业执照"); } } } }); } //得到查询的参数 oTableInitPersonnel.queryParams = function (params) { var page = { //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的 PageSize: params.limit, //页面显示行数 CurrentPage: (params.offset / params.limit) + 1, //页码 Data: $("#SearchBusinessLicenseForm").serializeJsonObject(), sort: params.sort //排序列名 //sortOrder: params.order //排位命令（desc，asc） }; return page; } return oTableInitPersonnel; }
- 回答 2 已采纳 各位大神： 我在本地新建html文件，代码如下图： 我用火狐和google浏览器打开文件后点击下拉菜单能正常显示二级菜单，但用IE和Edge浏览器打开文件后点击下拉菜单无反应，不显示二级菜单。请问是什么原因？我应该怎么办才能解决浏览器兼容问题？html代码我已经分享到百网盘，分享地址为： https://pan.baidu.com/s/1hs7d8dY 请大神下载后测试。回答要告诉我怎么解决IE和Edge兼容问题，否则不采纳。谢谢！
- 回答 1 已采纳 例如easyui用js代码动态创建datagrid时如何修改表格样式为bootstrap，我在要生成表格的table上添加了bootstrap的class属性样式，但是没有效果。有没有做个这方面的前辈能指点一下
- 回答 4 已采纳 ``` $(function () { var availableTags = ["ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme"]; $("#ingredientName").autocomplete({ source: availableTags }); var dataTable = $('#tableIngredients').dataTable(); $('#buttonAddIngredient').click(function (e) { bootbox.dialog({ message: $("#addIngredient").html(), title: "添加配料", className: "modal-darkorange", buttons: { "取消": { className: "btn", callback: function () { } }, success: { label: "添加", className: "btn-primary", callback: function () { } } } }); }); }); ```  在非Modal窗口 中使用正常,但在Modal窗口中自动提示就是不出现.
- 回答 5 已采纳 使用jQuery1.9以上版本时，bootstrap-table数据会显示；换成jQuery1.7.2版本时，bootstrap-table数据不显示？
- -Controller的博客 idea中jsp中引入bootstrap样式 1.在webapp下建一个静态资源文件夹static，导入bootstrap相关文件 2.引入bootstrap样式相当于css样式样，在外部调用所需要的样式，在jsp页面中加入这几行代码即可调用到bootstrap样式...
- 二木成林的博客 错误 在JSP中使用bootstrap无法正常引入样式，路径是正确的。 原因 没有清理缓存。 解决 重启IDEA就可以了。
- 忙忙碌禄的博客 最近写javaweb，在jsp中使用本地的bootstrap,css文件，图标无法正常显示，大概是如下的一个图标样子。 但是如果不是本地bootstrap文件，而是引用网上的，则能够正常显示。 一开始还以为是bootstrap版本不对，但试了...
- 明天天明~的博客 其他配置都没问题 <link ><script> 中引入的路径与文件都正确，发现怎么弄都不行，在Hbulider中同样的操作可以，原来是idea缓存的问题restart就可以了！！！
- 指倩画骨的博客 Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。 我也很喜欢用Bootstrap，因为Bootstrap的文件是...
- BADAO_LIUMANG_QIZHI的博客 Bootstrap 官网 https://v3.bootcss.com/getting-started/#download 下载 进入官网，点击用于生产... ...SSM中使用Bootstrap SSM项目目录下的webapp目录下新建static目录，将下载后的bootstrap的文件复制到static...
- 超大仙在努力的博客 今天早上在SSM整合开发过程中,使用BootStrap框架中的css样式,发现始终无法正常使用,f12打开浏览器一直报错,发现无法找到bootstrap的css和js样式. 在早期的SpringMVC中,MVC对于静态资源的访问不能很好的处理. ...
- 小菜鸡历险记的博客 基本架构和用法，上去就写html文件，本来html中显示挺好的，但是到了eclipse中jsp中就不行了，啥样式都没有，试过很多方法没有结果。我知道是路径的问题，但是一直排查就是不对。终于在第三天的时候，一切有了眉目！...
- immenselee的博客 然后打算引入bootstrap，美化一下页面，把之前在html文件中可以显示的代码按照位置复制进来，发现文字显示了，但是样式没有显示= = 后来弄了半天查了很多资料： 比如： ...
- K.wuean的博客 上一篇推荐一些IDEA的常用插件，本篇就快速入门BootStrap前端框架，为后面的毕设做准备。后端是SSM框架（Spring+SpringMVC+Mybatis）,前端采用Bootstrap框架修饰。