Question

我希望以一种非常简单的方式展示电视指南的时间表，但我真的很喜欢这个，所以我希望有人可以帮助我，我不想要太复杂，我已经在网上搜索了我发现非常复杂的时间线有很多我真正不需要的功能，我只想展示当前和即将上映的电视节目，但我不知道该怎么做，就像这样：

我不需要php mysql连接的帮助，我已经知道如何做到这一点，我真的需要帮助如何显示这样的表。这就是我的sql表的外观：

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

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

Answer 1

所以，我猜这是你问题的解决方案我建议你研究代码，从中学习并增强它;-)。而且，我很高兴收到你的反馈意见！

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

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

这些是剧本的块：

连接数据库
初始化
准备标题
从数据库中获取数据
准备内容，格式化数据
阅读模板并替换变量
发送生成的输出

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

如您所见，我使用了一个模板 tvprogramme.tpl ，其中包含变量引用：变量名称包含在大括号中，如 {{varname}} 。该脚本最后用运行时值替换它们。

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

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

index.php（script）

<?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>

运行时......

从此输入

...生成此输出

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

1 个答案:

index.php（script）

tvprogramme.tpl（模板）

运行时......