前端内容:
<script> layui.use(['form', 'table'], function () { var $ = layui.jquery, form = layui.form, table = layui.table; table.render({ elem: '#currentTableId', url: '/search/seller', toolbar: '#toolbarDemo', defaultToolbar: ['filter', 'exports', 'print', { title: '提示', layEvent: 'LAYTABLE_TIPS', icon: 'layui-icon-tips' }], cols: [[ {type: "checkbox", width: 50}, {field: 'sid', width: 80, title: '编号', sort: true}, {field: 'sellerName1', width: 150, title: '客户姓名', sort: true}, {field: 'phone1', width: 150, title: '联系方式', sort: true}, {field: 'sellerName2', width: 150, title: '客户姓名', sort: true}, {field: 'phone2', width: 150, title: '联系方式', sort: true}, {field: 'others', width: 220, title: '备注',sort: true}, {title: '操作', minWidth: 150, toolbar: '#currentTableBar', align: "center"} ]], limits: [10, 15, 20, 25, 50, 100], limit: 15, page: true, skin: 'line' }); }); </script>后端,在app.js中使用路由(/search→searchRouter) 在search.js中将数据库内容读取并转换为layui需要的json格式
var express = require('express'); var router = express.Router(); var tools = require('./tools'); /* GET users listing. */ router.get('/seller', function(req, res, next) { var sql = "select * from seller;" tools.find(sql,[''],(result)=>{ result = JSON.parse(JSON.stringify(result)); var data = { code: 0, msg: "成功", count: 100, data: result } var obj = JSON.stringify(data); res.send(obj); }) }); module.exports = router;补充:tools.js中代码:
var conn = require('./db').conn;//此处为数据库连接池 //查找数据 function find(sql,data,callback){ conn.query(sql,data,(err,result,fiels)=>{ if(err) console.log("查找失败"+err); else{ callback(result); } }); } exports.find = find;碎碎念: 这个接口研究了半天都不行,一直是数据接口异常,改来改去改了半天,结果重启了第一次的代码居然成功了,浪费半天时间,不知道一开始啥问题
