如何使用php文件在其他HTML页面中显示HTML菜单div?

时间:2015-01-31 18:17:15

标签: php html wamp

我有一个index.html文件,一个menu.php文件和一个testing.php文件。我正在开发一个简单的Web应用程序,用于将联系人存储到数据库中,并(最终)将它们显示在我服务器上格式良好的html页面中。我正在使用WAMP堆栈来学习。经过大量的反复试验,我终于可以访问我的数据库了,我可以插入新的联系人。我希望能够在每个页面的顶部显示导航菜单,以便我可以在添加联系人后返回主页面。这样我可以添加任意数量的联系人。

这是index.html文件:

<!DOCTYPE html>
<html>
<body>
    <div class="menu">
    <?php include 'menu.php' ?>
    </div>
    <form action="testing.php" method="post">
        Name: <input type="text" name="name"></br>
        Phone Number: <input type='text' name="number"></br>
        <input type="submit">
    </form>
</body>
</html>

这是menu.php文件:

<style type = "text/css"> 
.menu{
    position: absolute;
    width: 50px;
    float:right;
    height: 20px;
}
</style>
<div class = "menu">
    <?php
    echo '<a href="index.html">Home</a> -
    <a href ="/test.php">Test</a> - 
    <a href ="http:/www.google.com">Google</a>';
    ?>
</div>

以下是写入数据库的testing.php文件:

<?php
$name = $_POST["name"];
$phonenumber = $_POST["number"];
$data = array('name' => $name, 'phonenumber' => $phonenumber);

try {
    echo '<h1>Attempting connection to database.</h1>';
    $conn = new PDO('mysql:host=localhost;dbname=TestDev', "root", "pass*");
    $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    $STH = $conn -> prepare("INSERT INTO tblContacts (Name, PhoneNumber)     VALUES (:name, :phonenumber)");    
    $STH -> execute($data);

}catch(PDOException $e) {
    echo '<h1>Not connected to database.</h1>';
    $connectedBool = false;
}
?>

为什么菜单不显示在我已包含php文件的页面中?是否有更好的方法来制作页面并在每个页面中都有菜单?我很欣赏任何朝着正确方向的推动,也许是为了学习这种东西的教科书或良好的文档资源。我到目前为止找到的教程有类似的解决方案,但由于某种原因它不适合我。

1 个答案:

答案 0 :(得分:1)

浏览器正在渲染HTML,因为这就是你给它的东西,index.html。为了让您的wamp服务器处理menu.php。您需要在index.html上将扩展名更改为.php。基本HTML不知道是什么。

相关问题