php - 如何创建一个简单的 php mysql 时间表？

Question

我想以一种非常简单的方式展示电视指南时间线，但我对此真的很陌生，所以我希望有人可以帮助我，我不想要太复杂的东西，而且我已经在网络上搜索并且我发现非常复杂的时间线，有很多我真的不需要的功能，我只想显示当前和即将上映的电视节目，但我不知道该怎么做，如下所示:

我不需要 php mysql 连接的帮助，我已经知道该怎么做，我只是真的需要帮助如何显示这样的表。这是我的 sql 表的样子:

----------------------------------------------------------------
|  start   |   end    |  channel  |      title      |   info   |
----------------------------------------------------------------
| DATETIME | DATETIME |    INT    |      TEXT       |   TEXT   |
----------------------------------------------------------------

无论表格是否是静态的，我真的不需要交互式时间表，只是我需要显示当前的节目，也许接下来 4 小时即将播出的节目，我希望有人可以帮助我或给我链接开源或商业脚本

Answer 1

所以，我想这就是您问题的解决方案。
我建议您研究代码，从中学习并增强它;-)。而且，我很高兴收到您的一些反馈!

数据库使用与您在问题中描述的相同的项目名称和项目类型。

脚本index.php在顶部有一个配置部分，您应该根据需要修改参数。

这些是脚本的 block :

• 连接到数据库
• 初始化
• 准备 header
• 从数据库获取数据
• 准备内容、格式化数据
• 读取模板并替换变量
• 发送生成的输出

输出被布局为与电视节目的不同持续时间相对应的可变宽度的 DIV。宽度以百分比计算，这使得布局能够以某种方式响应不同的屏幕尺寸。
覆盖 DIV 显示当前时间的标记。

如您所见，我使用模板tvprogramme.tpl，其中包含变量引用:变量名称包含在大括号中，如下所示{{varname}}。该脚本最后用运行时值替换这些值。

嵌入在模板中的样式定义 (CSS) 以及以可配置的时间间隔刷新页面的脚本。如果需要，您可以使用 AJAX 调用来刷新页面的部分内容。当然，样式和 JavaScript 定义也可以保存在单独的文件中。

我建议以 UTF-8 格式存储两个文件(index.php、tvprogramme.tpl)，不带 BOM。由于您可能生活在 7 位世界中，当文件以 ANSII 格式存储时，该解决方案也可能正常工作。

index.php(脚本)

<?php // ä

// Configuration BEGIN ---------------------------------------------------------

define('displayhours',4); // Hours to display
define('chnlwidth',12);   // Width of channel column, in percents
define('bodymargin',8);   // Margin of BODY, in pixels
define('refreshpage',0.5);  // Refresh page interval, in minutes
define('dbname', 'tv');
define('dbtableprefix', 'tv_');
define('dbtable', 'programmes');
define('dbtable1', 'channels');
define('dbuserid', 'tv_user');
define('dbpasswd', 'tv_password');
define('dbhost', 'localhost');
define('dbport', '3306');
define('dbsocket', '');
date_default_timezone_set('America/New_York');

// Configuration END -----------------------------------------------------------

define('LBRK','<br />');

// Connect to database
$mysqli = new mysqli(dbhost, dbuserid, dbpasswd, dbname, dbport, dbsocket);
if ($mysqli->connect_errno) {
    echo "Failed to connect to MySQL: (" . $mysqli->connect_errno . ") " . $mysqli->connect_error.LBRK;
    exit(1);
}

// Initialise
$time = (isset($_GET['time'])) ? $_GET['time'] : time();
define('fldwidth', (97.4-chnlwidth) / displayhours);
define('secsperhour',3600);
$starthour = $time - ($time % secsperhour);
$endhour = $starthour + (displayhours * secsperhour);
$marker = ($time % secsperhour) / secsperhour;


// $outvars holds variables referred in template
$outvars = array(
    'header'  => '',
    'content' => '',
    'channelwidth' => chnlwidth . '%',
    'markerwidth' => (chnlwidth + fldwidth * $marker) . '%',
    'markerheight' => (1.2) . 'em',
    'bodymargin'  => bodymargin,
    'fieldwidth' => fldwidth . '%',
    'panelminwidth' => 150 * displayhours,
    'refreshpage' => refreshpage * 60000,
);

// Prepare header
$outvars['header'] .= PHP_EOL . '            <div class="hd_channel" style="min-width: '.chnlwidth.'%;">' . date('D, M j',$time) . '</div>' . PHP_EOL;
for($xi=0; $xi<displayhours; $xi++) {
    $outvars['header'] .= '            <div class="hd_field" style="min-width: '.fldwidth.'%;">' . date('g A',$time + ($xi * secsperhour)) . '</div>' . PHP_EOL;
}

// Get data from database
$starttime = date('Y-m-d H:i:s',$starthour);
$starttime1= date('Y-m-d H:i:s',floor(($starthour+60) / 60) * 60);
$endtime   = date('Y-m-d H:i:s',$endhour);
$query = 
    'SELECT p.id as p_id, c.id as c_id, channel, channel_name, start, end, title, info' .
    ' FROM ' .     dbtableprefix . dbtable . ' p, ' . dbtableprefix . dbtable1 . ' c'.
    ' WHERE ( (  (NOT start < \'' . $starttime . '\') AND ' .
              '(NOT start > \'' . $endtime . '\') ' .
           ') OR ' .
           '(  (NOT end < \'' .   $starttime1 . '\') AND ' . 
              '(NOT end > \'' .   $endtime . '\') ' .
           ') ) AND ( p.channel = c.id  )' .
    ' ORDER BY channel, start;';
$result = $mysqli->query($query);
if ($result!==false) {
    // Query was successful, so prepare output
    $entries = array();
    $prevend = false;
    while($row = $result->fetch_assoc()) {
        // For every tuple from the database do ...
        $row['start'] = strtotime($row['start']);
        $row['end'] = strtotime($row['end']);
        $sleft  = ($row['start'] - $starthour) / secsperhour;
        $start = ($row['start']<$starthour) ? $starthour : $row['start'];
        $end   = ($row['end']>$endhour) ? $endhour : $row['end'];
        $sdelta = floor($end - 30 - $start) / secsperhour;
        if (!isset($entries[$row['channel']])) {
            $entries[$row['channel']] = array('name' => $row['channel_name']);
        }
        if (($sdelta+$sleft) > displayhours) $sdelta = displayhours - $sleft;
        if (isset($entries[$row['channel']]['values'])) {
            $ix = count($entries[$row['channel']]['values'])-1;
            $delta = $row['start'] - $entries[$row['channel']]['values'][$ix]['end'];
        } else {
            $delta = 0;
        }
        if ($delta>0) $delta /= secsperhour;
        $pad = ($delta>0) ? fldwidth * floor($delta / secsperhour) : 0;
        $dopad = ( ($prevend===false) || ($row['start'] != $prevend) );
        $entries[$row['channel']]['values'][] = array(
            'start'  => $row['start'],
            'end'    => $row['end'],
            'pad'    => $dopad ? (($delta>0) ? fldwidth * $delta : fldwidth * $sleft) : 0,
            'pleft'  => fldwidth * $sleft,
            'pdeltah' => fldwidth * $sdelta,
            'title' => $row['title'],
            'info' => $row['info'],
        );
        $prevend = $row['end'];
    }
    $outvars['markerheight'] = (1.2 + count($entries) * 2.7) . 'em';

    foreach($entries as $id => $entry) {
        $outvars['content'] .= PHP_EOL;
        $outvars['content'] .= '            <div class="ct_channel">' . $entry['name'] . LBRK . '&nbsp;</div>' . PHP_EOL;
        $pleft = 0;
        $psum = 0;
        foreach($entry['values'] as $k => $xe) {
            if ($xe['pad']>0) {
                $outvars['content'] .= '            <div class="ct_pad" style="width:' . $xe['pad'] . '%; min-width:' . $xe['pad'] . '%;"></div>' . PHP_EOL;
                $pleft = $xe['pad'];
                $psum += $xe['pad'];
            }
            $outvars['content'] .= '            <div class="ct_field" title="' . date('D d, g:i a',$xe['start']) . ' - ' . date('D d, g:i a',$xe['end']) . PHP_EOL . $xe['info'] . '" style="width:' . $xe['pdeltah'] . '%; min-width:' . $xe['pdeltah'] . '%;">' . 
            $xe['title'] . LBRK .$xe['info'] . '</div>' . PHP_EOL;
            $psum += $xe['pdeltah'];
        }
        $pad = (99-chnlwidth) - $psum;
    }
    $result->free();

    // Read template and replace variables
    $template = file_get_contents(dirname(__FILE__).'/tvprogramme.tpl');
    $output = preg_replace_callback('/(\{\{(.*?)\}\})/si', 'compute_replacement', $template);

    // Done, send it out
    echo $output;

} else {

    // Query failed
    echo "Failed to read the database table '" . dbtableprefix . dbtable . "'" .LBRK;
    exit(1);
}

// Return template variable
function compute_replacement($groups) {
    global $outvars;
    return isset($outvars[$groups[2]]) ? $outvars[$groups[2]] : '['.$groups[2].']';
}

?>

tvprogramme.tpl(模板)

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

<title>TV Programmes</title>

<style type="text/css">
    BODY { font-family: tahoma, arial, helvetica, sans-serif; font-size: 76%; margin:{{bodymargin}}px; }
    P { margin:0; padding:0; }
    .hd_channel, .ct_channel { width:{{channelwidth}}; background-color:#006699; color:white; clear:left; float:left; vertical-align:top; font-size:1.0em; }
    .hd_field, .ct_field, .ct_pad {  vertical-align:top; font-size:1.0em; float:left; }
    .hd_channel, .hd_field, .ct_channel { border-style:solid; border-color:white; border-width:0 0 1px 1px; padding: 0 0 0 2px; }
    .hd_field { width:{{fieldwidth}}; background-color:#006699; color:white; }
    .ct_field { background-color:#009966; color:white;height:2.6em; padding: 0 2px 0 2px; }  
    .ct_channel, .ct_field { text-overflow: ellipsis; overflow:hidden; }
    .ct_channel { height:2.6em; }
    .ct_channel, .ct_pad, .ct_field { }
    .ct_pad { background-color:transparent; color:black; height:2.6em; }
    .hd_field, .ct_field, .ct_pad { border-style:solid; border-color:white; border-width:0 0 1px 1px; }
    .header, .content { width:100%; min-width:{{panelminwidth}}px; }
    .marker { left:{{bodymargin}}px; top:{{bodymargin}}px; position:absolute; min-width:{{markerwidth}}; border-color:red; border-style:solid; border-width:0 1px 0 0; height:{{markerheight}}; background-color:transparent; color: transparent; z-index:900; }
</style>

<script type="text/javascript">
    function refreshPage() {
        window.location.replace(window.location.pathname);
    }
</script>

</head>

<body onload="setTimeout('refreshPage();',{{refreshpage}});">

<div class="page">
    <div class="panel">
        <div class="header">
{{header}}
        </div>
        <div class="content">
{{content}}
        </div>
        <div class="marker">&nbsp;
        </div>
    </div>
</div>

</body>
</html>

运行时...

从此输入

...生成此输出