精华内容
下载资源
问答
  • 一般我们使用外部的模板文件比自己写前端模板更方便。一般,下载的模板文件结构类似如下: assets font entypo.ttf css style.css bootstrap.css img bg1.jpg bg2.jpg js button...

    我们使用外部的模板文件比自己写前端模板更方便。一般,下载的模板文件结构类似如下:

    • assets
      • font
        • entypo.ttf
      • css
        • style.css
        • bootstrap.css
      • img
        • bg1.jpg
        • bg2.jpg
      • js
        • button
          • button.css
          • button.js
        • tip
          • tip.css
          • tip.js
        • jquery.js
        • app.js
    • index.html
    • login.html
    <!-- index.html文件部分代码片段 -->
    <link rel="stylesheet" href="assets/css/style.css">
    <script type="text/javascript" src="assets/js/app.js"></script>
    

    如果就这样访问html文件,当然一切都正常。
    但是,在laravel中

    Public 目录 public 目录包含了入口文件 index.php ,它是进入应用程序的所有请求的入口点。此目录还包含了一些你的资源文件(如图片、JavaScript 和 CSS)。

    Resources 目录 resources 目录包含了视图和未编译的资源文件(如 LESS、SASS 或 JavaScript)。此目录还包含你所有的语言文件。

    所以需要将index.html文件改写成index.blade.php文件,并放在Resources /views目录或更深层目录中。

    这样运行时,视图文件和js,css文件并不在同一目录,当然未将文件引入成功。

    我们将路径

    “assets/css/style.css"改成”/assets/css/style.css"

    “assets/js/app.js"改成”/assets/js/app.js"

    这样就能引入css和js文件,这样就将相对路径改为了绝对路径,"/"是相当于站点根目录。

    当然,也可以改成带域名的形式{{asset('assets/css/style.css')}}的形式也可以引入文件成功。

    但是这没完,由于存在嵌套引用问题。
    比如:

    <!-- js/app.js文件部分代码片段 -->
    <script type="text/javascript" src="assets/js/button/button.js"></script>
    <script type="text/javascript" src="assets/js/tip/tip.js"></script>
    

    button.js和tip.js文件也没引用成功。同时,js文件内部也有路径引用问题。

    <!-- js/button/button.js文件部分代码片段 -->
    $("#button-bg").click(function() {
    	$("body").css({
    	    "background": "url('assets/img/bg1.jpg')"
    	});
     });     
    

    这将导致js文件没有将图片引用成功,也需要修改图片的引入路径。这很繁琐。
    这是由于文件的相对路径
    在css文件中,是以css文件所在路径为基准。
    在js文件中,是以导入此js的网页文件所在的位置为基准。
    因此,如果在“域名/admin”访问图片,程序找的是“域名/assets/img/bg1.jpg”,在“域名/admin/blog”访问图片,程序找的是“域名/admin/assets/img/bg1.jpg”。所以路径错误。

    而模板文件创作者设置成相对路径的原因是,提前并不知道你将模板文件放在何处,为保证在哪儿都可以正常访问静态网页文件,所以设置成相对路径。但是由于我们的静态网页文件位置变了。
    所以没办法,只有改成绝对路径吧!

    好消息是,css文件寻找路径并不随网页文件所在位置变动,所以css文件不需要改路径。

    展开全文
  • laravel 前端模板引入静态文件

    千次阅读 2019-03-20 16:14:24
    今天学习了一下laravel,刚入手就碰到了问题,laravel的模板是如何引入静态文件的,看到网上的人说,<...但实际上并不行,我把静态文件是放在了public下面了,最后查了一下才知道,原来模板文件应该是...

       今天学习了一下laravel,刚入手就碰到了问题,laravel的模板是如何引入静态文件的,看到网上的人说,<link href="{{ URL::asset('css/bootstrap.min.css?v=3.3.5') }}" rel="stylesheet">这样就可以了

    但实际上并不行,我把静态文件是放在了public下面了,最后查了一下才知道,原来模板文件应该是**.blade.php才可以,并且是要放在resources里面的views,如下所示

    展开全文
  • 原因是因为vue的{{}}形式与laravel的相似,导致浏览器无法识别 解决方法:尝试在{{}}前面加@

    原因是因为vue的{{}}形式与laravel的相似,导致浏览器无法识别

    解决方法:尝试在{{}}前面加@

    展开全文
  • laravel 引入CSS JS 文件

    千次阅读 2018-05-16 17:32:32
    如果你在使用laravel 时发现你引入的css 文件有时生效 ,有时候失败,那你就要去修改模板文件了 转自laravel 学院 飞机http://laravelacademy.org/post/3672.html 使用内置的URL类上的asset()方法来引入css和js...

    如果你在使用laravel 时发现你引入的css 文件有时生效 ,有时候失败,那你就要去修改模板文件了

    转自laravel 学院 飞机http://laravelacademy.org/post/3672.html

    使用内置的URL类上的asset()方法来引入css和js文件。
    引入站内css和js:

    <link rel="stylesheet" href="{{ URL::asset('css/bootstrap.css') }}">
    <script type="text/javascript" src="{{ URL::asset('js/jquery.min.js') }}"></script>

    注:默认相对于web根目录,也就是public目录

    引入站外css和js:

    <link rel="stylesheet" 
    href="{{ URL::asset('//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css') }}">
    
    <script type="text/javascript" 
    src="{{ URL::asset('//code.angularjs.org/1.2.13/angular.js') }}"></script>
    展开全文
  • 分享给大家供大家参考,具体如下:关于模板的继承的加载,因为我们经常会在头部引入很多样式啊等相关文件,所以我们不能在每一个页面都重新写入laravel和ThinkPHP加载的类似,ThinkPHP3.2使用占位使用laravel只不过使用...
  • 关于模板的继承的加载,因为我们经常会在头部引入很多样式啊等相关文件,所以我们不能在每一个页面都重新写入 laravel和ThinkPHP加载的类似,ThinkPHP3.2使用 模板名字> 占位使用 <block name=menu></block> laravel...
  • 因为在写模板的时候往往需要引入一些cssjsimage等静态文件但是在laravel框架中,如果使用asset(path)那路径实在是太长了,所以..建议自定义一个配置文件, 将常用的路径放到到配置文件中因为配置文件是否自动加载的,...
  • 模板引入格式 // components 表示在 views 下面的 components 文件夹 // header 表示在 views/components/header.blade.php 文件 @include('components.header') web.php 路由传参 Route::get('req', function ()...
  • Laravel基础-模板引入方式

    千次阅读 2017-07-13 22:34:47
    laravel模板文件在 /resources/views/... 下,此处我们以 /resources/views/admin/login.blade.php 模板文件作为实例讲解。1、相对路径的引入方式,在login.blade.php引入JS和css处为:...
  • 继承模型 ...@include(‘filename’):引入模板文件 模板文件 1 @extends(‘filename’) //继承父级模板 2 @section(‘paramname’) //显示代码内容 @endsection 模板语法 {{}} @if @foreach demo: ...
  • 模板引入与使用,及模板使用页面参数 模板继承格式 // components 表示在 views 下面的 components 文件夹 // main 表示在 views/components/main.blade.php 文件 @extends('components.main') 二、简单继承...
  • -- 编辑器源码文件 --> < script type = "text/javascript" src = " {{ URL :: asset (' /umeditor /umeditor.js ')}} " > script > <!-- 语言包文件 --> < script type = "text/javascript" src ...
  • 样式问题有很多,有使用指令不规范、有静态文件没有正确引入等等,但是我这次遇到的是<!DOCTYPE html>没有生效,没有生效的原因无非是该标签前有其他东西,所以导致不生效。 要解决这个问题,先来了解一下...
  • laravel-blade模板基本语法

    千次阅读 2019-09-22 17:59:20
    @include('layouts._header') 这是引入不同模板文件 @yield('content') 布局中占位符 @extends('layouts._default') 继承模板 @section('content') <div> <h2>hahah</h2> </div> @....
  • 上次提到过,模板引擎一般是要做三件事情: ...引入或继承其他文件 现在就来看看 Laravel模板引擎是如何来处理这三件事情的。我是在 Laravel 5.1 的实现上来写这篇文章的。 1. 视图解析流程 Laravel 的 Vie...
  • laravel文件上传

    2019-06-30 14:36:21
    使用第3方插件来实现无刷新上传功能. ...下载好webuploader插件后,放到网站目录中...在项目模板引入对应的插件css/js 在html中设置隐藏域和指定ID的元素 引入JS文件 实现上传 控制器中的方法: 上传文件的方法 ...
  • Laravel笔记】18. 模板

    千次阅读 2021-02-09 21:32:44
    本文主要内容: 18.1 Blade模板简介 18.2 模板基础功能 18.3 模版的流程控制之条件判断 18.4 模版的流程控制之循环遍历 18.5 模板的继承布局 18.6 其它技巧 ...2、在控制器中,使用 view()方法来引入模板
  • laravel框架view显示,引入js,

    千次阅读 2018-10-29 10:41:03
    前端显示的话很简单只需要在web.php设置路由,再将页面放在resources/views下即可,这里注意要修改的是页面后缀修改为.blade.php(因为laravel前端模板使用的是blade!!!) 接下来就是页面引入js以及css了 js文件以及css...
  • ​ 在 D:\phpStudy\PHPTutorial\WWW\laravel\resources\views 下 创建一个 Muban文件夹,在该文件夹下,创建一个 admin.blade.php文件 D:\phpStudy\...
  • Laravel5.0如何引入js,css,image这些啊这个是PHP的框架 可是我刚接触这个框架,不知道 Laravel5.0怎么在blade模板引入js、css、图片这些文件
  • 那么这样就需要前后端进行分离,作为一个后端程序员,当然还是希望一站到底,这需要引入模板引擎了,我经常使用laravel进行开发,就引入blade引擎 安装渲染驱动 composer require easyswoole/template 实现驱动...
  • 日常的我们用的phpexcel难以满足复杂的样式需求,通过读取模板的方式便很轻松的导出复杂的excel表格 第一步;下载phpexcel:https://github.com/PHPOffice/PHPExcel 第二步:项目目录里新建Libs文件夹,里面放对应...
  • composer安装AdminLTE使用AdminLTE的方式有很多,最直接的方式就是下载模板源文件到public目录,然后在views目录下的blade模板文件引入对应的精通资源文件即可。当然,我们这里不用这么简单...
  • Laravel Blade

    2020-12-23 10:16:14
    Blade模板最终都将被“编译”(正则替换)成原生PHP代码并缓存,除非模板文件被修改否则不会重新编译。 模板引擎需要完成最基本三项功能: 引入继承 变量输出 流程控制 模板引入 Blade提供@include指令以便于在一个...
  • 1. 首先要先创建一个布局的模板,比如app.blade.php ,  ...3. 在需要使用布局文件的地方,通过@extends('app')来引入布局文件 4. @section('content') 自己的html部分 @stop 这样即可将不同
  • Laravel5.8入门实战

    2020-05-07 19:13:35
    课时28Laravel中的文件上传23:23 课时29富文本编辑器Neditor的使用28:56 课时30pjax下编辑器的异常处理10:07 课时31Laravel表单请求验证17:35 课时32新闻的编辑与删除34:48 课时33旧图片的处理和自定义公共函数16:10...

空空如也

空空如也

1 2 3
收藏数 53
精华内容 21
关键字:

laravel引入模板文件