Php 从mysql表数据添加html列表项的简单方法
我刚买了一个很棒的小HTML5视频播放器,但是添加文件的方法是编辑页面的实际html 这太糟糕了,所以我要做的是在页面加载时,借助于保存适当数据的MySQL表填充UL 此页面的列表如下所示:Php 从mysql表数据添加html列表项的简单方法,php,mysql,html5-video,Php,Mysql,Html5 Video,我刚买了一个很棒的小HTML5视频播放器,但是添加文件的方法是编辑页面的实际html 这太糟糕了,所以我要做的是在页面加载时,借助于保存适当数据的MySQL表填充UL 此页面的列表如下所示: <ul id='playlist1' data-address="playlist1"> <li data-address="local1" class='playlistItem' data-type='local' data
<ul id='playlist1' data-address="playlist1">
<li data-address="local1" class='playlistItem' data-type='local' data-mp4Path='data/media/video/big_buck_bunny_trailer.mp4' data-ogvPath='data/media/video/big_buck_bunny_trailer.ogv' data-imagePath='data/media/video/big_buck_bunny_trailer.jpg' data-thumbPath='data/media/thumb/big_buck_bunny_trailer.jpg' data-aspectRatio='2'></li>
<li data-address="local2" class='playlistItem' data-type='local' data-mp4Path='data/media/video/big_buck_bunny_trailer.mp4' data-ogvPath='data/media/video/big_buck_bunny_trailer.ogv' data-imagePath='data/media/video/big_buck_bunny_trailer.jpg' data-thumbPath='data/media/thumb/big_buck_bunny_trailer.jpg' data-aspectRatio='2'></li>
<li data-address="local3" class='playlistItem' data-type='local' data-mp4Path='data/media/video/big_buck_bunny_trailer.mp4' data-ogvPath='data/media/video/big_buck_bunny_trailer.ogv' data-imagePath='data/media/video/big_buck_bunny_trailer.jpg' data-thumbPath='data/media/thumb/big_buck_bunny_trailer.jpg' data-aspectRatio='2'></li>
</ul>
我对php和javascript的了解正在增长,但调用MySQL表是我正在努力掌握的
我在下面尝试的是在头脚本中声明以下变量:
(摘自)
然后在适当的列表字段中调用php,如下所示:
data-mp4Path='<? $data-mp4Path ?>'
data-mp4Path=''
但是,输出不会像我认为脚本应该存储到$data-mp4Path变量中那样解析表单元格数据
任何帮助都将不胜感激
更新
在@peterm的帮助下,我尝试使用提供的代码以及相应的数据库字段和相应的调用
这就是浏览器输出的结果:
<ul id="playlist1" data-address="playlist1">
<!--?php
$db = new PDO('mysql:host=localhost;dbname=wordpress;charset=UTF-8', 'root', 'root');
$sql = "SELECT * FROM `wp_localTestinglbg_vp2_html5_rightside_videoplaylist`";
foreach ($db--->query($sql) as $row) {
$li = '<li data-address="local' .$row['id']. '" ';="" $li="" .=" class="playlistItem" data-type="local"" ;="" .$row['mp4'].="" '"';="" .$row['ogv'].="" .$row['data-imagepath'].="" .$row['data-thumbpath'].="" echo="" $li;="" }="" $db="null;" ?="">
</li></ul>
查询($sql)为$row){
$li='用于生成
而不是mysql的代码可能如下所示
…您前面的html
…您的html将在此处继续
您应该将结果保存到一个变量中,并在下面的代码中检索它。您不能只是回显数据并假设PHP以某种方式神奇地为您保存了数据。而且您的PHP调用中缺少一个=
:代码中的$data-mp4Path
是一个MySQL资源,而不是可以直接打印的字符串。因为您正在创建新代码,所以不要使用mysql_*函数。它们是。与或一起使用。谢谢@peterm!今晚我没有时间尝试此操作,但是可以安全地假设“foreach($db->query($sql)as$row”)'节循环遍历每个表行并创建该条目,直到不再有任何行可用于生成LI项为止?为该输出祈祷!@canacast您需要更多关于您的问题的帮助吗?是的@peterm,那太棒了。我在Safari中发布了一篇关于web控制台输出的后续文章。它似乎只是在打印我需要的原始代码've pasted in..charset=UTF-8是否可能与它读取表列有关?我的逻辑是,它可能试图将每个单元格中的数据读取为UTF-8,但可能这不是该单元格被指定为的内容。@cancast首先,而不是
data-mp4Path='<? $data-mp4Path ?>'
<ul id="playlist1" data-address="playlist1">
<!--?php
$db = new PDO('mysql:host=localhost;dbname=wordpress;charset=UTF-8', 'root', 'root');
$sql = "SELECT * FROM `wp_localTestinglbg_vp2_html5_rightside_videoplaylist`";
foreach ($db--->query($sql) as $row) {
$li = '<li data-address="local' .$row['id']. '" ';="" $li="" .=" class="playlistItem" data-type="local"" ;="" .$row['mp4'].="" '"';="" .$row['ogv'].="" .$row['data-imagepath'].="" .$row['data-thumbpath'].="" echo="" $li;="" }="" $db="null;" ?="">
</li></ul>
<ul id="playlist1">
</ul>