在 XAMPP Apache 服务器上运行时，我嵌入在 Laravel PHP 文件中的 HTML 元素无法正确显示答案

【问题标题】：My HTML elements embedded in Laravel PHP file aren't displayed properly when running on XAMPP Apache server在 XAMPP Apache 服务器上运行时，我嵌入在 Laravel PHP 文件中的 HTML 元素无法正确显示
【发布时间】：2021-10-04 22:56:32
【问题描述】：

在学习 Laravel 时，我一直在尝试将我的 HTML 项目变成 PHP 项目。但是，当将旧 HTML 文件中的代码嵌入到我在 Laravel 中的新 PHP 文件中并在 XAMPP Apache 服务器上运行它们时，它只显示纯 HTML 文本，没有图像、按钮和音频。这是我的代码：

<?php
    echo('<DOCTYPE html>
        <head>
            <title>Epsilon Program</title>
            <link rel="stylesheet" href="main-settings.css"/>
            <meta name="epsilonprogram" charset="UTF-8" lang="en">
            <meta name="viewport" content="width=device-width, initial-scale=1">
        </head>
        <body>
        <audio autoplay id="mainaudio">
            <source src="resources/views/Assets/kifflom_music.mp3">
        </audio>
        <script>
            var audio = document.getElementById("mainaudio");
            audio.volume = 0.1;
        </script>
        <div class="container" style="height: auto;">
            <div class="upper">
                <div class="content">
                    <a href="resources/views/Pages/crisformage.blade.php" class="button1">Meet Cris Formage</a><br>
                    <a href="celebrities.html" class="button2">Celebrities</a><br>
                    <a href="worshiphouse.html" class="button3">House of Worship</a><br>
                    <a href="members.html" class="button4">Meet Members</a><br>
                    <a href="beliefs.html" class="button5">Beliefs and Practices</a><br>
                    <a href="unsavables.html" class="button6">Unsaveables</a><br>
                </div>
            </div>
            <div class="introduction">
                <h2 class="greet" style="color: #456483"> Welcome to The Epsilon Program</h2>
                <p2 name="greet1" style="color: #779BBB"> Do you want to be shappy and free from thought, or continue dying in ignorance without knowing your true eternal self? You are controlled by lots of powerful forces you do not understand.</p2> <br>
                <br>
                <p2 name="greet2" style="color: #779BBB"> Do you want to believe? Are you everything you need and less and more? Then you are ready. </p2> <br>
                <br>
                <p2 name="greet3" style="color: #779BBB"> Do you want to be rich in powerful tools? Our time has come, so has yours, if you let in. </p2> <br>
                <br>
                <p2 name="greet4" style="color: #779BBB"> The tract is now being written. </p2> <br>
                <div class="evaluatebutton">
                    <a href="#" class="bigbutton" style="margin: auto;">EVALUATE YOUR IDENTITY</a>
                </div>
                <div class="donationbutton">
                    <a href="page1.html" class="biggerbutton" style="margin: auto;">Make a Donation</a>
                </div>
            </div>
        </div>
        </body>
    </DOCTYPE>')
?>

它应该看起来像这样：

而不是这个：

顺便说一句，当我单击按钮导航到另一个页面时，它甚至不会更改页面的内容。例如：

<a href="resources/views/Pages/crisformage.blade.php" class="button1">Meet Cris Formage</a><br>

请帮忙！

【问题讨论】：

你可能想了解 Views 在 Laravel 中的工作原理。
所以你的意思是
它会在 PHP 中工作，但您使用的是 Laravel，它是一个基于 PHP 构建的框架，处理方式不同。 resources 文件夹位于 Laravel 的 public 文件夹之外。任何东西都会通过那个文件夹。你使用<?php echo('... 输出东西的方式也不是 Laravel 的方式
即使我不使用 echo 并且只是在没有

标签： php html css laravel xampp

【解决方案1】：

看起来样式表没有导入。您可以在 </head> 之后添加 <style></style> 标记并将您的 main-settings.css 代码放在那里

【讨论】：

【解决方案2】：

当您使用 laravel 框架进行 Web 开发时，您应该将您的 html 代码添加到 Blade.php 文件中（在资源文件夹 -> 视图中）。在这里，样式表没有正确链接。确保您已正确添加 CSS 文件，如果问题仍然存在，请尝试以下选项 ->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

在标签内添加以上2个链接。

尝试参考一些关于 laravel 框架的 Youtube 教程。

祝你好运:)

【讨论】：