在 electron 中将 db 文件数据显示为 table

Question

我正在用Electron开发一个桌面application.The table需要在页面上显示，table的数据源是一个DBfile.I 在页面上构建了table，使用SQlite3读取数据库中的数据，但我不知道如何将数据放在table中，page.This是我的代码用于创建 table.

<script type="text/javascript">
      $(function () {
        $("#myTable").bootstrapTable("destroy");
        $("#myTable").bootstrapTable({
          url: "json.json", 
          dataField: "rows", 
          search: true, 
          pagination: true, 
          pageSize: 20, 
          pageList: [5, 10, 20, 50],
          pageNumber: 1, 
          smartDisplay: false,
          sidePagination: "client", 
          contentType: "application/json", 
          dataType: "json",
          method: "post", 
          searchAlign: "right", 
          queryParamsType: "limit", 
          queryParams: function getParams(params) {
            params.other = "otherInfo";
            return params;
          },
          searchOnEnterKey: false, 
          showRefresh: true, 
          showColumns: true, 
          buttonsAlign: "center",
          toolbar: "#toolbar", 
          toolbarAlign: "right", 
          columns: [
            {
              title: "check",
              field: "check",
              checkbox: true,
              width: 20, 
              align: "center", 
              valign: "middle", 
            },
            {
              title: "CollectTime",
              field: "CollectTime", 
              sortable: true, 
              order: "desc", 
            },
          ],
          locale: "zh-CN",  
        });
      });
    </script>

这是读取数据库数据的代码使用 SQlite3 模块

打开 test.db

var sqlite3 = require("sqlite3").verbose();
const path = require("path");
var db = new sqlite3.Database(path.join(__dirname, "test.db"));

引用DB.js文件并读取所有数据

<script src="./db.js"></script>
    <script type="text/javascript">
      function getData() {
        db.all("select * from DataGrpData", function (err, res) {
          if (!err) {
            var content = JSON.stringify(res); 
            console.log(content)         
          } else {
            console.log(err);
          }
        });
      }
      getData();
    </script>

Answer 1

$("#myTable").bootstrapTable("destroy");
  $("#myTable").bootstrapTable({
    toolbar: "#toolbar",
    data: res,
    columns: columns,
    pagination: true, 
    pageSize: 20, 
    pageList: [5, 10, 20, 50], 
    pageNumber: 1, 
    locale: "zh-CN", 
    searchOnEnterKey: false, 
    showRefresh: true, 
    showColumns: true, 
    buttonsAlign: "center", 
    
  });

将结果（res）放入数据即可

在 electron 中将 db 文件数据显示为 table

Display db file data into table in electron

sqlite

electron

bootstrap-table