可视化SQL数据库的动态数据

时间:2014-12-17 10:08:39

标签: php html css

我试图从数据库捕获动态数据并将其可视化为水位, 这是PHP

中数据的代码行
$d.= '"fillevel":'. $row[2]; 

html中的那个:

$('#flvl').text(msg.fillevel);

如何使这些数据成为显示水箱水平的方形的动态高度? 数据采用实际格式,快照:10.6838535478

如果你能提供帮助,我会很高兴。 最诚挚的问候

2 个答案:

答案 0 :(得分:0)

首先必须初始化数据库连接,为此我将使用PDO

$db = new PDO('mysql:host=localhost;dbname=databaseName', 'user', 'password');

使用这个$db对象,我们现在可以准备和执行查询。

//The query to execute (fill in your query here for getting the square height)
$query = "SELECT ... FROM ...";

//Prepare the query
$statement = $db->prepare($query);

//Execute the query
$statement->execute();

//Fetch the queries result
$row = $statement->fetch();

fetch()函数将根据查询返回单行。您现在可以在PHP文件中使用$row对象调用您的数据:

echo $row[2];

在HTML文档中显示

假设您的网站文件夹中有index.php,其中包含:

<!DOCTYPE HTML>

<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Your Website</title>
</head>

<body>
   <p>Some text!</p>
</body>

</html>

你只需在主体区域内放置一个开启和关闭的php标签,如下所示:

<body>
   <p>Some text!</p>

   <?php

   ?>
</body>

在这些标签中编写PHP代码,在这种情况下,这将是:

//The query to execute (fill in your query here for getting the square height)
$query = "SELECT ... FROM ...";

//Prepare the query
$statement = $db->prepare($query);

//Execute the query
$statement->execute();

//Fetch the queries result
$row = $statement->fetch();

总之,它看起来像这样:

<!DOCTYPE HTML>

<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Your Website</title>
</head>

<body>
   <p>Some text!</p>
   </br>

   <?php
$query = "SELECT ... FROM ...";

//Prepare the query
$statement = $db->prepare($query);

//Execute the query
$statement->execute();

//Fetch the queries result
$row = $statement->fetch();

//Print an item from the $row array
echo $row[2];
   ?>
</body>

</html>

答案 1 :(得分:-1)

试试这个:     $('#flvl')。css(“height”,msg.fillevel * 10);