bootstrap table 数据传递成功,就是不显示数据

bootstrap table 提示onloadsuccess 了,并且查看有数据,但是table就是不显示;
页面:




Alert
        <table id="fresh-table" class="table" data-pagination="true"
            data-show-toggle="true"
            data-showColumns="true">
            <thead>
                <tr>
                    <th data-field="id" data-checkbox="true">id</th>
                    <th data-field="username" data-sortable="true">Name</th>
                    <th data-field="phone" data-sortable="true">Salary</th>
                    <th data-field="actions" data-formatter="operateFormatter"
                        data-events="operateEvents">Actions</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
    </div>

</div>

JS:
 $(top.hangge());

    var $table = $('#fresh-table'),
        $alertBtn = $('#alertBtn'), 
        full_screen = false,
        window_height;

    $().ready(function(){

        window_height = $(window).height();
        table_height = window_height - 20;
        $table.bootstrapTable('destroy');

        $table.bootstrapTable({
        toolbar: ".toolbar",
        url : '<%=basePath%>receiving/queryList.do', //请求后台的URL(*)
        method : 'get', //请求方式(*)
        showRefresh : true,
        search : true,
        showToggle : true,
        showColumns : true,
        pagination : true,
        striped : true,
        sortable : true,
        height : table_height,
        pageSize : 25,
        pageList : [ 25, 50, 100 ],
        formatShowingRows : function(pageFrom, pageTo, totalRows) {
        },
        formatRecordsPerPage : function(pageNumber) {
            return pageNumber + " rows visible";
        },
        icons : {
            refresh : 'fa fa-refresh',
            toggle : 'fa fa-th-list',
            columns : 'fa fa-columns',
            detailOpen : 'fa fa-plus-circle',
            detailClose : 'fa fa-minus-circle'
        },
        onLoadSuccess : function(data) {
            alert(data.rows[0].username);//这边是有数据的
        },
        onLoadError : function(status) {
            alert(status);
        }
    });

    window.operateEvents = {
        'click .like' : function(e, value, row, index) {
            alert('You click like icon, row: ' + JSON.stringify(row));
            console.log(value, row, index);
        },
        'click .edit' : function(e, value, row, index) {
            alert('You click edit icon, row: ' + JSON.stringify(row));
            console.log(value, row, index);
        },
        'click .remove' : function(e, value, row, index) {
            $table.bootstrapTable('remove', {
                field : 'id',
                values : [ row.id ]
            });

        }
    };

    $alertBtn.click(function() {
        alert("You pressed on Alert");
    });

    $(window).resize(function() {
        $table.bootstrapTable('resetView');
    });
});

function operateFormatter(value, row, index) {
    return [
            '<a rel="tooltip" title="Like" class="table-action like" href="javascript:void(0)" title="Like">',
            '<i class="fa fa-heart"></i>',
            '</a>',
            '<a rel="tooltip" title="Edit" class="table-action edit" href="javascript:void(0)" title="Edit">',
            '<i class="fa fa-edit"></i>',
            '</a>',
            '<a rel="tooltip" title="Remove" class="table-action remove" href="javascript:void(0)" title="Remove">',
            '<i class="fa fa-remove"></i>', '</a>' ].join('');
}

1个回答

F12打断点,进行一步步调试

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
bootstrap table数据分支展示

对于{"title":"aaa","data":[{"name":"tomg","age":19},{"name":"susan","age":18}]}这样的数据,我的想法是如果支持: [{ field: 'title', title: '标题'}, { field: 'data.name', title: '姓名'}, { field: 'data.age', title: '年龄'}] 就好了。 效果如下: ![图片说明](https://img-ask.csdn.net/upload/201810/25/1540474822_788431.png)

bootstrap-table的post数据问题

要怎么把post的数据从{"page":1,"rows":10}变为page=1&rows=10呢??因为bootstrap-tale中的queryParams:queryParams的参数是一个 function queryParams(){ var data={ page:1, rows:10 } }

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

bootstraptable-edit使用问题

![图片说明](https://img-ask.csdn.net/upload/201908/06/1565077495_685813.png) 外部的表格无法获取数据,检查contentType属性配置问题。 ``` $(function() { //初始化Table var oTable = new TableInit(); oTable.Init(); }); var TableInit = function() { var oTableInit = new Object(); //初始化Table oTableInit.Init = function() { $('#table').bootstrapTable({ url : 'list',//请求后台的URL(*) method : 'post',//请求方式(*) toolbar : '#toolbar',//工具按钮用哪个容器 striped : true,//是否显示行间隔色 cache : false,//是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*) pagination : true,//是否显示分页(*) sortable : false,//是否启用排序 sortOrder : "asc",//排序方式 queryParams : oTableInit.queryParams,//传递参数(*) sidePagination : "server",//分页方式:client客户端分页,server服务端分页(*) pageNumber : 1,//初始化加载第一页,默认第一页 pageSize : 10,//每页的记录行数(*) pageList : [ 10, 25, 50, 100 ],//可供选择的每页的行数(*) search : true,//是否显示表格搜索,此搜索是客户端搜索,不会进服务端,所以,个人感觉意义不大 contentType : "application/x-www-form-urlencoded", strictSearch : true, showColumns : true,//是否显示所有的列 showRefresh : true,//是否显示刷新按钮 minimumCountColumns : 2,//最少允许的列数 clickToSelect : true,//是否启用点击选中行 height : 700,//行高,如果没有设置height属性,表格自动根据记录条数觉得表格高度 uniqueId : "id",//每一行的唯一标识,一般为主键列 showToggle : true,//是否显示详细视图和列表视图的切换按钮 cardView : false,//是否显示详细视图 detailView : false,//是否显示父子表 columns : [ { field : 'id', title : '编号' }, { field : 'name', title : '名字' }, { field : 'price', title : '价格' }, { field : 'operate', title : '操作', formatter : operateFormatter //自定义方法,添加操作按钮 }, ], rowStyle : function(row, index) { var classesArr = [ 'white', 'lightblue' ]; var strclass = ""; if (index % 2 === 0) {//偶数行 strclass = classesArr[0]; } else {//奇数行 strclass = classesArr[1]; } return { classes : strclass }; },//隔行变色 }); }; //得到查询的参数 oTableInit.queryParams = function(params) { var temp = {//这里的键的名字和控制器的变量名必须一直,这边改动,控制器也需要改成一样的 limit : params.limit,//页面大小 //pageNumber: params.pageNumber,//页码 offset : params.offset }; return temp; }; return oTableInit; }; function operateFormatter(value, row, index) {//赋予的参数 return [ '<a href="#" style="color:blue;" οnclick="edit(' + row.id + ')">编辑</a>|', '<a href="#" style="color:red;" οnclick="del(' + row.id + ')">删除</a>', ].join(''); } ``` table-edit.js ``` (function($){ 'use strict'; $.extend($.fn.bootstrapTable.defaults, { editable: false }); var BootstrapTable = $.fn.bootstrapTable.Constructor, _init = BootstrapTable.prototype.init, _initBody = BootstrapTable.prototype.initBody, _onSort = BootstrapTable.prototype.onSort, _append = BootstrapTable.prototype.append, _initHeader = BootstrapTable.prototype.initHeader ; //添加编辑表格默认属性,如何edit设置为false时,表示该列不可编辑 $.extend(true,BootstrapTable.COLUMN_DEFAULTS,{ edit:{ type:'text'//目前只支持 文本:text 下拉:select 日期:date } }); BootstrapTable.prototype.init = function () { _init.apply(this, Array.prototype.slice.apply(arguments)); var that = this; that.prevEditRow = null;//上一次编辑的行 that.columns = {};//列配置信息 that.insertRowVal = {};//新插入行的默认值 that.enableAppend = true;//允许添加新行 if (that.options.editable) { var columnObj = this['getColumns'](); $.each(columnObj,function(i,obj){ $.each(obj,function(z,col){ if(!isNaN(col.fieldIndex) && col.fieldIndex >= 0){ if(col.checkbox)col.edit = false; that.columns['column'+col.fieldIndex] = col; that.insertRowVal[col.field] = ''; } }); }); //this.initEdit(); } }; /*BootstrapTable.prototype.initHeader = function(){ _initHeader.apply(this, Array.prototype.slice.apply(arguments)); this.$container.find('.fixed-table-header').addClass('success'); };*/ BootstrapTable.prototype.initBody = function () { var that = this; _initBody.apply(this, Array.prototype.slice.apply(arguments)); if (!that.options.editable) return; this.initEdit(); //如果列是下拉框,则转换值为对应的文本 $.each(that.columns,function(indx,col){ if(col.edit && col.edit.type == 'select'){ col.edit = $.extend({},$.fn.bootstrapSelect.defaults,col.edit); if(col.edit.data.length > 0){ that.$body.find('>tr').each(function(){ if(that.getData().length < 1)return true; var rowData = that.data[$(this).data('index')];//当前点击td所在行的数据 var $td = $(this).find('td').eq(col.fieldIndex); $.each(col.edit.data,function(i,data){ if(data[col.edit.valueField] == rowData[col.field]){ $td.html(data[col.edit.textField]); } }); }); } else if(col.edit.url){ $.ajax({ url:col.edit.url, type:'post', data:col.edit.paramsType == 'json' ? JSON.stringify(col.edit.params) : col.edit.params, dataType:'json', success: function(jsonLst) { col.edit.onLoadSuccess.call(this,jsonLst); that.$body.find('>tr').each(function(){ if(that.getData().length < 1)return true; var rowData = that.data[$(this).data('index')];//当前点击td所在行的数据 var $td = $(this).find('td').eq(col.fieldIndex); $.each(jsonLst,function(i,data){ if(data[col.edit.valueField] == rowData[col.field]){ $td.html(data[col.edit.textField]); } }); }); col.edit.data = jsonLst; col.edit.url = null; }, error: function(xhr, textStatus, errorThrown){ col.edit.onLoadError.call(this); col.edit.data = []; col.edit.url = null; throw col.field+' 列下拉框数据加载失败'; } }); } } }); }; //根据行号删除指定行 BootstrapTable.prototype.removeRow = function (rowNum) { var that = this; var len = that.options.data.length; if (isNaN(rowNum)){ return; } if(that.$body.find('.editable-select').data('index') != rowNum){ recover(that); } //删除数据 that.options.data.splice(rowNum,1); if (len === that.options.data.length){ return; } var oldClass = {};//保存被标记修改的样式 that.$body.find('>tr').each(function(indx){ if($(this).hasClass('editable-modify')){ if(indx > rowNum){ oldClass[indx-1] = 'editable-modify'; } else{ oldClass[indx] = 'editable-modify'; } } }); //this.prevEditRow = null; //this.$body.find('>tr').removeClass('editable-select'); that.initBody(); //将标记改变过行的样式从新设置回去 for(var key in oldClass){ that.$body.find('>tr').eq(key).addClass(oldClass[key]); } //this.initEdit(); //没有数据时给提示加上样式 if(that.getData().length < 1){ that.$body.find('>tr').addClass('no-records-found'); } }; BootstrapTable.prototype.append = function (){ var that = this; //if(!that.enableAppend)return; var oldClass = {};//保存被标记修改的样式 that.$body.find('>tr').each(function(indx){ if($(this).hasClass('editable-modify') || $(this).hasClass('editable-insert')){ oldClass[indx] = 'editable-modify'; } }); arguments[0] = $.extend({},that.insertRowVal,arguments[0]); _append.apply(this,Array.prototype.slice.apply(arguments)); if (that.options.editable){ //that.initEdit(); setTimeout(function (){ //将标记改变过行的样式从新设置回去 for(var key in oldClass){ that.$body.find('>tr').eq(key).addClass(oldClass[key]); } that.$body.find('>tr:last').addClass('editable-modify'); that.$body.find('>tr:last').addClass('editable-insert');//双重保险,防止在快速点击添加时,为给新增行设置editable-modify属性 that.$body.find('>tr:last').click(); },60); } }; BootstrapTable.prototype.onSort = function () { _onSort.apply(this, Array.prototype.slice.apply(arguments)); var that = this; if (that.options.editable) { this.initEdit(); } }; BootstrapTable.prototype.getData = function () { return (this.searchText || this.searchCallback) ? this.data : this.options.data; }; BootstrapTable.prototype.getColumns = function () { return this.options.columns; }; /** * 获取有被修改过行的值 */ BootstrapTable.prototype.getModiDatas = function (){ var that = this; var datas = []; that.$body.find('.editable-modify').each(function(){ if(that.data[$(this).data('index')]){ datas.push(that.data[$(this).data('index')]); } }); return datas; }; /** * 获取指定列的和,参数为列下标 */ BootstrapTable.prototype.getColTotal = function (num){ var retVal = 0; this.$body.find('>tr').each(function(){ var colNum = 0; if($(this).hasClass('editable-select')){ colNum = $(this).find('td').eq(num).find('input').val(); } else{ colNum = $(this).find('td').eq(num).html(); } if(!isNaN(colNum)){//是数字才做想加 retVal += Number(colNum); } }); return retVal; }; /** * 创建可编辑表格 */ BootstrapTable.prototype.initEdit = function(){ var that = this, data = this.getData(); //this.$body.find('> tr').unbind('click').on('click' //this.$body.delegate('>tr','click' this.$body.find('> tr').unbind('click').on('click',function(){ var $tr = $(this); if($tr.hasClass('editable-select') || data.length < 1 || $tr.hasClass('no-records-found')){ return; } $tr.removeClass('no-records-found'); recover(that); that.prevEditRow = $tr; $tr.addClass('editable-select');//给当前编辑行添加样式,目前样式为空只做标识使用 that.$body.find('> tr').not(this).removeClass('editable-select'); $tr.find('td').closest('td').siblings().html(function(i,html){ initTrClick(that,this); }); }); //鼠标点击事件 $(document).bind('mousedown',function(event){ var $target = $(event.target); if(!($target.parents().andSelf().is(that.$body)) && !($target.parents().andSelf().is($('.datetimepicker')))){ setTimeout(function () { recover(that); //that.prevEditRow = null; //that.$body.find('> tr').removeClass('editable-select'); },10); }; }); }; $.fn.bootstrapTable.methods.push('getColumns', 'getModiDatas','removeRow','getColTotal'); /** * 给tr添加点击事件 */ function initTrClick(that,_this){ that.enableAppend = true; var $td = $(_this); var $tr = $td.parent(); var rowData = that.data[$tr.data('index')];//当前点击td所在行的数据 var tdIndex = $tr.children().index($td);//当前点击的td下标 var tdOpt = that.columns['column'+tdIndex]; if(!tdOpt.edit || typeof tdOpt.edit != 'object'){ return ; } $td.data('field',tdOpt.field); if(!$td.data('oldVal')){ $td.data('oldVal',$.trim(rowData[tdOpt.field])); } var height = $td.innerHeight() - 3; var width = $td.innerWidth() - 2; $td.data('style',$td.attr('style'));//保存原来的样式 $td.attr('style','margin:0px;padding:1px!important;'); var placeholder = ''; if(tdOpt.edit.required == true){ placeholder = '必填项'; } var value = rowData[tdOpt.field] == null || rowData[tdOpt.field] == ''?'':rowData[tdOpt.field]; $td.html('<div style="margin:0;padding:0;overflow:hidden;border:solid 0px red;height:'+(height)+'px;width:'+(width)+'px;">' +'<input type="text" placeholder="'+placeholder+'" value="'+value+'" style="margin-left: 0px; margin-right: 0px; padding-top: 1px; padding-bottom: 1px; width:100%;height:100%">' +'</div>'); $td.width(width); var $input = $td.find('input'); if(!tdOpt.edit.type || tdOpt.edit.type == 'text'){ if(tdOpt.edit['click'] && typeof tdOpt.edit['click'] === 'function'){ $input.unbind('click').bind('click',function(event){ tdOpt.edit['click'].call(this,event); }); } if(tdOpt.edit['focus'] && typeof tdOpt.edit['focus'] === 'function'){ $input.unbind('focus').bind('focus',function(event){ tdOpt.edit['focus'].call(this,event); }); } $input.unbind('blur').on('blur',function(event){ if(tdOpt.edit['blur'] && typeof tdOpt.edit['blur'] === 'function'){ tdOpt.edit['blur'].call(this,event); } }); } else if(tdOpt.edit.type == 'select'){ $input.bootstrapSelect(tdOpt.edit); } else if(tdOpt.edit.type == 'date'){ $td.html('<div style="margin:0;padding:0;overflow:hidden;border:solid 0px red;height:'+(height)+'px;width:'+(width)+'px;" class="input-group date form_datetime" data-link-field="dtp_editable_input">' +'<input class="form-control" type="text" value="'+value+'">' +'<span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span>' +'</div>' +'<input type="hidden" id="dtp_editable_input" value="'+value+'"/>' ); that.$body.find('.form_datetime').datetimepicker({ weekStart: 1, todayBtn: 1, autoclose: 1, todayHighlight: 1, startView: 2, forceParse: 0, language:'zh-CN', format: 'yyyy-mm-dd hh:ii:ss', pickerPosition: 'bottom-left', showMeridian: 1 }); } } /** * 恢复tr,使之处于不可编辑状态 */ function recover(that){ var isModi = false;//判断行值是否变动过 if(that.prevEditRow != null){ that.prevEditRow.find('td').closest('td').siblings().html(function(i,html){ $(this).attr('style',$(this).data('style')); var textVal = $(this).find('input[type="text"]').val(); var hiddenVal = $(this).find('input[type="hidden"]').val(); if(typeof $(this).find('input[type="text"]').bootstrapSelect('getText') != 'object'){ $(this).find('input[type="text"]').bootstrapSelect('destroy'); } if(textVal != undefined){ if($(this).data('oldVal') != (hiddenVal?hiddenVal:$.trim(textVal)) && $(this).data('field')) { that.data[that.prevEditRow.data('index')][$(this).data('field')] = hiddenVal?hiddenVal:$.trim(textVal); isModi = true; } if(that.columns['column'+i].edit.required == true){ if(textVal == null || textVal == ''){ that.enableAppend = false; return '<span style="color:red;">必填项不能为空</span>'; } } return $.trim(textVal); } }); //新值跟旧值不匹配证明被改过 if(isModi || that.prevEditRow.hasClass('editable-insert')){ that.prevEditRow.addClass('editable-modify'); } else{ that.prevEditRow.removeClass('editable-modify'); } that.prevEditRow = null; that.$body.find('> tr').removeClass('editable-select'); } } })(jQuery); ``` 哪位大神能帮忙解决下

bootStrap中服务器分页以后,下面分页按钮消失了,其余数据正常

$('#tableArea').bootstrapTable({ url: 'salary.SalaryAction$querySalaryInfo.json', //请求后台的URL(*) method: 'post', //请求方式(*) toolbar: '#toolbar', //工具按钮用哪个容器 dataField : "data", striped: true, //是否显示行间隔色 cache: false, //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*) pagination: true, //是否显示分页(*) sortable: false, //是否启用排序 sortOrder: "asc", //排序方式 queryParams: oTableInit.queryParams,//传递参数(*) sidePagination: "server", //分页方式:client客户端分页,server服务端分页(*) pageNumber:1, //初始化加载第一页,默认第一页 pageSize: 5, //每页的记录行数(*) pageList: [10, 25, 50, 100], //可供选择的每页的行数(*) responseHandler:responseHandler, //请求数据成功后,渲染表格前的方法 contentType: "application/x-www-form-urlencoded", columns: [{ field: 'employeeId', title: '工号' }。。。。。。 //得到查询的参数 oTableInit.queryParams = function (params) { return { //这里的键的名字和控制器的变量名必须一直,这边改动,控制器也需要改成一样的 limit : params.limit, // 每页显示数量 offset : params.offset // SQL语句偏移量 } }; function responseHandler(result){ /* var errcode = result.errcode;//在此做了错误代码的判断 alert(errcode) if(errcode != 0){ alert("错误代码" + errcode); return; } */ //如果没有错误则返回数据,渲染表格 return { total : result.total, //总页数,前面的key必须为"total" data : result.rows //行数据,前面的key要与之前设置的dataField的值一致. }; };

BootStrapTable中的queryParams这个是用来干么的,能不能举个例子讲解讲解?

在控制台打印参数params Object {search: undefined, sort: "id", order: "asc", offset: 0, limit: 3} 也就这样 这个是跟后台交互的吗

请问怎么在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; } } ``` 运行的结果: ![图片说明](https://img-ask.csdn.net/upload/201711/04/1509771777_234161.png) 点击“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正常运行?

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

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

获取Bootstrap下拉值以保存到数据库并显示在表中

<div class="post-text" itemprop="text"> <p>I'm having trouble getting a Bootstrap ul li list to store values to a database on click, and then display them. I have my index page with some fields and then dropdowns. The user puts text into the fields and selects from the dropdown, when you click the button the page is refreshed and the data is displayed in a table.</p> <p>I don't want to use because I want to style the dropdown consistently.</p> <p>When I tested it with it saved the data, but no luck with an unordered list.</p> <p>I've searched for the solution to this and read documentation but can't find any information that might match my setup and I'm not fluent in PHP. Here are some snippets. If more is needed I'll provide. Thanks for reading.</p> <p>Form:</p> <pre><code>&lt;form action="parts/insert.php" method="post" role="form"&gt; &lt;select name="prep" id="prep"&gt; &lt;option value=""&gt;Preparation&lt;/option&gt; &lt;option value="0 - 10 mins" &gt;0 - 10 minutes&lt;/option&gt; &lt;option value="11 - 30 mins"&gt;11 - 30 minutes&lt;/option&gt; &lt;option value="One hour +"&gt;One hour +&lt;/option&gt; &lt;/select&gt; &lt;input class="submit btn btn-block btn-lg btn-primary" name="submit" type="submit" value="Add" /&gt; &lt;/form&gt; </code></pre> <p>Where the issue seems to be:</p> <pre><code>&lt;?php $query = mysql_query("SELECT `id`, `prep`, FROM `food` ORDER BY food ASC"); while($row = mysql_fetch_array($query)) { ?&gt; &lt;tr&gt; &lt;td&gt;&lt;?php echo $row['prep']; ?&gt;&lt;/td&gt; &lt;/tr&gt; </code></pre> <p>insert.php:</p> <pre><code> $connection = mysql_connect("hostname", "username", "password"); $db = mysql_select_db("databasename", $connection); if(isset($_POST['submit'])){ $prep = $_POST['prep']; if($food !=''){ $query = mysql_query("insert into food(prep) value ('$prep')"); require_once header("Location: ../index.php"); } else { echo "&lt;p&gt;Please fill out all fields&lt;/p&gt;"; } } mysql_close($connection); </code></pre> </div>

表单内的标签如何传值

我要做一个表单设计器,用bootstrap做的,在提交的时候,把表单的html代码存入数据库。然后在使用的时候,把设计的表单html代码整个调用出来,显示的表单给用户填表数据。实际使用中,用户提交数据,对应的数据存入数据库字段。但发现数据对应的标签名,无法提交传递,比如label或span,本地调用赋值是可以,提交后就没法传递到下一页或后台。 请不要说用隐含域,因为是bootstrap自动生成的,所以是自定义的,无法用隐含域对应。 对应代码: <DIV class=control-group> <!-- Text input--> <span id=sp1 class=control-label>姓名</span> <DIV class=controls> <INPUT class=input-xlarge placeholder="placeholder" id="source" name="source">

django bootstrap 模态框 数据无法动态加载

后台传递了一个list,然后我在循环中遍历,其他的都能遍历,到了模态框里就永远只能显示第一个了,我试过在js里让模态框隐藏时清除数据,还是没用。求帮助啊! 代码如下: {% for s in scenes%} <div class="caption"> <h3>{{s.name}}</h3> <div> <button class="btn btn-primary" data-toggle="modal" data-target="#mymodal" type="button" >详细</button> <div class="modal" id="themodal" tabindex="-1"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button> <h4 class="modal-title">详细内容</h4> </div> <div class="modal-body"> <table class="table table-striped"> <thead> <tr> <th>名字</th> <th>功率(w)</th> <th>开关</th> <th>温度(°c)</th> </tr> </thead> <tbody> <tr> <th>{{s.name}}</th> </tr> </tbody> </table> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary">保存</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal -->

用bootstrap模态框如何在本页面传id值,就是点击一个东西,根据id值出来他的详细信息,

在同一个PHP文件里面,如何传值,我的始终就显示一个信息,就是值根本传不过去

使用Codeigniter表库时将数据传递到Twitter Bootstrap Modal

<div class="post-text" itemprop="text"> <p>I have a problem with my code.</p> <p>I am currently loading my list of accounts through a database and generating a table with Codeigniters library, table.</p> <pre><code>$this-&gt;load-&gt;library('table'); $this-&gt;db-&gt;select('firstname, lastname, accountname, registerdate, birthdate, email'); $this-&gt;db-&gt;from('accounts'); $query = $this-&gt;db-&gt;get(); $template = array('table_open' =&gt; '&lt;table class="table table-striped table-hover"&gt;'); $headings = array( 'Fornavn', 'Efternavn', 'Brugernavn', 'Registeringsdato', 'Fødselsdag', 'Email'); $this-&gt;table-&gt;set_template($template); $this-&gt;table-&gt;set_heading($headings); return $this-&gt;table-&gt;generate($query); </code></pre> <p>I would like a modal to open when clicking on the table row. My only headtwister is how I pass any data, like userid, to the modal opened? I can change the table template to open a modal but I cannot figure out how to pass the data. Since the data should be an id which changes from row to row, if you catch my drift.</p> <p>I hope theres some smart brain out there who can help me!</p> <p>Best regards OrKarstoft</p> </div>

【求助】angular typescript中component与html之间的数据传递

要做一个输入用户id和密码的登录页面,点击登录按钮,进入菜单页面。 从来没用过Angular,从网上一点点找类似的代码,大致拼出下面的内容: <app.module.ts> ``` import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { HttpClientModule } from '@angular/common/http'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import { NavMenuComponent } from './nav-menu/nav-menu.component'; // 登录画面 import { LoginComponent } from './login/login.component'; // 菜单画面 import { MenuComponent } from './menu/menu.component'; @NgModule({ declarations: [ AppComponent, NavMenuComponent, LoginComponent, MenuComponent ], imports: [ BrowserModule.withServerTransition({ appId: 'ng-cli-universal' }), HttpClientModule, FormsModule, AppRoutingModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { } // 这里定义一个登录用的类 export class LoginModel { constructor( public companyCd: string, public companyPw: string, public message?: string) { } } ``` ``` <login.component.html> <div> <div align="center"> <p>请输入企业ID和密码:</p> </div> <div align="center"> <form #f="ngForm" (ngSubmit)="onSubmit()"> <table> <tr> <td><label for="companyCd">企业ID:</label></td> <td> <input id="companyCd" name="companyCd" type="text" [(ngModel)]="company.companyCd" #companyCd="ngModel"> </td> </tr> <tr> <td><label for="companyPw">密码:</label></td> <td> <input id="companyPw" name="companyPw" type="text" [(ngModel)]="company.companyPw" #companyPw="ngModel"> </td> </tr> </table> <button type="submit" class="btn btn-primary" routerLink="/menu">登录</button> <br /> <span style="color:red;font-weight:bold"> {{model.message}} </span> </form> {{ f.value | json }} </div> </div> <router-outlet></router-outlet> ``` ``` <login.component.ts> import { Component, OnInit } from '@angular/core'; import { Router } from '@angular/router'; import { LoginModel } from '../app.module'; @Component({ selector: 'app-login', templateUrl: './login.component.html', }) export class LoginComponent { model = new LoginModel('', '', ''); constructor(private router: Router) { } onSubmit() { var companyCd = (document.getElementsByName('companyCd')[0] as HTMLInputElement).value var companyPw = (document.getElementsByName('companyPw')[0] as HTMLInputElement).value if (companyCd == '' || companyPw == '') { this.model.message = '企业ID或密码不能为空'; } else if (!(companyCd == 'aaaa' && companyPw == 'bbbb')) { // 应该是连接数据库进行判定的,目前还没进展到那一步 company.message = '企业ID或密码输入有误'; } else { this.router.navigate(['menu']); } } } ``` 问题一: 不是很理解ngModel的双向绑定,在上面代码的前提下运行,F12显示TypeError: Unable to get property 'companyCd' of undefined or null reference。 问题二:关于html中输入的企业ID和密码,现在只能用getElementsByName来获取,但感觉应该还有利用ngModel的方法。 问题三:上面代码的前提下运行,不输入企业ID和密码,点击登录按钮,不显示错误信息{{model.message}}。如果把 [(ngModel)]="company.companyCd"里的company换成model, [(ngModel)]="model.companyCd",在登录按钮下面就会一直显示{companyCd:"", companyPw:""}。怎么才能让Message只在输入错误的情况下显示?

使用codeigniter中的foreach()为传递给bootstrap模式的数据添加限制

<div class="post-text" itemprop="text"> <p>I'm <strong>not</strong> experiencing any difficulty with pulling data from a db table in CodeIgniter and displaying it in a bootstrap modal window. Using this button link;</p> <pre><code>&lt;a href='#' class='btn btn-success btn-sm' data-toggle='modal' data-target='#myModal'&gt;View&lt;/a&gt; </code></pre> <p>I'm able to access the modal window no problem and display the results of this following coding;</p> <pre><code>&lt;!-- alert view --&gt; &lt;div class='modal fade' id='myModal' role='dialog'&gt; &lt;div class='modal-dialog'&gt; &lt;!-- Modal content--&gt; &lt;div class='modal-content'&gt; &lt;div class='modal-header'&gt; &lt;?php foreach ($article-&gt;result() as $a) {?&gt; &lt;button type='button' class='close' data-dismiss='modal'&gt;&amp;times;&lt;/button&gt; &lt;h1 class='modal-title'&gt;&lt;?php echo $a-&gt;title; ?&gt;&lt;/h1&gt; &lt;/div&gt; &lt;div class='modal-body'&gt; &lt;h4&gt;&lt;?php echo $a-&gt;category_name; ?&gt;&lt;/h4&gt; &lt;h4&gt;&lt;?php echo $a-&gt;public_date; ?&gt;&lt;/h4&gt; &lt;h4&gt;&lt;?php echo $a-&gt;description; ?&gt;&lt;/h4&gt; &lt;?php } ?&gt; &lt;/div&gt; &lt;div class='modal-footer'&gt; &lt;button type='button' class='btn btn-default' data-dismiss='modal'&gt;Close&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p></p> <p>The exact issue I'm having is imposing a limit on the returned results of the <code>foreach()</code> loop. If I use something like <code>$i=0; if($i==1) break;</code> before the <code>foreach()</code>, I get the same content article_id result. To add to my confusion and difficulty, when I try to make <code>article_id</code> the <code>href</code> of the <code>View</code> link, <strong>ALL</strong> db table entries are pulled into the modal window. </p> <p><a href="https://i.stack.imgur.com/h398s.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/h398s.png" alt="Pictured is the situation the coding is in ATM"></a></p> <p>I tried working through the query builder chapter in the CI docs dealing with single result arrays as that was most applicable to my situation. That was the basis for the following approach below;</p> <p><strong>CONTROLLER</strong></p> <pre><code>$data['a'] = $this-&gt;article_model-&gt;get_modal(); $this-&gt;load-&gt;view('article_submit',compact('article', 'page_link', 'category'), $data); </code></pre> <p><strong>MODEL</strong></p> <pre><code>function get_modal() { $results = array(); $this-&gt;db-&gt;select('*'); $this-&gt;db-&gt;from($this-&gt;tbl_article); $query = $this-&gt;db-&gt;get(); if($query-&gt;num_rows() &gt; 0) { $results = $query-&gt;result(); } return $results; } </code></pre> <p><strong>VIEW</strong></p> <pre><code>&lt;?php foreach ($article-&gt;result() as $a) {?&gt; &lt;button type='button' class='close' data-dismiss='modal'&gt;&amp;times;&lt;/button&gt; &lt;h1 class='modal-title'&gt;&lt;?php echo $a-&gt;title; ?&gt;&lt;/h1&gt; &lt;/div&gt; &lt;div class='modal-body'&gt; &lt;h4&gt;&lt;?php echo $a-&gt;category_name; ?&gt;&lt;/h4&gt; &lt;h4&gt;&lt;?php echo $a-&gt;public_date; ?&gt;&lt;/h4&gt; &lt;h4&gt;&lt;?php echo $a-&gt;description; ?&gt;&lt;/h4&gt; &lt;?php } ?&gt; </code></pre> <p>I ended up keeping the <strong>VIEW</strong> coding as it was working for me without the model/controller code. I've actually spent an extra hour on research, trying desperately to ascertain there weren't any answers in the wild on Google or SO. I even gave it one more <code>Doug Flutie Hail Mary</code>;</p> <p><strong>VIEW</strong></p> <pre><code>&lt;?php $i=0; foreach ($article-&gt;result() as $a) if($i==1) break; {?&gt; &lt;button type='button' class='close' data-dismiss='modal'&gt;&amp;times;&lt;/button&gt; &lt;h1 class='modal-title'&gt;&lt;?php echo $a-&gt;title; ?&gt;&lt;/h1&gt; &lt;/div&gt; &lt;div class='modal-body'&gt; &lt;h4&gt;&lt;?php echo $a-&gt;category_name; ?&gt;&lt;/h4&gt; &lt;h4&gt;&lt;?php echo $a-&gt;public_date; ?&gt;&lt;/h4&gt; &lt;h4&gt;&lt;?php echo $a-&gt;description; ?&gt;&lt;/h4&gt; &lt;?php $i++; ?&gt; &lt;?php } ?&gt; </code></pre> <p>My head is literally pounding @ this point...thanks for any clues around this. It could also be something I'm completely missing as well as there's no holiday from Human Error (lol!). </p> <p><strong>UPDATE</strong></p> <p>Currently I'm stuck trying to retool using solutions suggested by @manu joseph &amp; @webcrazymaniac - @webcrazymaniac: not sure if I understand your question about how the article list is built. It may be that I haven't posted enough code for you - please inform me as to what you need to see. As far as the inclusion of the <code>echo</code> for the #modalItem of the <code>View</code> link - not doing anything different for me. @manu joseph, I cannot change <code>$article-&gt;result()</code> to <code>article-&gt;row()</code> as the former is how the article data is displayed to the page (ie);</p> <pre><code>&lt;?php foreach ($article-&gt;result() as $a) { echo "&lt;tr&gt;". "&lt;td&gt;$a-&gt;article_id&lt;/td&gt;". "&lt;td&gt;$a-&gt;title&lt;/td&gt;". "&lt;td&gt;$a-&gt;category_name&lt;/td&gt;". "&lt;td&gt;$a-&gt;access_level&lt;/td&gt;". "&lt;td&gt;$a-&gt;public_date&lt;/td&gt;". "&lt;td&gt;&lt;img class='img-responsive img-circle' style='width:100%; height:50px' src='".base_url()."images/posts/$a-&gt;image' title='Image' &gt;&lt;/td&gt;". "&lt;td&gt;". "&lt;a href='".$a-&gt;article_id."' class='btn btn-success btn-sm' data-toggle='modal' data-target='#myModal'&gt;View&lt;/a&gt; &amp;nbsp;". "&lt;a href='".base_url()."article/view/$a-&gt;article_id' class='btn btn-primary btn-sm'&gt;Edit&lt;/a&gt; &amp;nbsp;". "&lt;a href='".base_url()."article/delete/$a-&gt;article_id' class='btn btn-danger btn-sm'&gt;Delete&lt;/a&gt; ". "&lt;/td&gt;". "&lt;/tr&gt; "; } ?&gt; </code></pre> <p>the above being the table that db results are being echoed out to. @manu joseph, I've noticed initially that the $i=0; lines are only ever functional when I don't try to add the <code>article_id</code> in the <code>View</code> button link. <strong>That's</strong> where the answer lies for me, since, when that happens, then I'm back to the problem that the modal only displays a single listing based on the click of the <code>View</code> button link, but it happens to grab the identical singular result to display within the modal no matter WHAT <code>View</code> button link is clicked upon. Funny how now my previous pagination problems are non-existant (lol!).</p> <p><strong>SO CLOSE I CAN TASTE IT...</strong></p> <p>An hour's worth of tweakling has gotten me to the desired (if skewed) result of just displaying a single articles' details;</p> <p><strong>MODAL WINDOW VIEW LINK</strong></p> <pre><code>"&lt;a href='".$a-&gt;article_id."' class='btn btn-success btn-sm' data-toggle='modal' data-target='#myModal'&gt;View&lt;/a&gt; &amp;nbsp;". </code></pre> <p><strong>MODAL CONTENT</strong></p> <pre><code> &lt;div class='modal-content'&gt; &lt;div class='modal-header'&gt; &lt;?php foreach ($article-&gt;result() as $a) $i=0; if($i==1) break; { ?&gt; &lt;button type='button' class='close' data-dismiss='modal'&gt;&amp;times;&lt;/button&gt; &lt;h1 class='modal-title'&gt;&lt;?php echo $a-&gt;title; ?&gt;&lt;/h1&gt; &lt;/div&gt; &lt;div class='modal-body'&gt; &lt;h4&gt;&lt;?php echo $a-&gt;category_name; ?&gt;&lt;/h4&gt; &lt;h4&gt;&lt;?php echo $a-&gt;public_date; ?&gt;&lt;/h4&gt; &lt;h4&gt;&lt;?php echo $a-&gt;description; ?&gt;&lt;/h4&gt; &lt;?php $i++; ?&gt; &lt;?php } ?&gt; &lt;/div&gt; &lt;div class='modal-footer'&gt; &lt;button type='button' class='btn btn-default' data-dismiss='modal'&gt;Close&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p><strong>PICTURED RESULT:</strong> <a href="https://i.stack.imgur.com/rGc6o.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rGc6o.png" alt="end desired result"></a> </p> <p>I don't know that you can see (probably with image enlargement) the cursor arrow hovering over the 1st <code>View</code> button on page, but the specific article_id is not being returned. Like I said, so close I can taste it. <br></p> <p><strong>Misery Index UPDATE:</strong></p> <p>Thank you so much @manu joseph for his continuing attempt to set me right - the code;</p> <pre><code>&lt;?php $i = 0; foreach ($article-&gt;result() as $a) { echo $i."&lt;br&gt;"; if( $i == 1 ) break; ?&gt; &lt;button type='button' class='close' data-dismiss='modal'&gt;&amp;times;&lt;/button&gt; &lt;h1 class='modal-title'&gt;&lt;?php echo $a-&gt;title; ?&gt;&lt;/h1&gt; &lt;div class='modal-body'&gt; &lt;h4&gt;&lt;?php echo $a-&gt;category_name; ?&gt;&lt;/h4&gt; &lt;h4&gt;&lt;?php echo $a-&gt;public_date; ?&gt;&lt;/h4&gt; &lt;h4&gt;&lt;?php echo $a-&gt;description; ?&gt;&lt;/h4&gt; &lt;/div&gt; &lt;?php $i++; } die(); ?&gt; </code></pre> <p><br> Results in the image below; <a href="https://i.stack.imgur.com/q4orT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/q4orT.png" alt="Code rewrite by SO member @manu joseph"></a></p> <p><br> The value of <code>$i</code> is echoed at the top above the title and the incremented value <code>$i++</code> is echoed at bottom of modal and the <code>close</code> button is vanished. I'm playing a bit with your sequencing as it's neater than what I have currently.</p> <p>I think what needs to be addressed is the <code>View</code> button links as when they're hovered over, the correct <code>article_id</code> is shown, but the modal always only manages to pull in the 1st recordset and never increments to show the content under any of the other article ids;</p> <pre><code>"&lt;a href='".$a-&gt;article_id."' class='btn btn-success btn-sm' data-toggle='modal' data-target='#myModal'&gt;View&lt;/a&gt; &amp;nbsp;". </code></pre> <p>I know I'm fluffing it right here and am in a fight to connect with the other article ids by missing something crucial. Any other questions you need answered, please feel free to ask. Gotta bed it now...</p> <p><strong>UPDATE</strong><br> @webcrazymaniac listed a solution that took me several readings to actually catch his intent to help push me into a better direction and holding position @ the moment; </p> <pre><code>foreach ($article-&gt;result() as $a) { echo "&lt;a href='".base_url('#myModal/$a-&gt;art_id')."' class='btn btn-success btn-sm' data-toggle='modal' data-target='#myModal'&gt;View&lt;/a&gt; &amp;nbsp;". &lt;?php } ?&gt; </code></pre> <p>the above being the link that drops the modal into view. I'm now able to pull the 1st db result into all the modals of the page choices; </p> <pre><code> &lt;!-- alert view --&gt; &lt;div class='modal fade' id='myModal' role='dialog'&gt; &lt;div class='modal-dialog'&gt; &lt;!-- Modal content--&gt; &lt;?php $i = 0; if (!$i = 0){ foreach (array_slice($article-&gt;result(), 0, 1) as $a) { ?&gt; &lt;div class='modal-content' id='myModal&lt;?php echo $a-&gt;art_id;?&gt;'&gt; &lt;div class='modal-header'&gt; &lt;button type='button' class='close' data-dismiss='modal'&gt;&amp;times;&lt;/button&gt; &lt;h4 class='modal-title'&gt;&lt;?php echo $a-&gt;title;?&gt;&lt;/h4&gt; &lt;/div&gt; &lt;div class='modal-body'&gt; &lt;h2&gt;&lt;?php echo $a-&gt;description;?&gt;&lt;/h2&gt; &lt;/div&gt; &lt;div class='modal-footer'&gt; &lt;button type='button' class='btn btn-default' data-dismiss='modal'&gt;Close&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;?php break; } } ?&gt; &lt;/div&gt; </code></pre> <p> </p> <p><a href="https://i.stack.imgur.com/6BHI1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6BHI1.png" alt="Current code rewrite results"></a></p> <p>Using array_slice() was a way for me to limit how many results were pulled in from the links as I couldn't specify a limit without breaking the previous (private) definition for limit related to pagination (and I <strong>definitely</strong> didn't want to disturb that) within the model. My current modal function; </p> <pre><code>public function modal($art_id=NULL) { $this-&gt;db-&gt;select('*'); $this-&gt;db-&gt;from('tbl_article'); $this-&gt;db-&gt;where('tbl_article.art_id =', $art_id); $result = $this-&gt;db-&gt;get(); return $result-&gt;result_array(); } </code></pre> <p>With only a hairsbreadth distance from my resolution, I'm a little to brain-squirrely to see the forest from the trees at this point and am staunchly convinced it's the most trivial of resolutions, but just cannot see it.</p> </div>

form表单提交一个对象封装数据,后台action怎么接收?

form表单提交一个对象封装数据,后台action怎么接收?![图片说明](https://img-ask.csdn.net/upload/201601/15/1452828715_722434.png)

bootstarp动态下拉框的实现

![图片说明](https://img-ask.csdn.net/upload/201704/09/1491719436_52420.jpg) ```<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@include file="/common/common.jsp"%> <%@page import="java.text.SimpleDateFormat"%> <html> <head> <% SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd"); String date = format.format(new Date()); %> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="renderer" content="webkit"> <meta http-equiv="Cache-Control" content="no-siteapp" /> <title>短信网关统计</title> </head> <body class="gray-bg" onload="initCharts()"> <div> <div class="text-center p-lg"> <form role="form" class="form-inline" id="order_form"> <div class=" col-sm-2" > <span >渠道名称:</span> <select id="channelCode" name="channelCode" >//name:向后台传递的数据 <option value="0" selected="selected">全部</option> <option value="1">BAM系统</option> <option value="1">积分俱乐部</option> <option value="1">移动统一门户网站</option> <option value="1">积分后台</option> </select> </div> <div class="form-group"> <input placeholder="选择日期" readonly value="<%=date%>" name="queryDate" id="queryDate"> </div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input class="btn btn-primary btn-sm" type="button" value="查询" onclick="TableSwitch(); sms_botton()" > </form> </div> </div> <div> <div class="col-sm-4"> <table id="smstable" class="table table-bordered"></table> </div> <div class="col-sm-4" align="right"> <div style="width: 100%; height: 100%; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; position: relative; background: transparent;" id="querySmsGatewayStatistics"> </div> </div> </div> </body> <script type="text/javascript"> $(function() { var start = { elem : '#queryDate', //选择ID为START的input format : 'YYYY-MM-DD', //自动生成的时间格式 min : '1999-01-01', //设定最小日期为当前日期 max : laydate.now(), //最大日期 istime : true, //必须填入时间 istoday : true, //是否是当天 start : laydate.now(0, "YYYY-MM-DD") //设置开始时间为当前时间 }; laydate(start); }); /* 初始化表格 */ $(function() { var table = new smstable(); table.init(); }); var smstable = function() { var tabledemo = new Object(); tabledemo.init = function() { $('#smstable').bootstrapTable({ url : "<%=request.getContextPath()%>/SmsGatewayStatistics/SmsGatewayStatistics1.do",// 请求的HTML页的URL地址。 data : {"queryDate" : $("queryDate").val()},//(Map) :发送至服务器的 key/value 数据 type : "POST",//客户端请求的类型(JSON,XML,等等) dataType : "json", columns : [ {field : 'orgId',title : '渠道编码'}, {field : 'orgName',title : '渠道名称'}, {field : 'amount',title : '总量'} ], }); }; return tabledemo; } /* 总量echarts图 */ var myChart = echarts.init(document.getElementById('querySmsGatewayStatistics')); function initCharts(){ $.ajax({ url:"<%=request.getContextPath()%>/SmsGatewayStatistics/SmsGatewayStatistics1.do", data:{"queryDate" : $("#queryDate").val()}, type:"POST", success:function(json){ var orgId = [];//渠道编码 var orgName = [];//渠道名称 var amount = [];//总量 /* 循环除数组的数据 */ for(var i = 0;i<json.length;i++){ orgId[i] = json[i].orgId;//渠道编码 orgName[i] = json[i].orgName;//渠道名称 amount[i] = json[i].amount;//总量 } /* 柱状图 */ option = { tooltip : { trigger: 'axis', axisPointer : { // 坐标轴指示器,坐标轴触发有效 type : 'shadow' // 默认为直线,可选为:'line' | 'shadow' } }, legend: { data:['总量'] //表头数据 }, grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true }, xAxis : [ { type : 'category', data : ['${orgName}'] //x轴现实的数据 } ], yAxis : [ { type : 'value' } ], series : [ { name:'总量', type:'bar', data:amount,//这里写变量值 markLine : { lineStyle: { normal: { type: 'dashed' } }, } } ] }; //封装以上属性 myChart.setOption(option , function (param){ var hz = param.name; alert(hz) }); //查看一个对象中拥有的属性 myChart.on("click", function (param){ var ob = eval(param); var Property=""; var hz = param.name; var hzz = param.seriesIndex; alert(hz) alert(hzz) }); } //对应success })//对应ajax }//对应function </script> </html> 我的实现思路是:在数据库中查询出来的数据动态的展示到下拉框里边,当用户点击这个下拉框的时候地下表格里边弹出的是点击节点工程的表格数据, ```

无法从POST请求中获取数据

<div class="post-text" itemprop="text"> <p>I want to get data from POST request. I have form which create this POST request and redirect it to some action, you can see that in this line:</p> <pre><code>&lt;?php $form = ActiveForm::begin([ 'id' =&gt; 'my-form', 'options' =&gt; ['enctype' =&gt; 'multipart/form-data'], 'action' =&gt; ['site/form'] ]); ?&gt; </code></pre> <p>then some method,in my case actionForm() in SiteController must to handle this request. I need to get that data and save it to db. I have model for that:</p> <pre><code>&lt;?php namespace app\models; use Yii; /** * This is the model class for table "form". * * @property integer $id * @property string $name * @property string $email * @property integer $age * @property integer $height * @property integer $weight * @property string $city * @property string $techies * @property string $english_level * @property resource $photo_1 * @property resource $photo_2 * @property resource $photo_3 * @property resource $photo_4 * @property resource $photo_5 */ class Form extends \yii\db\ActiveRecord { /** * @inheritdoc */ public static function tableName() { return 'form'; } /** * @inheritdoc */ public function rules() { return [ [['name', 'email', 'age', 'height', 'weight', 'city', 'techies', 'english_level', 'photo_1', 'photo_2', 'photo_3', 'photo_4', 'photo_5'], 'required'], [['name', 'email', 'city', 'techies', 'english_level', 'photo_1', 'photo_2', 'photo_3', 'photo_4', 'photo_5'], 'string'], [['age', 'height', 'weight'], 'integer'], ]; } /** * @inheritdoc */ public function attributeLabels() { return [ 'id' =&gt; 'ID', 'name' =&gt; 'Name', 'email' =&gt; 'Email', 'age' =&gt; 'Age', 'height' =&gt; 'Height', 'weight' =&gt; 'Weight', 'city' =&gt; 'City', 'techies' =&gt; 'Techies', 'english_level' =&gt; 'English Level', 'photo_1' =&gt; 'Photo 1', 'photo_2' =&gt; 'Photo 2', 'photo_3' =&gt; 'Photo 3', 'photo_4' =&gt; 'Photo 4', 'photo_5' =&gt; 'Photo 5', ]; } } </code></pre> <p>this is model that created from gii model generator. I also have table in my db named form and with all rows. In my db.php I have all configuration for db. But when I clicked button in my form,page only reload without anything creating. <strong>Action in controller:</strong></p> <pre><code>public function actionForm() { $Form = new Form(); if (($loaded = $Form-&gt;load(Yii::$app-&gt;request-&gt;post('form'))) &amp;&amp; $Form-&gt;save()) { return 'ok'; }elseif($loaded){ var_dump($Form-&gt;getErrors()); } return $this-&gt;render('form',array( 'Form' =&gt; $Form, )); } when all good that method must to show "ok" or errors,but nothing happened,but something must to happen. </code></pre> <p><strong>My view file:</strong></p> <pre><code>&lt;?php use yii\helpers\Html; use yii\widgets\ActiveForm; use dosamigos\fileupload\FileUploadUI; ?&gt; &lt;head&gt; &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt; &lt;/head&gt; &lt;?php $form = ActiveForm::begin([ 'id' =&gt; 'my-form', 'options' =&gt; ['enctype' =&gt; 'multipart/form-data'], 'action' =&gt; ['site/form'] ]); ?&gt; &lt;div class="row"&gt; &lt;div class="col-lg-6"&gt; &lt;?= $form-&gt;field($Form, 'name')-&gt;textInput(['class'=&gt;'name_class'])-&gt;input('name',['placeholder' =&gt; "Имя"])-&gt;label(false); ?&gt; &lt;/div&gt; &lt;div class="col-lg-6"&gt; &lt;?= $form-&gt;field($Form, 'email')-&gt;textInput()-&gt;input('email',['placeholder' =&gt; "E-mail"])-&gt;label(false); ?&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="row"&gt; &lt;div class="col-lg-6"&gt; &lt;?= $form-&gt;field($Form, 'age')-&gt;textInput()-&gt;input('age',['placeholder' =&gt; "Возраст(полных лет)"])-&gt;label(false); ?&gt; &lt;/div&gt; &lt;div class="col-lg-6"&gt; &lt;?= $form-&gt;field($Form, 'height')-&gt;textInput()-&gt;input('height',['placeholder' =&gt; "Рост"])-&gt;label(false); ?&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="row"&gt; &lt;div class="col-lg-6"&gt; &lt;?= $form-&gt;field($Form, 'weight')-&gt;textInput()-&gt;input('weight',['placeholder' =&gt; "Вес"])-&gt;label(false); ?&gt; &lt;/div&gt; &lt;div class="col-lg-6"&gt; &lt;?= $form-&gt;field($Form, 'city')-&gt;textInput()-&gt;input('city',['placeholder' =&gt; "Город проживания"])-&gt;label(false); ?&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="row"&gt; &lt;div class="col-lg-3"&gt; &lt;p&gt;&lt;img class="describe_images" src="computer.png"&gt;&lt;/img&gt;Нужна ли техника в аренду&lt;/p&gt; &lt;/div&gt; &lt;?= $form-&gt;field($Form, 'techies')-&gt;checkboxList(['no'=&gt;'Нет', 'yes_camera'=&gt;'Да,только камера', 'yes_both'=&gt;'да,компьютер и камера'])-&gt;label(false) ?&gt; &lt;/div&gt; &lt;div class="row"&gt; &lt;div class="col-lg-3"&gt; &lt;p&gt;&lt;img class="describe_images" src="English.png"&gt;&lt;/img&gt;Знание английского&lt;/p&gt; &lt;/div&gt; &lt;?= $form-&gt;field($Form, 'english_level')-&gt;checkboxList(['starter'=&gt;'Без знания', 'elementary'=&gt;'Базовый', 'intermediate'=&gt;'Средний','up-intermediate'=&gt;'Высокий','advanced'=&gt;'Превосходный'])-&gt;label(false) ?&gt; &lt;/div&gt; &lt;script&gt; $('#my-form').submit( function(e) { e.preventDefault(); var data = new FormData(this); // &lt;-- 'this' is your form element $.ajax({ url: 'index.php/Form', data: data, cache: false, contentType: false, processData: false, type: 'POST', success: function(data){ alert(data); }, error: function(){ alert('ERROR at PHP side!!'); } }); }); &lt;/script&gt; &lt;script&gt; $(function() { // Multiple images preview in browser var imagesPreview = function(input, placetoinsert) { if (input.files) { var filesAmount = input.files.length; for (i = 0; i &lt; filesAmount; i++) { var reader = new FileReader(); reader.onload = function(event) { $($.parseHTML('&lt;img&gt;')).attr('src', event.target.result).appendTo('.preview'); } reader.readAsDataURL(input.files[i]); } } }; $('#gallery-photo-add').on('change', function() { imagesPreview(this, 'div.gallery'); }); }); &lt;/script&gt; &lt;div class="row"&gt; &lt;div class="col-lg-6"&gt; &lt;div class="col-lg-6"&gt; &lt;p class="add_photo"&gt;&lt;img class="describe_images" src="photo.png"&gt;&lt;/img&gt;Добавить фото(до 5 штук)&lt;/p&gt; &lt;/div&gt; &lt;div class="col-lg-6"&gt; &lt;?= $form-&gt;field($Form, 'images[]')-&gt;fileInput(['multiple' =&gt; true, 'accept' =&gt; 'image/*','id'=&gt;'gallery-photo-add'])-&gt;label(false) ?&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="col-lg-6 pixels-line"&gt; &lt;div class="preview"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;?= Html::submitButton('Отправить', ['class' =&gt; 'btn btn-primary']) ?&gt; &lt;/div&gt; &lt;?php ActiveForm::end() ?&gt; </code></pre> </div>

Laravel 5.4将变量从控制器传递给js脚本

<div class="post-text" itemprop="text"> <p>Hi it is possible pass variable from controller to JS script. I must do change color event when user join to event.</p> <p>I need pass variable $colorrr to my js becouse i use fullcalendar there is option eventColor: and i want send there variable $colorrr from controller. Now only i do checking if event exist in pivot table. And its working, my problem is i dont know how pass variable to option eventColor</p> <p>Controller:</p> <p></p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> <pre class="snippet-code-html lang-html prettyprint-override"><code>public function index() { $eventscolo=DB::table('save_events')-&gt;select('events_id')-&gt;get(); $eventsss=DB::table('events')-&gt;select('id','title')-&gt;get(); foreach ($eventsss as $eventss) { if(DB::table('save_events')-&gt;where('events_id','=',$eventss-&gt;id)-&gt;exists()) { $colorrr = 'grey'; } else { if ($eventss-&gt;title=="Wydzial 1") { $colorrr = 'red'; } elseif($eventss-&gt;title == "Wydzial 2") { $colorrr = 'blue'; } elseif ($eventss-&gt;title == "Wydzial 3") { $colorrr = 'green'; } elseif ($eventss-&gt;title == "Wydzial 4") { $colorrr = 'yellow'; } } } return view('home',['eventscolo'=&gt;$eventscolo,'eventsss'=&gt;$eventsss,'colorrr'=&gt;$colorrr]);</code></pre> </div> </div> <p>JS script:</p> <p></p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script src="{{ asset('js/fullcalendar') }}/fullcalendar.js"&gt;&lt;/script&gt; &lt;script src="{{ asset('js/bootstrap.js') }}"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function() { var base_url = '{{ url('/') }}'; $('#bootstrapModalFullCalendar').fullCalendar({ weekends: true, header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek' }, eventClick: function(event, jsEvent, view) { $('#modalTitle').html(event.title); $('#modalBody').html(event.name); $('#eventUrl').attr('href','/home/zapis/'+event.id); $("#startTime").html(moment(event.start).format('HH:mm ')); if (event.end) $("#endTime").html(moment(event.end).format('HH:mm ')); else $("#endTime").html(''); $('#fullCalModal').modal(); return false; }, eventLimit: true, // allow "more" link when too many events FirstDay: 1, contentheight : 650, editable : true, allDay : false, aspectRatio : 2, slotLabelFormat : 'HH:mm:ss', timeFormat : 'HH:mm', displayEventEnd : true, events: { url: base_url + '/api', error: function() { alert("cannot load json"); } }, eventColor: 'colorrr', }); }); &lt;/script&gt;</code></pre> </div> </div> </div>

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

Java基础知识面试题(2020最新版)

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性?原理是什么Java语言有哪些特点什么是字节码?采用字节码的最大好处是什么什么是Java程序的主类?应用程序和小程序的主类有何不同?Java应用程序与小程序之间有那些差别?Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

Intellij IDEA 实用插件安利

1. 前言从2020 年 JVM 生态报告解读 可以看出Intellij IDEA 目前已经稳坐 Java IDE 头把交椅。而且统计得出付费用户已经超过了八成(国外统计)。IDEA 的...

搜狗输入法也在挑战国人的智商!

故事总是一个接着一个到来...上周写完《鲁大师已经彻底沦为一款垃圾流氓软件!》这篇文章之后,鲁大师的市场工作人员就找到了我,希望把这篇文章删除掉。经过一番沟通我先把这篇文章从公号中删除了...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

魂迁光刻,梦绕芯片,中芯国际终获ASML大型光刻机

据羊城晚报报道,近日中芯国际从荷兰进口的一台大型光刻机,顺利通过深圳出口加工区场站两道闸口进入厂区,中芯国际发表公告称该光刻机并非此前盛传的EUV光刻机,主要用于企业复工复产后的生产线扩容。 我们知道EUV主要用于7nm及以下制程的芯片制造,光刻机作为集成电路制造中最关键的设备,对芯片制作工艺有着决定性的影响,被誉为“超精密制造技术皇冠上的明珠”,根据之前中芯国际的公报,目...

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

2020阿里全球数学大赛:3万名高手、4道题、2天2夜未交卷

阿里巴巴全球数学竞赛( Alibaba Global Mathematics Competition)由马云发起,由中国科学技术协会、阿里巴巴基金会、阿里巴巴达摩院共同举办。大赛不设报名门槛,全世界爱好数学的人都可参与,不论是否出身数学专业、是否投身数学研究。 2020年阿里巴巴达摩院邀请北京大学、剑桥大学、浙江大学等高校的顶尖数学教师组建了出题组。中科院院士、美国艺术与科学院院士、北京国际数学...

为什么你不想学习?只想玩?人是如何一步一步废掉的

不知道是不是只有我这样子,还是你们也有过类似的经历。 上学的时候总有很多光辉历史,学年名列前茅,或者单科目大佬,但是虽然慢慢地长大了,你开始懈怠了,开始废掉了。。。 什么?你说不知道具体的情况是怎么样的? 我来告诉你: 你常常潜意识里或者心理觉得,自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间,还有无限的可能,自己还能逆风翻盘,只不是自己还没开始罢了,自己以后肯定会变得特别厉害...

百度工程师,获利10万,判刑3年!

所有一夜暴富的方法都写在刑法中,但总有人心存侥幸。这些年互联网犯罪高发,一些工程师高技术犯罪更是引发关注。这两天,一个百度运维工程师的案例传遍朋友圈。1...

程序员为什么千万不要瞎努力?

本文作者用对比非常鲜明的两个开发团队的故事,讲解了敏捷开发之道 —— 如果你的团队缺乏统一标准的环境,那么即使勤劳努力,不仅会极其耗时而且成果甚微,使用...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

无代码时代来临,程序员如何保住饭碗?

编程语言层出不穷,从最初的机器语言到如今2500种以上的高级语言,程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新,一边面临由于许多代码已存在,程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法,它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中,可视化建模来组装和配置应用程序。这样一来,开发者直...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《Oracle Java SE编程自学与面试指南》最佳学习路线图2020年最新版(进大厂必备)

正确选择比瞎努力更重要!

字节跳动面试官竟然问了我JDBC?

轻松等回家通知

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

实时更新:计算机编程语言排行榜—TIOBE世界编程语言排行榜(2020年6月份最新版)

内容导航: 1、TIOBE排行榜 2、总榜(2020年6月份) 3、本月前三名 3.1、C 3.2、Java 3.3、Python 4、学习路线图 5、参考地址 1、TIOBE排行榜 TIOBE排行榜是根据全世界互联网上有经验的程序员、课程和第三方厂商的数量,并使用搜索引擎(如Google、Bing、Yahoo!)以及Wikipedia、Amazon、YouTube统计出排名数据。

立即提问
相关内容推荐