在ftl使用bootstrap-table时，点击“分页--选择每页显示条数的下拉框”时，没有反应

在ftl使用bootstrap-table时，点击“分页--选择每页显示条数的下拉框”时，没有反应，看了好多，一直无解，求各位大神指点 这是问题页面：  求解☹️☹️

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

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

bootstrap-table进行分页错误

用bootstrap-table进行分页，在设置queryParams时，里面的参数无法传递到后台， 定义的js函数也无法运行    

请问怎么在SSM框架里使用bootstrap-table

我用的时候提示我类型错误了，但我不知道怎么改，请大神伸出援手，下面是我的代码 js代码： ``` function dic_table(){ var row=1; //alert("gggg"); $('#dic_table').bootstrapTable('destroy'); $('#dic_table').bootstrapTable({ url:'dicTable.do', method:'get', toolbar:'#formTools',//工具按钮用那个 striped:true, cache:false, pagination:true, queryParams : function(params) { return { dicName: $('#dicName').val(), offset : params.offset, limit : params.limit }; }, pageSize : 5, //每页的记录行数（*） pageNumber : 1, //初始化加载第一页，默认第一 responseHandler:function (res) { return res.DATA; }, pageList : [ 2, 4, 6 ], singleSelect : true, showColumns : true, sortable : true, //是否启用排序 sidePagination : "client", //分页方式：client客户端分页，server服务端分页（*） strictSearch : true, minimumCountColumns : 2, //最少允许的列数 clickToSelect : true, //是否启用点击选中行 showRefresh : false, //是否显示刷新按钮 uniqueId : 'tName', //每一行的唯一标识，一般为主键列 cardView : false, //是否显示详细视图 search : true, strictSearch : true, showColumns : true, showRefresh : true, showExport : true, onLoadError : function(data) { alert(data); $('#dic_table').bootstrapTable( 'removeAll');}, onLoadSuccess:function(data){ alert("成功"+data); }, columns:[ {field:'tDicId',title:'数据编号'}, {field:'tName',title:'数据名称'}, {field:'tType',title:'数据类型'}, {title:'操作',align:'center', formatter:function(value,row,index){ //var e="<a href='javascript:void(0);media='"row.tName"';title='"row.tName"'; id='"row.tName"'>编辑</a>"; //var f="<a href='javascript:void(0);media='"row.tName"'; title='"row.tName"'; id='del'>删除</a>"; var e="<a href='javascript:void(0);'>编辑</a>"; var f="<a href='javascript:void(0);'>删除</a>"; return e+f; }}], onClickRow:function(row,$element){ alert(row.id); } }); } ``` 后台代码 controller： ``` @Controller public class DicCodeController { public DicCodeController() { // TODO Auto-generated constructor stub } @Autowired IDicCodeService dicCodeServiceImpl; @RequestMapping(value="dicTable.do",method=RequestMethod.GET) @ResponseBody public void SelectDicConde(TbDicCode tDicCode, HttpServletRequest request,HttpServletResponse response) throws IOException{ //PrintWriter pw=response.getWriter(); //获取客户端传递来的也码和每页记录数，并转化为int类型 //int pageSize=Integer.parseInt(request.getParameter("pageSize")); //int pageNumber=Integer.parseInt(request.getParameter("pageNumber")); // String orderNum=request.getParameter("orderNum"); response.setCharacterEncoding("gbk"); request.setCharacterEncoding("utf-8"); System.out.println("good"); String dicName=null; if (request.getParameter("dicName")!=null) { dicName=request.getParameter("dicName"); } String pageSizeStr=request.getParameter("limit"); String pageOffsetStr=request.getParameter("offset"); int pageSize= pageSizeStr==null ? 10: Integer.parseInt(pageSizeStr); int pageOffset= pageOffsetStr==null ? 10: Integer.parseInt(pageOffsetStr); /* if (pageOffset==0) { pageOffset=1; }*/ System.out.println("分页信息: "+pageOffset+","+pageSize); //List list= dicCodeServiceImpl.selectDic(dicName,pageOffset,pageSize); Map<String ,Object> map=dicCodeServiceImpl.selectDic2(dicName,pageOffset,pageSize); //分页查找商品的销售记录 // JSON.toJSONString(list); response.getWriter().write(JSON.toJSONString(map)); System.out.println("jieguo:"+map.get("pageSize")+map.get("data")); // return map; } } ``` service： ``` @Service public class DicCodeServiceImpl implements IDicCodeService { @Autowired TbDicCodeMapper TbDicCodeMapper; @Override public Map<String,Object> selectDic2(String dicName,int pageOffset,int pageSize) { TbDicCode tbCode=new TbDicCode(); // TODO Auto-generated method stub tbCode.settName(dicName); tbCode.setPageOffset(pageOffset); tbCode.setPageSize(pageSize); List<TbDicCode> list= TbDicCodeMapper.selectDic(tbCode); Map<String,Object> result=new HashMap<>(); /* list.add("pageOffset",pageOffset); list.add("pageSize", pageSize);*/ System.out.println("数据字典:/t数据字典代码/t数据字典id/t数据字典名称/t数据字典类型"); for (TbDicCode tbDicCode : list) { System.out.println("数据字典:"+tbDicCode.gettDicCode()+","+ tbDicCode.gettDicId()+","+tbDicCode.gettName()+","+tbDicCode.gettType() ); } int total=TbDicCodeMapper.DicCount(dicName); result.put("data",list);//list集合 result.put("offset",pageOffset); result.put("limit", pageSize); result.put("total", total); System.out.println("result："+result.toString()); return result; } } ``` 运行的结果：  点击“data is undefined”后有值： {"total":2,"data":[{"pageOffset":0,"pageSize":0,"tDicCode":"","tDicId":"1","tName":"数据1","tType":"类型1"},{"pageOffset":0,"pageSize":0,"tDicCode":"","tDicId":"2","tName":"数据2","tType":"类型2"}],"offset":0,"limit":5} 请问要怎么改才能让bootstrap-table正常运行？

bootstrap-Table后台已返回json数据，前台不显示

//先销毁表格 $table.bootstrapTable('destroy'); //再初始化表格 $table.bootstrapTable({ //请求地址,此处数据为本地加载 url: path+"/Build/searchBuilding", //请求方式 method: "POST", //请求内容类型 contentType: "application/x-www-form-urlencoded", //数据类型 dataType: "json", //table高度：如果没有设置，表格自动根据记录条数觉得表格高度 //height: '582', //是否显示行间隔色 striped: true, //是否启用排序 sortable: true, //排序方式 sortOrder: "bid asc", //是否使用缓存 cache: false, //每行的唯一标识 uniqueId: "bid", //指定工具栏 toolbar: "#toolbar", //显示刷新按钮 showRefresh: true, //切换显示样式 showToggle: true, //默认显示详细视图 cardView: false, //是否显示搜索 search: false, //是否显示分页 pagination: true, //是否启用点击选中行 clickToSelect: false, //最少要显示的列数 minimumCountColumns: 2, //显示隐藏列 showColumns: true, //cell没有值时显示 undefinedText: '-', //分页方式：client客户端分页，server服务端分页 sidePagination: "server", //每页的记录行数 pageSize: 20, //初始化加载第1页，默认第1页 pageNumber: 1, //可供选择的每页的行数 pageList: "[10, 20, 50, 80, 100]", paginationFirstText: "首页", paginationPreText: "上一页", paginationNextText: "下一页", paginationLastText: "末页", //按钮样式 buttonsClass: 'btn', //分页器class iconSize: 'Page', //查询条件 queryParams: queryParams, //表头 columns: [{ field: 'bid',//id checkbox: true,//checkbox align: 'center',//对其方式 valign: 'middle'//对其方式 }, { title: '幢编号', field: 'building_id', align: 'center', valign: 'middle', }, { title: '幢名称', field: 'building_name', align: 'center', valign: 'middle' },{ title: '操作', field: 'operate', align: 'center', events: window.operateEvents, formatter: genderOpt//如需操作行数据,直接添加formatter对应函数名参数分别为value, row, index }], onLoadSuccess: function (res) {//可不写 //加载成功时 console.log(res); }, onLoadError: function (statusCode) { return "加载失败了"; }, formatLoadingMessage: function () { //正在加载 return "拼命加载中..."; }, formatNoMatches: function () { //没有匹配的结果 return '无符合条件的记录'; } }); json数据是{"rows":[{"bid":1,"building_id":"1","building_name":"1"},{"bid":2,"building_id":"2","building_name":"2"},{"bid":3,"building_id":"3","building_name":"3"}],"total":3}

bootstrap table 分页若干问题

我看着别人写的table都有页码条和下拉选择pageSize，为什么我的没有显示呢... 只有显示当前第几条，共几条记录， 而且如果刚开始有数据，增加查询条件后总数为0，就显示从1到0条记录，刚才的记录还在，但是实际上是不应该显示的 显示问题： 没办法自动填充满，只有列数据量大，太宽的时候才能把行撑满图片说明](https://img-ask.csdn.net/upload/201708/25/1503650747_780168.png)图片说明](https://img-ask.csdn.net/upload/201708/25/1503650778_410643.png)图片说明](https://img-ask.csdn.net/upload/201708/25/1503650729_263506.png)

bootstrap table分页+springmvc交互问题

今天在用bootstrap table分页方法遇到的问题 jsp初始化给后台传值 后台java代码 现在数据能查出来了List<User> 数据该怎么返回到页面并在页面显示呢？

bootstrap table分页的问题，求大神帮忙

我用的是bootstrap table插件，后台返回的json数据正常，里面也有包括total的总数，页面上面默认初始化显示的是第一页，后端已经分好页面了，我附带的参数是page=1,rows=10,但是表格总是只能显示第一页的，比如第一页显示10条，他只会显示10条，不会出现翻页的页码栏，我猜测可能的原因应该是插件以为我只有10条记录吧，这种情况改如何解决？？？

bootstrap+ jq + ashx 分页获取页码问题 !!!

如图所示 怎么在调用ashx 里面方法的时候,在ashx方法里获得bootstrap-table的当前页码图片说明](https://img-ask.csdn.net/upload/201703/27/1490604118_237216.png)

Bootstrap Table 服务端分页如何获取各个分页勾选的值?

  sidePagination : "server", //服务端分页； getSelections、getAllSelections方法只能获取当前分页勾选的数据，无法获取其他分页勾选的数据？？？怎么办。。。

bootstrap table 服务的分页问题 , 求各路高手大神搭救

服务的分页,每次翻页都会去请求服务器 , 怎么设置让已经加载的页面不在去请求服务端

bootrap table服务器分页

本人是用PHP写的，刚接触，不太会，还请大神指教，PHP中如何使bootstrap table在后台实现分页

Bootstrap 分页标签不显示CSS效果

``` <nav aria-label="Page navigation"> <ul class="pagination"> <li> <a href="#" aria-label="Previous"> <span aria-hidden="true">&laquo;</span> </a> </li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li> <a href="#" aria-label="Next"> <span aria-hidden="true">&raquo;</span> </a> </li> </ul> </nav> ```  其余部分的标签都有显示。 ``` <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="txt/html; charset=utf-8" /> <title>Lettiy</title> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0-beta/css/bootstrap.min.css"/> <style> .left{ float:left; } .right{ float:right; } .rnav{ height:80px; line-height:80px; } .badge{ background-color:teal; } .interface{ width:100px; height:100px; } </style> </head> ``` ``` <!-- 时间轴主体文章部分 --> <div class="col-md-10 left" style="padding:0;"> <!--巨幕显示最新信息--> <div class="jumbotron"> <h1>Welcome to Lettiy!</h1> <p>this is the demo test Page</p> <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p> </div> <!--文章显示区域 采用表格形式进行填充--> <div class="container-fluid" style"margin-top:50px;"> <table id="postView" style="width:100%;"> <!--第一行--> <tr> <td class="col-md-3"> <div class="thumbnail"> <img src="img/java.png" alt="..."class="interface"> <div class="caption"> <h3>Thumbnail label</h3> <p>Java is a general-purpose computer programming language that is concurrent, class-based, object-oriented,[14] and specifically designed to have as few impl...</p> <p><a href="#" class="btn btn-primary" role="button">More</a></p> </div> </div> </td> <td class="col-md-3"> <div class="thumbnail"> <img src="img/java.png" alt="..."class="interface"> <div class="caption"> <h3>Thumbnail label</h3> <p>Java is a general-purpose computer programming language that is concurrent, class-based, object-oriented,[14] and specifically designed to have as few impl...</p> <p><a href="#" class="btn btn-primary" role="button">More</a></p> </div> </div> </td> <td class="col-md-3"> <div class="thumbnail"> <img src="img/java.png" alt="..."class="interface"> <div class="caption"> <h3>Thumbnail label</h3> <p>Java is a general-purpose computer programming language that is concurrent, class-based, object-oriented,[14] and specifically designed to have as few impl...</p> <p><a href="#" class="btn btn-primary" role="button">More</a></p> </div> </div> </td> <td class="col-md-3"> <div class="thumbnail"> <img src="img/java.png" alt="..."class="interface"> <div class="caption"> <h3>Thumbnail label</h3> <p>Java is a general-purpose computer programming language that is concurrent, class-based, object-oriented,[14] and specifically designed to have as few impl...</p> <p><a href="#" class="btn btn-primary" role="button">More</a></p> </div> </div> </td> </tr> <!--第二行--> <tr> <td class="col-md-3"> <div class="thumbnail"> <img src="img/php.png" alt="..."class="interface"> <div class="caption"> <h3>Thumbnail label</h3> <p>Java is a general-purpose computer programming language that is concurrent, class-based, object-oriented,[14] and specifically designed to have as few impl...</p> <p><a href="#" class="btn btn-primary" role="button">More</a></p> </div> </div> </td> <td class="col-md-3"> <div class="thumbnail"> <img src="img/php.png" alt="..."class="interface"> <div class="caption"> <h3>Thumbnail label</h3> <p>Java is a general-purpose computer programming language that is concurrent, class-based, object-oriented,[14] and specifically designed to have as few impl...</p> <p><a href="#" class="btn btn-primary" role="button">More</a></p> </div> </div> </td> <td class="col-md-3"> <div class="thumbnail"> <img src="img/php.png" alt="..."class="interface"> <div class="caption"> <h3>Thumbnail label</h3> <p>Java is a general-purpose computer programming language that is concurrent, class-based, object-oriented,[14] and specifically designed to have as few impl...</p> <p><a href="#" class="btn btn-primary" role="button">More</a></p> </div> </div> </td> <td class="col-md-3"> <div class="thumbnail"> <img src="img/php.png" alt="..."class="interface"> <div class="caption"> <h3>Thumbnail label</h3> <p>Java is a general-purpose computer programming language that is concurrent, class-based, object-oriented,[14] and specifically designed to have as few impl...</p> <p><a href="#" class="btn btn-primary" role="button">More</a></p> </div> </div> </td> </tr> </table> <!--分页器--> <div class="col-md-3 right"> <nav aria-label="Page navigation"> <ul class="pagination pagination-lg"> <li> <a href="#" aria-label="Previous"> <span aria-hidden="true">&laquo;</span> </a> </li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li> <a href="#" aria-label="Next"> <span aria-hidden="true">&raquo;</span> </a> </li> </ul> </nav> </div> </div> </div> ``` ``` <!--BootStrap jquery--> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src="https://cdn.bootcss.com/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script> <script src="https://cdn.bootcss.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script> </body> </html> ``` 

bootstrap table 条件查询

我的项目基于springmvc+mybatis，我在jsp设好查询条件，也能查出结果， 我对条件查询的结果做了分页的，问题是条件查询出来结果，我点下一页的时候又变成 全部数据都出来了，已经不是我要的按条件查出来的结果。一下是我代码： $(function() { $("#table_report").bootstrapTable({ method: "get",//post取不到数据 url: "station/list", dataType: "json", striped:true, toolbar:"#toolbar", idField:"id", pagination: true, pageSize:pageSize, pageList:pageList, // showPaginationSwitch:true, showRefresh:true, showColumns:true, showToggle:true, // searchText:"输入关键字", cache: false, // search: true, buttonsAlign:'left', sidePagination: "server", queryParamsType:'',//默认值为 'limit' ,在默认情况下 传给服务端的参数为：offset,limit,sort 设置为 '' 在这种情况下传给服务器的参数为：pageSize,pageNumber columns:[ { 这是点击搜索按钮的js函数： //检索 function search(){ // top.jzts(); var regioncode = $('#area_id option:selected').val(); var subpackage = $('#subpackage_id option:selected').val(); var stationid = $('#station_id option:selected').val(); // var url = "station/findbyarea?regioncode="+regioncode+"&stationid="+stationid+"&subpackage="+subpackage; $("#table_report").bootstrapTable('refresh', {url:'station/findbyarea', query: {regioncode: regioncode,stationid:stationid,subpackage:subpackage}}); // $.get(url,function(data){ // $("#table_report").bootstrapTable('load',data); // }); } 另外为什么用post请求不了数据？而用get就可以？

bootstrap table怎么想java传参数

这是js ``` function load1() { var state=parent.$("input[name='state']:checked").val(); alert(state) $('#exampleTable') .bootstrapTable( { method : 'get', // 服务器数据的请求方式 get or post url : prefix + "/list", // 服务器数据的加载地址 queryParams:function(params){//向后台传值 return{ offset:params.offset, limit:params.limit, state:parent.$("input[name='state']:checked").val() } }, // showRefresh : true, // showToggle : true, // showColumns : true, iconSize : 'outline', toolbar : '#exampleToolbar', striped : true, // 设置为true会有隔行变色效果 dataType : "json", // 服务器返回的数据类型 pagination : true, // 设置为true会在底部显示分页条 // queryParamsType : "limit", // //设置为limit则会发送符合RESTFull格式的参数 singleSelect : false, // 设置为true将禁止多选 // contentType : "application/x-www-form-urlencoded", // //发送到服务器的数据编码类型 pageSize : 10, // 如果设置了分页，每页数据条数 pageNumber : 1, // 如果设置了分布，首页页码 //search : true, // 是否显示搜索框 showColumns : false, // 是否显示内容下拉框（选择显示的列） sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者 "server" queryParams : function(params) { return { //说明：传入后台的参数包括offset开始索引，limit步长，sort排序列，order：desc或者,以及所有列的键值对 limit: params.limit, offset:params.offset, name:$('#searchName').val() // username:$('#searchName').val() }; }, // //请求服务器数据时，你可以通过重写参数的方式添加一些额外的参数，例如 toolbar 中的参数 如果 // queryParamsType = 'limit' ,返回参数必须包含 // limit, offset, search, sort, order 否则, 需要包含: // pageSize, pageNumber, searchText, sortName, // sortOrder. // 返回false将会终止请求 } ``` 这是java ``` @ResponseBody @RequestMapping("/list") public PageUtils list(@RequestParam Map<String, Object> params,String state){ System.out.println(state); //查询列表数据 Query query = new Query(params); List<WagesDO> wagesList = wagesService.list(query); int total = wagesService.count(query); PageUtils pageUtils = new PageUtils(wagesList, total); return pageUtils; } ``` 这样写在java接受到的是state为null，这是为什么y

bootstrap 页码下拉框不可点击

使用页面分页模式，选择每页显示多少条的下拉框点击时不产生事件，也就是下拉框不出现。默认显示10条是起作用的，检查页面，li标签已经产生。还有一个什么table的js文件，有可能是因为冲突吗，如果不是冲突为什么下拉框不能产生作用。谢谢回答

bootstrap table 不显示每页条数切换按钮

 代码片段  检查结构时发现无此结构  在切换右边的分页时，能看到次结构，等表格加载完成后，就没有该结构了 

bootstrap table export 导出选项出现问题

表中属性是这样的当exportDataType是basic或者为空时候可以导出当前页面，但是只要改成all或者selected就会报错 说 nested exception is java.lang.IllegalStateException: Optional int parameter 'limit' is not present but cannot be translated into a null value due to being declared as a primitive type. Consider declaring it as object wrapper for the corresponding primitive type分页的功能也变没了，这个limit是之前传到后台每页的数量。发现问题了 似乎点击导出table按钮后 会根据url地址对后台再进行一次查询 然而我做的是真分页 查询的只有一页 所以导致limit和offset都为空 只能说这个导出excel不能用咯 ``` url : '/tagq_web/order/showorder.do', //请求后台的URL（*） method : 'get', //请求方式（*） toolbar : '#toolbar', //工具按钮用哪个容器 striped : true, //是否显示行间隔色 cache : false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*） pagination : true, //是否显示分页（*） sortable : true, //是否启用排序 sortName : "order_id", //默认排序字段 sortOrder : "desc", //排序方式 queryParams : queryParams, //传递参数（*） sidePagination : "server", //分页方式：client客户端分页，server服务端分页（*） pageNumber : 1, //初始化加载第一页，默认第一页 pageSize : 5, //每页的记录行数（*） pageList : [ 5, 10, 25, 50, 100 ], //可供选择的每页的行数（*） search : false, //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大 strictSearch : true, showColumns : true, //是否显示所有的列 showRefresh : false, //是否显示刷新按钮 minimumCountColumns : 2, //最少允许的列数 clickToSelect : true, //是否启用点击选中行 height : 400, //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度 uniqueId : "order_id", //每一行的唯一标识，一般为主键列 showToggle : false, //是否显示详细视图和列表视图的切换按钮 showExport : true, exportDataType : "all", cardView : false, //是否显示详细视图 detailView : false, //是否显示父子表 responseHandler : responseHandler, ```

各位大佬，关于PHP转换json之后，js接收报错，求解！

我的测试代码，在自己电脑上运行是运行的 ``` <?php // header("content-type:text/html;charset=utf-8"); // header("Access-Control-Allow-Origin:*"); // header('Access-Control-Allow-Methods:POST'); // header('Access-Control-Allow-Headers:x-requested-with, content-type'); // header("Content-Security-Policy: upgrade-insecure-requests"); require_once(dirname(__FILE__) . './db-test/config.php'); header("Content-type: text/html; charset=utf-8"); error_reporting(0); //创建数据库连接 $mysqli = new Mysqli($dbhost, $dbuser, $dbpass, $dbname); if ($mysqli->connect_error) { die('connect error:' . $mysqli->connect_errno); } $method = !empty($_REQUEST['method']) ? trim($_REQUEST['method']) : ''; //获取时间 if ($method == "query") { $begin_time = $_GET['begin_time']; $begin = $begin_time; $finish_time = $_GET['finish_time']; $finish = $finish_time; //转换为时间戳 $begin_time = strtotime($begin_time); $finish_time = strtotime($finish_time); $selected = $_GET['selected']; //选择的 if ($selected=="jiaye"){ $sql = "SELECT * FROM wx_user where source <>'yunfeng' AND (subscribe_time>('$begin_time')) and subscribe_time<'$finish_time' ;"; }else{ $sql = "SELECT * FROM wx_user where source='yunfeng' AND (subscribe_time>('$begin_time')) and subscribe_time<'$finish_time';"; } $result = $mysqli->query($sql); $results = array(); while ($row = mysqli_fetch_array($result, MYSQLI_ASSOC)) { $results[] = $row; } $arr = json_encode($results,JSON_UNESCAPED_UNICODE); //echo($arr); } else { //默认筛选 //上个月的时间戳 $last_month = strtotime(date('Y-m-01 00:00:00',strtotime('-1 month'))); //获取今日开始时间戳和结束时间戳 $endToday=mktime(0,0,0,date('m'),date('d')+1,date('Y'))-1; $result = $mysqli->query("select * from wx_user where source='yunfeng' AND (subscribe_time>('$last_month')) and subscribe_time<'$endToday' "); $results = array(); while ($row = mysqli_fetch_array($result, MYSQLI_ASSOC)) { $results[] = $row; } $arr = json_encode($results,JSON_UNESCAPED_UNICODE); } ?> <html> <head> <!-- 设置HTML5编码--> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> <!-- 设置HTML5编码--> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"/> --> <title>用户关注数据</title> <!-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <link href="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet"> <link href="//cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.css" rel="stylesheet"> <script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script> <script src="https://unpkg.com/tableexport.jquery.plugin/tableExport.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://cdn.bootcss.com/moment.js/2.18.1/moment-with-locales.min.js"></script> <script src="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script> <script src="//cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.js"></script> <script src="//cdn.bootcss.com/bootstrap-table/1.11.1/locale/bootstrap-table-zh-CN.js"></script> <style> .Connection { display: inline-block; position: relative; margin: 0 5px 0 0; } </style> </head> <body> <h2 class="text-center"> <?php $selected = $_GET['selected']; if ($selected=="jiaye"){ echo "嘉业关注用户"; }else{ echo "云蜂关注用户"; } ?> </h2> <div class="Connection"> <div class="cell-left"> </div> </div> <div class="Connection"> <div class="cell-left"> <div class="form-group"> <select class="form-control" id="selected"> <option value="yunfeng">云蜂</option> <option <?php $selected = $_GET['selected']; if($selected==='jiaye'){ echo 'selected';}?> value="jiaye" >嘉业</option> </select> </div> 请选择起始日期： <input type='text' class="form-control" id='datetime1' style="width:200px; placeholder=" value="<?php echo $begin; ?>"""/> </div>       </div> <div class="Connection"> <div class="cell-left"> 请选择结束日期： <input type='text' class="form-control" id='datetime2' style="width:200px; placeholder=" value="<?php echo $finish; ?>"""/> </div>    </div> <div class="Connection"> <div class="cell-left"> <button class="btn btn-default" onclick="GetTime()">提交</button>    </div>   </div> <div class="Connection"> <div class="cell-left">     <button class="addBtn btn btn-default" id="exportTable"> 导出当前表格数据 </button>     </div>     </div> <script> function trim(str){ return str.replace(/(^\s*)|(\s*$)/g, ""); } $(function () { $("#datetime1").datetimepicker({ format: 'YYYY-MM-DD ', locale: moment.locale('zh-cn') }); $("#datetime2").datetimepicker({ format: 'YYYY-MM-DD ', locale: moment.locale('zh-cn') }); }); var new_data = ""; function GetTime() { var selected= $("#selected").val(); var a = $(" #datetime1").val(); var b = $(" #datetime2").val(); var a= trim(a); var b= trim(b); // alert("第一个输入框" + a) //alert("第二个输入框" + b) location.href = "admin_weixin_subscribe_yunfeng.php?method=query&selected="+selected+"&begin_time=" + a + "&finish_time=" + b; } </script> <div class="table-responsive"> <table id="mytab" class="table table-striped table-bordered"> </table> </div> <script type="text/javascript"> var arr =<?php echo $arr;?>; $(function () { $('#mytab').bootstrapTable({ data: arr, dataType: 'json', queryParams: "queryParams", showColumns: true, //测试 新加 //showRefresh: true, //是否显示刷新按钮 toolbar: "#toolbar", //工具按钮用哪个容器 // editable:true; editable: true, clickEdit: true, showExport: true, sidePagination: "true", //分页方式：client客户端分页，server服务端分页（*） //striped: true, // 是否显示行间隔色 search: true, method: 'GET', //请求方式（*） //search : "true", //是否显示表格搜索 uniqueId: "ID", //每一行的唯一标识，一般为主键列 pageSize: "20", pageList: [10, 25, 50, 100, 'All'], //可供选择的每页的行数（*） pagination: true, // 是否分页 sortable: true, // 是否启用排序 clickToSelect: true, //是否启用点击选中行 columns: [ [{ "title": "<?php $selected = $_GET['selected']; if ($selected=="jiaye"){ echo "嘉业关注用户"; }else{ echo "云蜂关注用户"; } ?>", "halign": "center", "align": "center", //合体了5个列 "colspan": 13 } ], [{ field: 'openid', title: 'openid', sortable: true }, { field: 'nickname', title: '用户昵称', sortable: true, }, { field: 'userid', title: '序号', sortable: true, }, { field: 'subscribe_time', title: '时间戳', sortable: true, }, { title: '最后关注时间',//标题 可不加 edit: false, sortable: true, formatter: function (value, row, index) { return new Date(parseInt(row.subscribe_time) * 1000).toLocaleString().replace(/:\d{1,2}$/, ' '); } }, { field: 'sex', title: '性别', sortable: true, }, { field: 'language', title: '国别', sortable: true, }, { field: 'city', title: '所在国家', sortable: true, }, { field: 'province', title: '所在省份', sortable: true, }, { field: 'country', title: '所在城市', sortable: true, }, { field: 'mark', title: '备注', sortable: true, }, { field: 'subscribe_scene', title: '添加渠道', sortable: true, }, ] ] }); $("#exportTable").click(function () { //导出 $("#mytab").tableExport({ type: "excel", escape: "false", fileName: 'XX-XX关注信息' }); }); }); </script> </body> </html> ``` 运行结果： 然后把代码放到公司服务器上，就报错 非常非常奇怪、，，我看了数据库格式都是UTF-8 就是 script 那里不能把php解析的json给js 变量。。 求大佬帮助！！！！！！ 为什么啊，我测试的时候都能 print出 json对象啊 header也加了 我觉得逻辑完全没问题啊啊啊啊

终于明白阿里百度这样的大公司，为什么面试经常拿ThreadLocal考验求职者了

点击上面↑「爱开发」关注我们每晚10点，捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类，各个线程都拥有一份线程私...

《奇巧淫技》系列-python！！每天早上八点自动发送天气预报邮件到QQ邮箱

将代码部署服务器，每日早上定时获取到天气数据，并发送到邮箱。 也可以说是一个小人工智障。 思路可以运用在不同地方，主要介绍的是思路。

加快推动区块链技术和产业创新发展，2019可信区块链峰会在京召开

11月8日，由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办，科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。 　　区块链技术被认为是继蒸汽机、电力、互联网之后，下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力，电力解决了人类基本的生活需求，互联网彻底改变了信息传递的方式，区块链作为构造信任的技术有重要的价值。 　　1...

阿里面试官问我：如何设计秒杀系统？我的回答让他比起大拇指

你知道的越多，你不知道的越多 点赞再看，养成习惯 GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图和个人联系方式，欢迎Star和指教 前言 Redis在互联网技术存储方面使用如此广泛，几乎所有的后端技术面试官都要在Redis的使用和原理方面对小伙伴们进行360°的刁难。 作为一个在互联网公司面一次拿一次Offer的面霸，打败了...

C语言魔塔游戏

很早就很想写这个，今天终于写完了。 游戏截图： 编译环境: VS2017 游戏需要一些图片，如果有想要的或者对游戏有什么看法的可以加我的QQ 2985486630 讨论，如果暂时没有回应，可以在博客下方留言，到时候我会看到。 下面我来介绍一下游戏的主要功能和实现方式 首先是玩家的定义，使用结构体，这个名字是可以自己改变的 struct gamerole { char n...

面试官问我：什么是消息队列？什么场景需要他？用了会出现什么问题？

你知道的越多，你不知道的越多 点赞再看，养成习惯 GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图、个人联系方式和人才交流群，欢迎Star和完善 前言 消息队列在互联网技术存储方面使用如此广泛，几乎所有的后端技术面试官都要在消息队列的使用和原理方面对小伙伴们进行360°的刁难。 作为一个在互联网公司面一次拿一次Offer的面霸...

Android性能优化(4)：UI渲染机制以及优化

文章目录1. 渲染机制分析1.1 渲染机制1.2 卡顿现象1.3 内存抖动2. 渲染优化方式2.1 过度绘制优化2.1.1 Show GPU overdraw2.1.2 Profile GPU Rendering2.2 卡顿优化2.2.1 SysTrace2.2.2 TraceView 在从Android 6.0源码的角度剖析View的绘制原理一文中，我们了解到View的绘制流程有三个步骤，即m...

微服务中的Kafka与Micronaut

今天，我们将通过Apache Kafka主题构建一些彼此异步通信的微服务。我们使用Micronaut框架，它为与Kafka集成提供专门的库。让我们简要介绍一下示例系统的体系结构。我们有四个微型服务：订单服务，行程服务，司机服务和乘客服务。这些应用程序的实现非常简单。它们都有内存存储，并连接到同一个Kafka实例。 我们系统的主要目标是为客户安排行程。订单服务应用程序还充当网关。它接收来自客户的请求...

致 Python 初学者们！

作者| 许向武 责编 | 屠敏 出品 | CSDN 博客 前言 在 Python 进阶的过程中，相信很多同学应该大致上学习了很多 Python 的基础知识，也正在努力成长。在此期间，一定遇到了很多的困惑，对未来的学习方向感到迷茫。我非常理解你们所面临的处境。我从2007年开始接触 Python 这门编程语言，从2009年开始单一使用 Python 应对所有的开发工作，直至今...

究竟你适不适合买Mac？

我清晰的记得，刚买的macbook pro回到家，开机后第一件事情，就是上了淘宝网，花了500元钱，找了一个上门维修电脑的师傅，上门给我装了一个windows系统。。。。。。 表砍我。。。 当时买mac的初衷，只是想要个固态硬盘的笔记本，用来运行一些复杂的扑克软件。而看了当时所有的SSD笔记本后，最终决定，还是买个好（xiong）看（da）的。 已经有好几个朋友问我mba怎么样了，所以今天尽量客观...

程序员一般通过什么途径接私活？

二哥，你好，我想知道一般程序猿都如何接私活，我也想接，能告诉我一些方法吗？ 上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”，还有很多读者问过我类似这样的问题。 我接的私活不算多，挣到的钱也没有多少，加起来不到 20W。说实话，这个数目说出来我是有点心虚的，毕竟太少了，大家轻喷。但我想，恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉，我也算是有经验的人了。 唾弃接私活、做外...

字节跳动面试官这样问消息队列：分布式事务、重复消费、顺序消费，我整理了一下

你知道的越多，你不知道的越多 点赞再看，养成习惯 GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图、个人联系方式和人才交流群，欢迎Star和完善 前言 消息队列在互联网技术存储方面使用如此广泛，几乎所有的后端技术面试官都要在消息队列的使用和原理方面对小伙伴们进行360°的刁难。 作为一个在互联网公司面一次拿一次Offer的面霸...

Python爬虫爬取淘宝，京东商品信息

小编是一个理科生，不善长说一些废话。简单介绍下原理然后直接上代码。 使用的工具（Python+pycharm2019.3+selenium+xpath+chromedriver）其中要使用pycharm也可以私聊我selenium是一个框架可以通过pip下载 pip installselenium -ihttps://pypi.tuna.tsinghua.edu.cn/simple/ ...

阿里程序员写了一个新手都写不出的低级bug，被骂惨了。

这种新手都不会范的错，居然被一个工作好几年的小伙子写出来，差点被当场开除了。

Java工作4年来应聘要16K最后没要,细节如下。。。

前奏： 今天2B哥和大家分享一位前几天面试的一位应聘者，工作4年26岁，统招本科。 以下就是他的简历和面试情况。 基本情况： 专业技能： 1、&nbsp;熟悉Sping了解SpringMVC、SpringBoot、Mybatis等框架、了解SpringCloud微服务 2、&nbsp;熟悉常用项目管理工具：SVN、GIT、MAVEN、Jenkins 3、&nbsp;熟悉Nginx、tomca...

SpringBoot2.x系列教程（三十六）SpringBoot之Tomcat配置

Spring Boot默认内嵌的Tomcat为Servlet容器，关于Tomcat的所有属性都在ServerProperties配置类中。同时，也可以实现一些接口来自定义内嵌Servlet容器和内嵌Tomcat等的配置。 关于此配置，网络上有大量的资料，但都是基于SpringBoot1.5.x版本，并不适合当前最新版本。本文将带大家了解一下最新版本的使用。 ServerProperties的部分源...

Python绘图，圣诞树，花，爱心 | Turtle篇

每周每日，分享Python实战代码，入门资料，进阶资料，基础语法，爬虫，数据分析，web网站，机器学习，深度学习等等。 公众号回复【进群】沟通交流吧，QQ扫码进群学习吧 微信群 QQ群 1.画圣诞树 import turtle screen = turtle.Screen() screen.setup(800,600) circle = turtle.Turtle()...

作为一个程序员，CPU的这些硬核知识你必须会！

CPU对每个程序员来说，是个既熟悉又陌生的东西？ 如果你只知道CPU是中央处理器的话，那可能对你并没有什么用，那么作为程序员的我们，必须要搞懂的就是CPU这家伙是如何运行的，尤其要搞懂它里面的寄存器是怎么一回事，因为这将让你从底层明白程序的运行机制。 随我一起，来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说，我们首先就要搞明白它是怎么回事，也就是它的内部构造，当然，CPU那么牛的一个东...

破14亿，Python分析我国存在哪些人口危机！

一、背景 二、爬取数据 三、数据分析 1、总人口 2、男女人口比例 3、人口城镇化 4、人口增长率 5、人口老化（抚养比） 6、各省人口 7、世界人口 四、遇到的问题 遇到的问题 1、数据分页，需要获取从1949-2018年数据，观察到有近20年参数：LAST20，由此推测获取近70年的参数可设置为：LAST70 2、2019年数据没有放上去，可以手动添加上去 3、将数据进行 行列转换 4、列名...

听说想当黑客的都玩过这个Monyer游戏（1~14攻略）

第零关 进入传送门开始第0关（游戏链接） 请点击链接进入第1关： 连接在左边→ ←连接在右边 看不到啊。。。。（只能看到一堆大佬做完的留名，也能看到菜鸡的我，在后面~~） 直接fn+f12吧 &lt;span&gt;连接在左边→&lt;/span&gt; &lt;a href="first.php"&gt;&lt;/a&gt; &lt;span&gt;←连接在右边&lt;/span&gt; o...

在家远程办公效率低？那你一定要收好这个「在家办公」神器！

相信大家都已经收到国务院延长春节假期的消息，接下来，在家远程办公可能将会持续一段时间。 但是问题来了。远程办公不是人在电脑前就当坐班了，相反，对于沟通效率，文件协作，以及信息安全都有着极高的要求。有着非常多的挑战，比如： 1在异地互相不见面的会议上，如何提高沟通效率？ 2文件之间的来往反馈如何做到及时性？如何保证信息安全？ 3如何规划安排每天工作，以及如何进行成果验收？ ...... ...

作为一个程序员，内存和磁盘的这些事情，你不得不知道啊！！！

截止目前，我已经分享了如下几篇文章： 一个程序在计算机中是如何运行的？超级干货！！！ 作为一个程序员，CPU的这些硬核知识你必须会！ 作为一个程序员，内存的这些硬核知识你必须懂！ 这些知识可以说是我们之前都不太重视的基础知识，可能大家在上大学的时候都学习过了，但是嘞，当时由于老师讲解的没那么有趣，又加上这些知识本身就比较枯燥，所以嘞，大家当初几乎等于没学。 再说啦，学习这些，也看不出来有什么用啊！...

这个世界上人真的分三六九等，你信吗？

偶然间，在知乎上看到一个问题 一时间，勾起了我深深的回忆。 以前在厂里打过两次工，做过家教，干过辅导班，做过中介。零下几度的晚上，贴过广告，满脸、满手地长冻疮。 再回首那段岁月，虽然苦，但让我学会了坚持和忍耐。让我明白了，在这个世界上，无论环境多么的恶劣，只要心存希望，星星之火，亦可燎原。 下文是原回答，希望能对你能有所启发。 如果我说，这个世界上人真的分三六九等，...

2020年全新Java学习路线图，含配套视频，学完即为中级Java程序员！！

新的一年来临，突如其来的疫情打破了平静的生活！ 在家的你是否很无聊，如果无聊就来学习吧！ 世上只有一种投资只赚不赔，那就是学习！！！ 传智播客于2020年升级了Java学习线路图，硬核升级，免费放送！ 学完你就是中级程序员，能更快一步找到工作！ 一、Java基础 JavaSE基础是Java中级程序员的起点，是帮助你从小白到懂得编程的必经之路。 在Java基础板块中有6个子模块的学...

B 站上有哪些很好的学习资源?

哇说起B站，在小九眼里就是宝藏般的存在，放年假宅在家时一天刷6、7个小时不在话下，更别提今年的跨年晚会，我简直是跪着看完的！！ 最早大家聚在在B站是为了追番，再后来我在上面刷欧美新歌和漂亮小姐姐的舞蹈视频，最近两年我和周围的朋友们已经把B站当作学习教室了，而且学习成本还免费，真是个励志的好平台ヽ(.◕ฺˇд ˇ◕ฺ;)ﾉ 下面我们就来盘点一下B站上优质的学习资源： 综合类 Oeasy： 综合...

爬取薅羊毛网站百度云资源

这是疫情期间无聊做的爬虫， 去获取暂时用不上的教程 import threading import time import pandas as pd import requests import re from threading import Thread, Lock # import urllib.request as request # req=urllib.request.Requ...

如何优雅地打印一个Java对象？

你好呀，我是沉默王二，一个和黄家驹一样身高，和刘德华一样颜值的程序员。虽然已经写了十多年的 Java 代码，但仍然觉得自己是个菜鸟（请允许我惭愧一下）。 在一个月黑风高的夜晚，我思前想后，觉得再也不能这么蹉跎下去了。于是痛下决心，准备通过输出的方式倒逼输入，以此来修炼自己的内功，从而进阶成为一名真正意义上的大神。与此同时，希望这些文章能够帮助到更多的读者，让大家在学习的路上不再寂寞、空虚和冷。 ...

雷火神山直播超两亿，Web播放器事件监听是怎么实现的？

Web播放器解决了在手机浏览器和PC浏览器上播放音视频数据的问题，让视音频内容可以不依赖用户安装App，就能进行播放以及在社交平台进行传播。在视频业务大数据平台中，播放数据的统计分析非常重要，所以Web播放器在使用过程中，需要对其内部的数据进行收集并上报至服务端，此时，就需要对发生在其内部的一些播放行为进行事件监听。 那么Web播放器事件监听是怎么实现的呢？ 01 监听事件明细表 名...

3万字总结，Mysql优化之精髓

本文知识点较多，篇幅较长，请耐心学习 MySQL已经成为时下关系型数据库产品的中坚力量，备受互联网大厂的青睐，出门面试想进BAT，想拿高工资，不会点MySQL优化知识，拿offer的成功率会大大下降。 为什么要优化 系统的吞吐量瓶颈往往出现在数据库的访问速度上 随着应用程序的运行，数据库的中的数据会越来越多，处理时间会相应变慢 数据是存放在磁盘上的，读写速度无法和内存相比 如何优化 设计...

HTML5适合的情人节礼物有纪念日期功能

前言 利用HTML5，css，js实现爱心树 以及 纪念日期的功能 网页有播放音乐功能 以及打字倾诉感情的画面，非常适合情人节送给女朋友 具体的HTML代码 具体只要修改代码里面的男某某和女某某 文字段也可自行修改，还有代码下半部分的JS代码需要修改一下起始日期 注意月份为0~11月 也就是月份需要减一。 当然只有一部分HTML和JS代码不够运行的，文章最下面还附加了完整代码的下载地址 &lt;!...

相关热词 c# 为空 判断 委托 c#记事本颜色 c# 系统默认声音 js中调用c#方法参数 c#引入dll文件报错 c#根据名称实例化 c#从邮件服务器获取邮件 c# 保存文件夹 c#代码打包引用 c# 压缩效率