时间戳

首页 > 解决方案 > 标题存在，我可以单击标题，但是在浏览器上运行时看不到它

yii2 - 标题存在，我可以单击标题，但是在浏览器上运行时看不到它

问题描述

我已经在 yii2 中编写了代码，并将 header.php 和 footer.php 单独的文件包含在 layout 文件夹中，并将这些文件包含在 main.php 中，main.php 也存在于 layout 文件夹中，但是当我运行文件时，我可以看到页脚但看不到标题但标题存在我可以随机单击标题部分并单击一些登录和 sigup 按钮。但无法看到该标题。

我已经尝试在布局文件夹中包含所有图像、CSS 和 JS 文件，但它仍然不起作用，而且我已经在 sitecontroller 中包含了 $layout，但仍然没有任何效果。

<header>
  <!-- Nav Bar -->
  <div class="navBar">
    <div class="container-fluid">
      <div class="row">
        <aside class="col-md-4 col-sm-3">
          <a href="#" class="logo"><img src="images/logo.png" class="img-responsive hidden-xs"><img src="images/r-logo.png" class="img-responsive hidden-sm hidden-md hidden-lg"></a>
        </aside>
        <aside class="col-md-8 col-sm-9">
          <div id="cssmenu">
            <ul>
              <li class="active"><a href="#">Write Itinerary </a></li>
              <li><a href="#">Help</a></li>
              <li><a href="#" data-toggle="modal" data-target="#signUp">Sign Up</a></li>
              <li><a href="#" data-toggle="modal" data-target="#login">Log In</a></li>
            </ul>
          </div>
        </aside>
      </div>
    </div>
  </div>
</header>
<!-- Slider Banner -->
<section class="mainSlide">
  <div id="banner" class="owl-carousel owl-theme">
    <div class="item">
      <div class="overLay"></div>
      <img src="images/slide1.jpg" class="img-responsive"> </div>
    <div class="item">
      <div class="overLay"></div>
      <img src="images/slide2.jpg" class="img-responsive"> </div>
  </div>
  <div class="smallDevice">
    <h1 class="hidden-sm hidden-md hidden-lg">Find the perfect Trips & Itineraries</h1>
    <p class="hidden-sm hidden-md hidden-lg">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
    <a class="open-mypage1"><i class="fa fa-search"></i> Search Here</a>
  </div>
  <div id="mypage-info1" class="slideForm"> 
    <a href="#" class="up"><i class="fa fa-chevron-up" aria-hidden="true"></i></a>
    <div class="bannerCaption">
      <div class="container">
        <h1 class="hidden-xs">Find the perfect Trips & Itineraries</h1>
        <p class="hidden-xs">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
        <ul class="filterForm">
          <li>
            <input type="text" placeholder="Continents">
          </li>
          <li>
            <input type="text" placeholder="Select your country ">
          </li>
          <li>
            <input type="text" placeholder="Select your city ">
          </li>
          <li>
            <button>Search</button>
          </li>
        </ul>
      </div>
    </div>
  </div>
</section>

主文件：

<?php
  /* @var $this \yii\web\View */
  /* @var $content string */
  use yii\helpers\Html;
  use yii\bootstrap\Nav;
  use yii\bootstrap\NavBar;
  use yii\widgets\Breadcrumbs;
  use frontend\assets\AppAsset;
  use frontend\widgets\Metadata;
  use common\widgets\Alert;
  AppAsset::register($this);
  ?>
  <?php $this->beginPage() ?>
  <!DOCTYPE html>
  <html lang="<?= Yii::$app->language ?>">

  <head>
    <meta charset="<?= Yii::$app->charset ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?= Html::csrfMetaTags() ?>
      <meta name="google-site-verification" content="_LfxXaxrGXxez14d8E2Q8RpIqtoWC7-ZXEW_ylyxsqU" />
      <link rel="icon" type="image/png" href="<?php echo Yii::$app->getUrlManager()->createUrl('images/favicon.png');?>" />
      <?php $this->head() ?>
      <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
      <link href="<?php echo Yii::$app->getUrlManager()->createUrl('css/owl.carousel.min.css');?>" rel="stylesheet">
      <link href="<?php echo Yii::$app->getUrlManager()->createUrl('css/owl.theme.default.min.css');?>" rel="stylesheet" type="text/css">
      <link href="<?php echo Yii::$app->getUrlManager()->createUrl('css/fonts.css');?>" rel="stylesheet" type="text/css">
      <link href="<?php echo Yii::$app->getUrlManager()->createUrl('css/style.css');?>" rel="stylesheet" type="text/css">
      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.1/jquery.validate.js"></script>
      <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCB0tU77lobH0Aq7RZXpOM__TvXaTSmqso&libraries=places"></script>
  </head>

  <body>
    <?php $this->beginBody() ?>
    <!--START HEADER-->
    <?php  include_once('header.php'); ?>
    <!--END HEADER--->
    <!--VIEW BODY-->
    <?php echo $content; ?>
    <!--END BODY-->
    <!--START FOOTER-->
    <?php include_once('footer.php'); ?>
    <!--END FOOTER-->
    <?php $this->endBody() ?>
  </body>

  </html>
  <?php $this->endPage() ?>

没有错误，只是看不到标题但可以通过在标题部分随机单击来单击。

标签： yii2

解决方案

好像您在目录中有header.phpandfooter.php文件layouts。如果这是正确的，您需要使用该render()方法而不是使用include_once.

请参阅下面的代码如何包含页眉和页脚文件，我假设您在@frontend/views/layouts目录中有这些文件，否则调整路径。

注意：您应该避免使用类似的短代码<?php=?>并<?php echo ?>改用。

<?php
    /* @var $this \yii\web\View */
    /* @var $content string */
    use frontend\assets\AppAsset;
    use yii\helpers\Html;
    AppAsset::register($this);
?>
<?php $this->beginPage()?>
  <!DOCTYPE html>
  <html lang="<?php echo Yii::$app->language ?>">

  <head>
    <meta charset="<?php echo Yii::$app->charset ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?php echo Html::csrfMetaTags() ?>
      <meta name="google-site-verification" content="_LfxXaxrGXxez14d8E2Q8RpIqtoWC7-ZXEW_ylyxsqU" />
      <link rel="icon" type="image/png" href="<?php echo Yii::$app->getUrlManager()->createUrl('images/favicon.png'); ?>" />
      <?php $this->head()?>
      <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
      <link href="<?php echo Yii::$app->getUrlManager()->createUrl('css/owl.carousel.min.css'); ?>" rel="stylesheet">
      <link href="<?php echo Yii::$app->getUrlManager()->createUrl('css/owl.theme.default.min.css'); ?>" rel="stylesheet" type="text/css">
      <link href="<?php echo Yii::$app->getUrlManager()->createUrl('css/fonts.css'); ?>" rel="stylesheet" type="text/css">
      <link href="<?php echo Yii::$app->getUrlManager()->createUrl('css/style.css'); ?>" rel="stylesheet" type="text/css">
      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.1/jquery.validate.js"></script>
      <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCB0tU77lobH0Aq7RZXpOM__TvXaTSmqso&libraries=places"></script>
  </head>

  <body>
    <?php $this->beginBody()?>
    <!--START HEADER-->
    <?php echo $this->render('@frontend/views/layouts/header.php'); ?>
    <!--END HEADER--->
    <!--VIEW BODY-->
    <?php echo $content; ?>
    <!--END BODY-->
    <!--START FOOTER-->
    <?php echo $this->render('@frontend/views/layouts/footer.php'); ?>
    <!--END FOOTER-->
    <?php $this->endBody()?>
  </body>

  </html>
  <?php $this->endPage()?>

推荐阅读