javascript - 如何使用 PHP 从 MySQL 数据库中填充谷歌可视化数据表?
问题描述
```
<?php
// open database connection
$connection = mysqli_connect('localhost', '', '');
// sql query
$result = mysql_query($connection, "SELECET name, author, publisher, yearOfPublish, ISBN
FROM books");
if(!$connection) {
die("Connection failer: " . mysqli_connect_error());
}
echo "Connected Succes";
?>
// html code
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Main Page</title>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['table']});
google.charts.setOnLoadCallback(drawTable);
// draw table function
function drawTable() {
var data = new google.visualization.DataTable();
// add columns
data.addColumn('string', 'Name');
data.addColumn('string', 'Author');
data.addColumn('string', 'Publisher');
data.addColumn('number', 'Year Of Publish');
data.addColumn('number', 'ISBN');
// add rows
data.addRows([
// retrieve data from database
]);
...
```
我有一个保存书籍信息的数据库,我正在尝试检索这些书籍信息并将它们放入谷歌数据表中。我成功打开了与数据库的连接。但是,我不知道我将如何执行查询并从数据库中获取数据。
解决方案
function drawTable() {
var data = google.visualization.arrayToDataTable([
['Title', 'Author', 'Publisher', 'Year Of Publish', 'ISBN'],
<?php while ($row = mysqli_fetch_array($result)) {?>
['<?php echo $row['name']?>' , '<?php echo $row['author']?>', '<?php echo $row['publisher']?>', '<?php echo $row['yearOfPublish']?>', '<?php echo $row['ISBN']?>'],
<?php } ?>
]);
var table = new google.visualization.Table(document.getElementById('table_div'));
table.draw(data, {showRowNumber: true, width: '50%', height: '50%'});
}
我找到了解决方案
推荐阅读
- java - 如何从语法规则构建 AST 树
- c++ - 使用带有循环和延迟的 ESP_NOW
- ruby-on-rails - 如何在 ruby on rails 中用 n/a 替换空值?
- java - Junit 5 mockito 无法在 Spring Boot 应用程序中读取用 @Value 注释的属性文件
- javascript - 如何将Angular函数返回值存储到变量中
- spring - Spring Boot 中 EJB SessionContext 对象的替换是什么?
- angular - 手动刷新服务器中未找到的页面时
- mongodb - 如何在 azure Databricks 的帮助下有效地将 MongoDB 迁移到 azure CosmosDB?
- gremlin - .hasLabel("xxx") 和 .label() 的结果不匹配
- c# - ASP Core 为所有端点生成完整路径