我正在用'AdminLTE'开发'Bootstrap'批处理控制系统。我想建立一条垂直的时间表来显示每个批次随时间的可追溯性。这样的想法是,每次发生事件(批次开始,进料,结束,发生等)时,请向我显示该事件的日期和信息。
通过将信息存储在各种mysql表中并尝试检索信息并显示它,我发现了复杂性。我的查询是要知道哪种方法是获取信息并将其显示在时间轴上的最有效方法。
就目前而言,我在JOIN方面取得了一些进步,但是我被困住了。
我的主要问题是,对于同一批次,显示从不同表获得的日期,这些表还显示事件:
public class MainActivity :
global::Xamarin.Forms.Platform.Android.FormsAppCompatActivity
{
protected override void OnCreate(Bundle savedInstanceState)
{
TabLayoutResource = Resource.Layout.Tabbar;
ToolbarResource = Resource.Layout.Toolbar;
DevExpress.Mobile.Forms.Init();
base.OnCreate(savedInstanceState);
global::Xamarin.Forms.Forms.Init(this, savedInstanceState);
LoadApplication(new Xamarin.Forms.Application());
}
}
mysql表为:
<?php
$query = "SELECT bi.L3beddate, fee.feeddate AS date, fee.foodkg, fee.foodmix AS foodmix, fee.feedremark AS feedremark
FROM batchinput bi
INNER JOIN feeding fee
ON bi.batchnumber = fee.batchnumber
WHERE bi.batchnumber = 'COL-01-02'";
$statement = $connect->prepare($query);
$statement->execute();
$result = $statement->fetchAll();
?>
<html>
<head>
<script src="js/jquery.js"></script>
<script src="js/timeline.min.js"></script>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/timeline.min.css" />
</head>
<body>
<div class="container">
<br />
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Title</h3>
</div>
<div class="panel-body">
<div class="timeline">
<div class="timeline__wrap">
<div class="timeline__items">
<?php
foreach($result as $row)
{
?>
<div class="timeline__item">
<div class="timeline__content">
<h2>Fecha: <?php echo $row["date"]; ?></h2>
<p><?php echo $row["foodkg"];?> Kg de alimento de la dieta <?php echo $row["foodmix"];?></p>
<p><?php echo $row["feedremark"];?></p>
</div>
</div>
<?php
}
?>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
现在的结果大致如下图: Vertical timeline