创建,读取,更新,删除,搜索 - dataTable

时间:2014-01-26 16:17:49

标签: javascript mysql datatable

我在这里有一个dataTable:http://jsbin.com/aMAQUWe/1/edit,代码为:

<html>
  <head>
    <script type='text/javascript' src='https://www.google.com/jsapi'></script>
    <script type='text/javascript'>
      google.load('visualization', '1', {packages:['table']});
      google.setOnLoadCallback(drawTable);
      function drawTable() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Name');
        data.addColumn('number', 'Salary');
        data.addColumn('boolean', 'Full Time Employee');
        data.addColumn('number', 'Parcele ha');

        data.addRows([
          ['Mike',  {v: 10000, f: '$10,000'}, true, 1200],
          ['Jim',   {v:8000,   f: '$8,000'},  false, 344],
          ['Alice', {v: 12500, f: '$12,500'}, true, 888],
          ['Bob',   {v: 7000,  f: '$7,000'},  true,999]
        ]);

        var table = new google.visualization.Table(document.getElementById('table_div'));
        table.draw(data, {showRowNumber: true});
      }
    </script>
  </head>

  <body>
    <div style='background:#fff'; id='table_div'></div>
  </body>
</html>

在服务器端,我有一个mysql表:Employee和列:name, salary, time, parcele

如何将我的DataTable与我的mysql数据库连接并使其适用于CRUD函数(创建,读取,更新,删除,搜索)?

是否有任何插件或示例,教程如何制作它?

对不起我的英语,这很糟糕,但我在努力学习

1 个答案:

答案 0 :(得分:2)

您是否尝试直接从客户端连接到您的数据库?如果是这样,请先阅读link 如链接所述,这是一种不好的做法 正确的方法是从服务器端连接到您的数据库(使用:PHPNode.js等),并使用您想要的数据表动态创建页面。