为什么我的模态 window 在所有视图中都被复制

Question

我正在创建模态window，但是这个window有一个很特别的地方，就是我只想在登录的时候显示，也就是，在用户输入他们的凭据后。

目前我出现了一个错误，所有视图中都显示了 window，包括我所在的 del login.php 和 del index.php只打算展示一下。我再次强调，我只对在代码下方的 window index.phpI 共享中显示它感兴趣，我必须显示我的模态 window.

Index.php

<html lang="es">
  <head>
    <title><?php echo ($data['title']); ?></title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <!-- Optional theme -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
    
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

    
    <script>
document.addEventListener("DOMContentLoaded", function () {
    $('#basicModal').modal({ show: false, 
                             backdrop: 'static', 
                             keyboard: false});
    $('#basicModal').modal('show');
  });
</script>

</head>
  <body>
   <div class="modal fade" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true" 
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">Title test
          </div>
          <div class="modal-body">
            <h3>Test</h3>
            <h3>Text test</h3>
            </br>
          </div>
          <div class="modal-footer">
            <button type="button" class="EnviarContactoDetalleProducto btn-lg" data-dismiss="modal">Accept</button>
          </div>
        </div>
      </div>
    </div>
    <div class="cuerpo">   
 
    <div id="content-area">
    </div>  
  </div>
  </body>  
</html>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

上面是我用来在 index.php 中显示模态 window 的代码，但是这个 window 确实出现在我的其他视图中。

如您所见，模态window显示没有问题，问题是它在所有视图中都显示，希望有人能给我一些指导来解决这个问题。

更新 1：

这就是 login.php 的样子

<div id="cuerpo_pequeno">
<div class="espacio-medio"></div>
<div class="espacio-pequeno"></div>
<div class="">
    <form method="post">
        <div class="form-group">
            <label for="username">User:</label>
            <input id="username" type="text" name="username" class="form-control" placeholder="Usuario" required/> 
        </div>
        <div class="form-group">
            <label for="password">Password:</label>
            <input id="password" type="password" name="password" class="form-control" placeholder="Contraseña" required/>        
        </div>
        <a id="recuperar_password">Forgot password</a><br>
        <div class="centrar">
            <button class="EnviarContactoDetalleProducto btn-lg" id="login">Enter</button>  
        </div>
        <br/>
    </form>
    <br>
    <div id="mensaje"></div>
</div>
<?php
    $loginView = new LoginVista();
    if(isset($_POST['username']) && $_POST['username'] != '' && isset($_POST['password']) && $_POST['password'] != ''){
        $username = $_POST['username'];
        $password = $_POST['password'];
        $result = $loginView->validarCredenciales($username, $password);
    }
?>
</div>
<br/>
<br/>

Modelos.php

<?php
    include ("modelo/LoginModelo.php");
    include ("modelo/FacturasModelo.php");  
?>

Controladores.php

<?php
    include ('controlador/Controlador.php');        
    include ('controlador/LoginControlador.php');   
    include ('controlador/FacturasControlador.php');    
?>

Vistas.php

<?php
    include ('vista/LoginVista.php');       
    include ('vista/FacturasVista.php');        
?>

Answer 1

来回之后，我意识到一切都通过控制器，这是我必须确定是否要显示 window 的地方，在数组中创建一个变量，我 return.

public function index()
{                
    if (isset($_SESSION['username'])){
        $data['content'] = 'vista/home.php';
        $data['title'] = 'Facturas';
        // Mostrar en índice
        $data['modal'] = true;
        return $data;
    }
    else{
        $loginController = new LoginControlador(new LoginModelo());            
        $data['content'] = $loginController->mostrarVista();
        $data['title'] = 'Inicio';
        // No mostrar en login
        $data['modal'] = false;
        return $data;
    }
}

然后在视图中分析变量

<html>
<!-- more code -->
<?php
// I analyze the variable to show window
if($data['modal']) {
?>
<script>
document.addEventListener("DOMContentLoaded", function () {
    $('#basicModal').modal({ show: false, 
                             backdrop: 'static', 
                             keyboard: false});
    $('#basicModal').modal('show');
});
</script>
<?php
} // End of if for modal window
?>
<!-- more code -->

为什么我的模态 window 在所有视图中都被复制

Why my modal window is replicated in all views

javascript

php

bootstrap-modal