WAMP перестал загружаться Bootstrap - PullRequest
Новая
       69

WAMP перестал загружаться Bootstrap

0 голосов
/ 09 июля 2020

Добрый день. У меня проблемы с WAMP. WAMP ранее загружал мои страницы правильно, но несколько месяцев go я пытался использовать сочетание клавиш для Refre sh моей вкладки на Chrome, и когда он обновился, мой Bootstrap перестал загружаться. До того, как я попытался использовать ярлык, они отлично загружались. Однако, когда я подключаюсь к inte rnet, все загружается нормально.

Следует отметить, что после загрузки inte rnet он продолжает загружаться без inte rnet, пока я не перезапустите систему. Затем он требует, чтобы inte rnet снова загрузился.

Я думаю, это причина того, почему мой JavaScript не работает каждый раз. введите здесь описание изображения. Моя версия WAMP - 3.0.6_x64_apache2.4.23_mysql5.7.14_php5.6.25-7.0.10.exe, и я знаю, что это не последняя версия, но для последней требуются некоторые библиотеки VS, которые я пока не могу получить.

Я прикрепил снимок экрана, на котором показано, как загружается dashboard.php прежде чем подключиться к инте rnet. Я также приложил исходный код dashboard.php

Могу ли я что-нибудь сделать, чтобы спасти ситуацию? Должен ли я размещать некоторые из этих библиотек локально? Приветствуется любая форма помощи. Заранее спасибо

image 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Inventory Management System</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <script type="text/javascript" src="./js/main.js"></script>
 </head>
<body>
    <!-- Navbar -->
    <?php 
    mysqli_report(MYSQLI_REPORT_ERROR | MYSQLI_REPORT_STRICT);
    include_once("./templates/header.php"); 
    
    ?>

    
    <br/><br/>
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <div class="card mx-auto">
                  <img class="card-img-top mx-auto" style="width:60%;" src="./images/user.png" alt="Card image cap">
                  <div class="card-body">
                  <h4 class="card-title">Profile Info</h4>
                        <p class="card-text"><i class="fa fa-user">&nbsp;</i>John Doe</p>
                        <p class="card-text"><i class="fa fa-lock">&nbsp;</i>Admin</p>
                        <p class="card-text"><i class="fa fa-clock-o">&nbsp;</i>Last Login: xxxx-xx-xx</p>
                        <a href="#" class="btn btn-primary"><i class="fa fa-edit">&nbsp;</i>Edit Profile</a>
                  </div>
                </div>
            </div>

            <!-- It's in the div above that you will put all other things like drugs expiring, things -->
            <div class="col-md-8">
                <div class="jumbotron" style="width:100%;height:100%;">
                    <h1>Welcome Admin,</h1>
                    <div class="row">
                        <div class="col-sm-6">

                        <iframe src="http://free.timeanddate.com/clock/i7a
                        ve1ay/n4842/szw110/szh110/hoc00f/hbw0/hfc000/cf100/hgr0/f
                        acf90/mqcfff/mql6/mqw2/mqd74/mhcfff/mhl6/mhw1/mhd74/mmcf90/m
                        ml4/mmw1/mmd74/hwm2/hhcfff/hmcfff" 
                        frameborder="0" width="110" height="110"></iframe>

                        </div>
                        <div class="col-sm-6">
                            <div class="card">
                              <div class="card-body">
                                <h4 class="card-title">Orders</h4>
                                <p class="card-text">Create new orders from the warehouse and print invoices</p>
                                <!-- If you wish put the ahref for modal buttons here -->
                                <a href="#" class="btn btn-primary">New Orders</a>
                              </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <p></p>
    <p></p>
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <div class="card">
                        <div class="card-body">
                        <h4 class="card-title">Users</h4>
                        <p class="card-text">Create new orders from the warehouse and print invoices. Lorem Ipsum</p>
                        <a href="#" data-toggle="modal" data-target="#users_form" class="btn btn-primary">Add</a>
                        <a href="#" class="btn btn-primary">Manage</a>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card">
                        <div class="card-body">
                        <h4 class="card-title">Categories</h4>
                        <p class="card-text">Manage Drug Categories. Add Parent and Sub Categories</p>
                        <a href="#" data-toggle="modal" data-target="#categories_form" class="btn btn-primary">Add</a>
                        <a href="#" class="btn btn-primary">Manage</a>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card">
                        <div class="card-body">
                        <h4 class="card-title">Brands</h4>
                        <p class="card-text">Here you can manage your brand and you add new brand</p>
                        <a href="#" data-toggle="modal" data-target="#brands_form" class="btn btn-primary">Add</a>
                        <a href="#" class="btn btn-primary">Manage</a>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card">
                        <div class="card-body">
                        <h4 class="card-title">Products</h4>
                        <p class="card-text">Manage products and you add new products. Lorem Ipsum</p>
                        <a href="#" data-toggle="modal" data-target="#products_form" class="btn btn-primary">Add</a>
                        <a href="#" class="btn btn-primary">Manage</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <?php
        //Category form
        include_once("./templates/categories.php");
    ?>
    <?php
        //Category form
        include_once("./templates/brands.php");
    ?>
    <?php
        //Brand form
        include_once("./templates/products.php");
    ?>
    <?php
        //Product form
        include_once("./templates/suppliers.php");
    ?>
    <?php
        //Users form
        include_once("./templates/users.php");
    ?>

</body>
</html>

1 Ответ

0 голосов
/ 20 июля 2020

Спасибо. Я сам разобрался. Во-первых, как предположил @RiggsFolly, причина, по которой Bootstrap не загружается, заключалась в том, что я не был подключен к inte rnet. Если вы хотите, чтобы Bootstrap загружался без inte rnet, разместите его локально. Думаю, это довольно очевидно.

Во-вторых, если ваш браузер не отображает ваш JavaScript внимательно, ваш синтаксис может быть неправильным. В моем случае это была дополнительная фигурная скобка. Если вы исправили это, и ваш JavaScript все еще не отображается, вам, возможно, придется использовать Параметры разработчика на Chrome - Command + Option + C (Mac) or Control + Shift + C (Windows, Linux, Chrome OS).

  1. Перейдите на вкладку Sources. Вы должны увидеть свой каталог файлов (убедитесь, что выбран Page, а не Filesystem).
  2. Найдите свой файл JavaScript в его каталоге и щелкните по нему (он должен отображаться в мини-текстовом редакторе. в браузере)
  3. Если вы присмотритесь, вы можете увидеть, что не весь ваш код JavaScript обрабатывается вашим браузером. Если вы добавили несколько новых блоков кода в свой JavaScript файл и не заметили его обновлений в этом мини-текстовом редакторе, возможно, вам придется очистить файлы cookie.
  4. Настройки> Дополнительно> Сброс и очистить> Восстановить настройки до исходных значений по умолчанию> Сбросить настройки. Среди прочего, это очистит ваши файлы cookie и отключит все ваши расширения на Chrome. Сначала вы должны попытаться очистить файлы cookie этого конкретного сайта.
  5. Перезагрузите страницу, и ваш JavaScript должен отображаться правильно.

Надеюсь, это кому-то поможет.

Спасибо за помощь.

...