代码之家 › 专栏 › 技术社区 › ImFireblade

如何在lumen上的刀片文件中导入库?

lumen blade import laravel php

ImFireblade · 技术社区 · 7 年前

所以我有这个php。我想用流明返回的刀片视图。

布局刀身php

    <head>
    <!--AXIOS-->

    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

     <!--JQUERY-->

     <script src="{{ asset("libraries/go-debug.js") }}"></script>
     <script src="{{ asset("libraries/jquery-3.2.1.min.js") }}"></script>



     <!--MATERIALIZE-->

     <link type="text/css" rel="stylesheet" href="{{ asset("libraries/materialize/css/materialize.min.css") }}"  media="screen,projection"/>
     <script type="text/javascript" src="{{ asset("libraries/materialize/js/materialize.min.js") }}"></script>

     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

     <!--ICONE MATERIALIZE-->

     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

     <!--CSS IMPORTATO-->
    <link type="text/css" rel="stylesheet" href="{{ asset("loginPage/login.css") }}">


    @yield('head')

    </head>

     <body>
           @yield('body')
     </body>
    </html>

登录名。刀身php

@extends('layout')

@section('imports')
    <title>Login Page</title>
@stop

@section('body')
    <script src="{{ asset("loginPage/login.js") }}"></script>
    <!--NAVBAR-->
    <nav>
        <div class="nav-wrapper">
            <a href="#" class="brand-logo center">Logo</a>
            <ul id="nav-mobile" class="right hide-on-med-and-down">
                <li><a href="index.html"><i class="material-icons" style="font-size:36px;">home</i></a></li>
            </ul>
        </div>
    </nav>

    <div class="row">
        <div class="col s12 m2" id="center">
          <div class="card">
            <div class="card-image">
              <img src="image/logo.jpg" class="responsive-img" id="logo" style="width:200px; height:200px;">
              <span class="card-title">Card Title</span>
            </div>
            <div class="card-content">
              <p>I am a very simple card. I am good at containing small bits of information.
              I am convenient because I require little markup to use effectively.</p>
              <div class="fb-login-button" data-width="">
              </div>
            </div>
            <div class="card-action">
            </div>
          </div>
        </div>
      </div>
@stop

在这个视图中,您可以看到我正在尝试导入像materialize、css和js脚本这样的库。

问题是lumen在他的路径中找不到这些文件,甚至无法通过internet调用这些文件。

这是这条路的照片

如何解决此问题?

1 回复 | 直到 7 年前

Alessandro.Vegna 7 年前

据我所知资源必须在 平民的 文件夹

e、 g。

public/js/libraries/jquery-3.2.1。最小js

移动它们之后,请按照以下步骤更改代码:

布局刀身php

<script src="{{ asset("js/libraries/jquery-3.2.1.min.js") }}"></script>

注意,在您的情况下,您必须在公共场所移动:

图书馆
独自创立
登录页面

如果您有自己的SCS或js要编译,请看这里: https://laravel.com/docs/5.6/mix

编辑

流明不提供资产可能要使用的助手函数 url地址 e、 g。

<script src="{{ url("js/libraries/jquery-3.2.1.min.js") }}"></script>

如果您想创建自己的资产助手函数,当然可以查看以下内容:

https://laracasts.com/discuss/channels/lumen/extend-helper-functions-to-lumen?page=0

或

How to do {{ asset('/css/app.css') }} in Lumen?