vue使用bootatrap簡單分頁

html:

清單總數
}未採購數}新增
序號清單名稱
已採購狀態
刪除              }}
}刪除首頁
}                
...                
1&&item<=pagecount-1&&item>=showpagesstart&&item<=showpageend&&item<=pagecount" class="btn btn-default" v-on:click="getlist(item,$event)">
}showpageend+1" class="btn btn-default disabled">
...}                
尾頁                
}/}

window.onload=function(),

//       ,
//       ,
//       
//      ],
text:'' ,
count:0,
},mounted:function(),
methods:
}).then((response)=>).length;
//計算分頁按鈕資料
})}

var connect = require('connect');  //建立連線

var bodyparser = require('body-parser');   //body解析
var servestatic = require('serve-static');   //目錄訪問（靜態檔案訪問）
var arr=[
,	,,	,
,	,,	,
,	,,	,
,	,,	,
,	,,	,
,	,,	,
,	,,	,
,	,,	,
,	,,	,
,	,,	,
,	,];var size = 3;//一頁10條資料
.use(bodyparser.json())   //json解析
.use(bodyparser.urlencoded())
.use(servestatic(__dirname))
//use()方法還有乙個可選的路徑字串，對傳入請求的url的開始匹配。
//use方法來維護乙個中介軟體佇列
.use(function (req, res, next) );    //utf-8轉碼
next();  //next 方法就是乙個遞迴呼叫
})	.use('/list/get', function(req, res, next) ;
var i = req.body.cur -1; //轉化頁數索引
var length = arr.length;
var total = math.ceil(length/size);
var arr2 =arr.slice(i*3,i*3+3);
data.arr =arr2;
data.length = length;
data.total = total;
data.num = arr.filter(function(item)).length;
res.end(json.stringify(data));
next();
})	.use('/list/add', function(req, res, next) ;
if(req.method=='put');
obj.name = req.body.name;
obj.state = false;
console.log(obj);
arr.push(obj)
}        res.end(json.stringify(data));
next();
})	.use('/list/del', function(req, res, next) ;
if(req.method=="delete")
res.end(json.stringify(data));
next();
})	.use('/list/checkbox', function(req, res, next) ;
if(req.method=="post")
res.end(json.stringify(data));
next();
})    .listen(3000);
console.log('server started on port 3000.');

Vue原理 簡言

vue template 編譯 render function vnode 虛擬dom react jsx render function vnode 虛擬dom vue相當於react，angular更綜合一點。angular js則使用了 髒值檢測 react則採用避免直接操作dom的虛擬dom...

Performance Schema使用簡介 一

作者 董紅禹 沃趣科技mysql高階技術專家 performance schema簡介 oracle dba都應該知道 oracle中提供了大量的檢視供dba們排查問題使用，並且有等待事件幫助大家快速定位問題屬於哪一類。mysql 中也有performance schema幫助大家去分析排查問題，並...

Performance Schema使用簡介 一

oracle dba都應該知道 oracle中提供了大量的檢視供dba們排查問題使用，並且有等待事件幫助大家快速定位問題屬於哪一類。mysql 中也有performance schema幫助大家去分析排查問題，並且在5.7中增加了sys schema，將performance schema和info...