首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >需要调用页眉和页脚也是调用内容的主div。

问需要调用页眉和页脚也是调用内容的主div。
EN

Stack Overflow用户
提问于 2016-02-11 11:43:23
回答 2查看 577关注 0票数 2

我正在用html和css构建一个站点,我想做一个index.php来调用页面的所有部分。例如调用页眉和页脚,当单击nav链接替换相同页面中的内容时,我是否可以使用php或我的选项。

​

我的index.php示例

​

代码语言:javascript
复制
  Get header   < ? php include("header.html"); ? >
   Replace Content  < div class=" MainContent "> < /div>
     Get Footer   < ? php include(" footer.html ") ;?>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-02-11 11:58:56

Ditn没有进行测试,也没有在代码中进行任何验证,但我希望您能够了解如何做到这一点。只有index.php文件。如果有任何查询

header.php导航

代码语言:javascript
复制
   <html>
<head></head>
<body>
navigation
<a href="mysite?page=home">home </a>
<a href="mysite?page=aboutus">About us </a>

page.php

代码语言:javascript
复制
page.php
$page_name = $_GET['page'];
<?php include( $_SERVER['DOCUMENT_ROOT'] . "/path_or_folder_offile/".$page_name.".php" ); ?>

footer.php

代码语言:javascript
复制
</body>
</html>

index.php

代码语言:javascript
复制
 <?php include('header.php'); ?>
    <?php include('page.php'); ?>
    <?php include('footer.php'); ?>
票数 0
EN

Stack Overflow用户

发布于 2016-02-11 11:55:25

这是我常用的index.php页面布局

代码语言:javascript
复制
<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Page Title</title>
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
    <div id="page">
        <?php include_once('header.php'); ?>
        <?php if (isset($_GET['page']) && !empty($_GET['page'])) { include_once('/pages/' . $_GET['page'] . '.php'); } else { include_once('/pages/index.php'); } ?>
        <?php include_once('footer.php'); ?>
    </div>
</body>
</html>

这使用了一个GET变量(?page=pageName)来选择页面,我通常在Apache中使用该页面的重定向规则。

或者,您可以从数据库中填充div内容。例如:

代码语言:javascript
复制
<div id="content">
    $pageId = $this->getPageId();
    $db = new mysqli_connect('','','','');
    $stmt = db->prepare("SELECT pageContent FROM pages WHERE page_id='$pageId'");
    $stmt->execute();
    $stmt->bind_result($curPageContent);
    $stmt->fetch();
    $stmt->close();
    echo $curPageContent;
</div>

对于ajax调用,可以这样做:

代码语言:javascript
复制
$.get( "/get_page/",
{ page_id: '<?php echo $_GET['page']; ?>' })
    .done(function(data) {
        $('#content').html(data);
    });

为此使用的文件夹结构设置如下:

代码语言:javascript
复制
root/
    css/
    js/
    pages/
         index.php
         header.php
         footer.php
    index.php

显然,您可以使用任何您想要的结构,但这可能会有所帮助(尽管assets/文件夹通常很好:)

祝好运。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35338440

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档