Question

我是Twig的新手，因此遇到了一些麻烦。我在PC上使用wamp64和php版本7。我的文件结构如下：

C:/composer/vendor/composer
C:/composer/vendor/container-interop
C:/composer/vendor/nikic
C:/composer/vendor/pimple
C:/composer/vendor/psr
C:/composer/vendor/slim
C:/composer/vendor/symfony
C:/composer/vendor/twig

C:/Inetpub/wwwroot/project
C:/Inetpub/wwwroot/project/assets
C:/Inetpub/wwwroot/project/js
C:/Inetpub/wwwroot/project/templates

我有一个名为bootstrap.php的文件，该文件包含在我的项目中：

<?php

require_once 'C:/composer/vendor/autoload.php';

$loader = new Twig_Loader_Filesystem('C:/Inetpub/wwwroot/project/templates');

 // Instantiate our Twig
//$twig = new Twig_Environment($loader);
$twig = new Twig_Environment($loader, array('debug' => true));
$twig->addExtension(new Twig_Extension_Debug());
?>

这是我的布局文件_layout.twig：

<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="../js/scripts.js"></script>    

    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous">

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

    <link href="http://localhost/people-on-the-move/css/styles.css" rel="stylesheet">
</head>
<body>
{% block mask %}

{% endblock %}  

{% block submit %}

{% endblock %}
</body>
</html>

这是我的主页，home.html：

{% extends '_layout.twig' %}

{% block mask %}
    {% include 'mask.html' %}
{% endblock %}


{% block submit %}
    {% include 'submit.html' %}
{% endblock %}

但是，当我在浏览器中查看http://localhost/project时，我发现没有应用CSS。我看过有关如何添加CSS页面的文档，但发现它非常令人困惑。 CSS文件需要放在哪里？我需要安装其他东西吗？作曲家应该在我的项目目录中吗？任何帮助将不胜感激！

Answer 1

我不知道为什么在只使用Symfony的情况下为什么要使用树枝。无论如何，取决于您的项目的设置方式，您的CSS应该在/people-on-the-move/css/styles.css处，如链接标记所建议的那样。如果您使用的是Symfony，则浏览器上的/路径实际上是/ public，因此CSS应该位于/public/people-on-the-move/css/styles.css。

更好的做法应该是在Symfony中使用资产系统，但是由于您并不是真正在使用Symfony，因此我将在这里开始寻找：Symfony twig and assets

麻烦获取树枝模板以查看css文件

1 个答案: