在laravel blade中添加javascript的CDN链接
在 Laravel Blade 中添加 JavaScript 的 CDN 链接可以通过以下步骤完成：
- 打开 Laravel 项目中的
resources/views目录，找到需要添加 JavaScript 的 Blade 模板文件，比如example.blade.php。 - 在该 Blade 模板文件中，使用
<script>标签添加 JavaScript 的 CDN 链接。CDN（内容分发网络）可以加速 JavaScript 资源的加载，提高网页性能。 - 例如，我们要添加 jQuery 的 CDN 链接，可以使用以下代码：
- 例如，我们要添加 jQuery 的 CDN 链接，可以使用以下代码：
- 请注意，上述 CDN 链接只是示例，实际项目中可以根据需要选择合适的 CDN 链接。
- 接下来，你可以在该 Blade 模板文件中编写使用 JavaScript 的代码，或者将 JavaScript 代码写在外部文件中，在 Blade 模板中使用
<script>标签引入。 - 最后，保存文件并启动 Laravel 项目，在浏览器中访问对应的页面，即可看到 JavaScript 代码生效。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云 CDN：提供高可靠、高可用、低时延的内容分发服务，加速静态资源访问。
- 腾讯云对象存储 COS：提供可扩展的云端存储服务，适用于存储和处理大规模数据。
- 腾讯云云服务器 CVM：提供安全可靠的弹性计算能力，满足个人和企业的不同需求。
- 腾讯云云数据库 MySQL 版：基于云计算平台构建的可扩展、高可用的关系型数据库服务。
- 腾讯云云函数 SCF：事件驱动的无服务器计算服务，帮助开发者将代码部署和运行在云端，无需关心服务器管理和维护。
以上是给出的完善且全面的答案，不包含其他云计算品牌商的信息。
相关·内容
我有一个问题，我的捆绑Vue js被缓存，所以我要开始版本控制。然而，我不知道哪一种方法是正确的。我知道我应该在Blade文件中引用JS文件，方法是添加一个查询字符串，使服务器认为它是一个新文件，但是我必须对实际的app.js文件做什么吗？
<script type="text/javascript" src="{{ cdn('/js/app.js') }}"></script>
编辑：
Laravel内置了使用mix()的版本控制，因为我通过一个定制的CDN助手：<script type="text/jav
浏览 0提问于2019-05-08得票数 2
回答已采纳
2回答
我试图弄清楚如何让laravel-mix将ES6 javascript代码转换为Internet 11可以使用的javascript代码。
我设置了一个全新的laravel 9项目，并做了以下更改：
resources/js/app.js
let promise = new Promise(function(resolve, reject) {
setTimeout(() => resolve("done!"), 1000);
});
promise.then(
result => alert(result),
);
添加到package.json中
&#
浏览 5提问于2022-04-07得票数 0
回答已采纳
我的代码在index.blade.php中显示要导出到pdf的数据。
<div class="card-body">
<div class="table-responsive table-bordered" id="pdf">
<table class="table mb-0">
浏览 2提问于2022-03-18得票数 0
5回答
我试图在我的刀片文件中定义页面特定的Javascript，方法是在文件中为它定义一个单独的部分。我可以在jQuery文件中添加相同的app.js代码，它可以正常工作，但是当我把它放到刀片文件中时，我会得到一个错误
Uncaught ReferenceError: $ is not defined
布局文件- app.blade.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv
浏览 0提问于2018-05-05得票数 0
回答已采纳
我一直在寻找一种使用具有非PHP文件扩展名的Laravels模板引擎(而不是file_name.blade.php能够使用file_name.blade.js或file_name.blade.css)的方法，但没有效果。我找到了一个，它似乎描述了如何为Laravel 4精确地完成此操作，但在Laravel 5中似乎不再起作用了。我之所以想这样做，是因为我有一个Javascript文件，它看起来如下所示：
//JS stuff
@foreach($Model->Values as $Value)
{{ $Value->name . " = " . $Value
浏览 0提问于2016-04-07得票数 3
回答已采纳
我正在尝试将summernote wysiwyg与Laravel 8连接起来，无论我做什么，我都会得到一个恒定的jquery错误。我试着使用了webpack的脚本，并直接在页面上添加了脚本。我的脚本的顺序应该是正确的，我正在执行脚本之后的代码，但是，这个错误是一个基本的错误，我不能确定问题。
webpack文件是默认文件，我已经运行了npm run dev & prod。
在一个基本的HTML文件中列出的代码运行时没有任何错误，一定是我对Laravel做了什么。
jquery.js:4055 Uncaught TypeError: "#summernote".summe
浏览 0提问于2021-02-11得票数 0
使用Alpine.js 2，可以开发具有以下结构的叶片组件：
...
<div x-data="myApp()">
...
@once
@push('child-scripts')
<script>
function myApp() {
return {
...
}
}
</script>
@endpush
@endonce
这是很棒的，因为它允许将组件的所有代码定义在一起。
在Alpine.js 3中，不推荐这种定义函数的方法()。相反，
浏览 2提问于2022-02-24得票数 2
我有幼叶刀片模板main.blade.php的主布局
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>@yield('title','My Site')</title>
</head>
<body>
@yield('container','Content area')
{{ HTM
浏览 0提问于2015-01-01得票数 2
我正在尝试使用select2作为我的laravel功能。但是它什么也不做，我遵循了多个教程，得到了相同的结果。
Index.blade(我的脚本在标头中)
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge&
浏览 5提问于2022-10-19得票数 0
2回答
如何告诉Laravel-5，我想在模板中包含哪些Javascript文件。
例如，我的控制器具有这样的功能：
return view('butchery', ['locations' => $locations, 'classTypes' => $classTypes]);
我在html中有了我的butchery.blade.php模板：
@extends('app')
@section('content')
<!-- html here -->
@endsection
...and我有我的
浏览 4提问于2015-06-25得票数 1
回答已采纳
为什么我的导出按钮如PDF，EXCEL CSV没有显示或显示在我的页面上？
这是我的桌子的样子
这是我的js链接
<table class="table" id="table_id">
<thead>
<tr>
<th>EMPLOYEE NO.</th>
<th>NAME</th>
<th>DATE</th>
&l
浏览 1提问于2019-02-14得票数 1
@extends('template')
<script type="text/javascript" src="js/Chart.js"></script>
@section('title')
{{ $student->name }} - Student Detail
@endsection
@section('main')
<div class="container-fluid">
<div class="row">
浏览 13提问于2017-02-12得票数 0
我看到的是什么。
我就是这么做的。
providers = Yajra\Datatables\DatatablesServiceProvider::class，
别名= 'Datatables‘=> Yajra\DataTables\Facades\DataTables::class，
我的控制器
use App\User;
use Datatables;
public function index(){
$users = User::select('first_name','last_name');
return Datat
浏览 2提问于2018-12-07得票数 1
回答已采纳
我正在使用noty库进行样式通知：
它在没有样式的默认主题下工作，我把源码css和js放在app.blade中：
<link rel="stylesheet" type="text/css" href="{{asset('dashboard_files/plugins/noty/noty.css')}}">
<script src="{{asset('dashboard_files/plugins/noty/noty.min.js')}}"></script&
浏览 1提问于2020-01-23得票数 0
1回答
我在我的app.blade.php中包含了一个带有以下标记的JS文件
<script type="text/javascript" language="javascript" src="/js/colors.js"></script>
每当该脚本加载到浏览器中时，它在末尾包含一堆无效字符。我已经验证了这些字符没有出现在实际的文件中。
有人看到这个问题了吗？你知道解决办法吗？
字符无法成功复制到此文本框，它们在这里复制时似乎没有宽度.
浏览 0提问于2015-06-08得票数 2
回答已采纳
我想添加csv和excel导出按钮到一个dataTable只。MyController文件： public function index(Request $request)
{
$Databaseurl = Route('orders.index');
if ($request->ajax()) {
$orders = Order::all();
return datatables()->of($orders)
->editColumn('price', function
浏览 10提问于2020-11-10得票数 0
我用npm安装数据采集器，但我不能使用它
这个命令
npm install daterangepicker
这是我的密码
create.blade.php
<input type="text" class="form-control is-invalid" name="period_date" required>
$('input[name="period_date"]').daterangepicker();
app.js
window.moment = require('mome
浏览 7提问于2019-10-23得票数 1
回答已采纳
我想从网页中保存一些数据，为此，我想在我的页面中使用CKEditor。但是在加载页面之后，它显示的是普通的文本区域，而不是显示CKEditor。我遵循以下过程来使用它：
1下载ckeditor.zip文件，将其解压缩并放在public > js文件夹中。
2.然后，在我的主页的HEAD标签中，我使用了下面的一行来链接它：
<script type="text/javascript" src="{{ URL::asset('assets/js/ckeditor/ckeditor.js') }}"></script`>
浏览 7提问于2016-03-09得票数 0
回答已采纳
2回答
我开发了拉拉包装。有视图的例子在这里
index.blade
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<!-- CSRF Token -->
<meta name="csrf-token&
浏览 7提问于2020-08-13得票数 2
回答已采纳
1回答
我有一个名为include/data.blade.php的模板文件，它以文件末尾的行提要结尾。(这是IDE默认配置，我不想更改)
上述模板以下列方式包含在另一个模板中：
# parent blade template
<script>
let tpl = '@include("include.data")';
</script>
由于data.blade.php以空行结尾，在模板呈现之后，我在浏览器中得到一个javascript错误：
Uncaught SyntaxError: Invalid or unexpected toke
浏览 0提问于2018-09-21得票数 1
当没有redirect()->back()集时，我对HTTP_REFERER有一个问题。
通常，当我以ID作为参数打开URL以显示特定的数据时：http://my-domain/module/ID
如果指定的ID不存在，或者当前loggedin用户没有打开它的权限，则我将
if (!$this->checkPermission($id)) {
return redirect()->back()->withError('message');
}
// do my stuff to show the datarow
但是，当我更改浏览器address
浏览 1提问于2015-03-31得票数 4
回答已采纳
我正在为从laravel外部加载/包含文件而烦恼，我知道如何从laravel的默认目录以外的目录加载视图，例如
View::addNamespace('theme', '/path/to/themes/views');
return View::make('theme::view.name');
但这是从laravel安装外部加载/包含视图的情况。我有一个这样的文件结构，
/home
/laravel-app/resources/views/app.blade.php
/outside-laravel/subdomain/head
浏览 0提问于2016-03-09得票数 2
今天早上我一直在学习我的教程。有点让人困惑。现在，我只想使用DatePicker UI在asp页面中显示jQuery。我见过很多样本。
。是否有必要将这些文件/插件下载到项目文件夹中？网页的可移植性如何？我就不能就这样
例如在这个网站上所解释的：-
在ASP.Net应用程序中使用Google (内容分发网络)托管的JQuery库。
参考文献：
编辑：
现在，在我的aspx页面中显示是一个问题。我只想在编辑模式下在文本框中显示数据选择器。
<link href="default.css" rel="stylesheet" type=&
浏览 6提问于2014-07-17得票数 0
回答已采纳
我使用拉拉和刀片作为模板。我有一个问题，我有一个名为(base.blade.php)的基本模板，其中包含所有js文件(jQuery )。
当im子模板(myadpack.blade.php从base.blade.php扩展而来)时，问题就出现了。我想在子程序中使用jQuery，但这似乎是不可能的，我可以执行普通的js调用，但不使用jQuery (这包括在父程序中)。我将这些文件粘贴在这里：
base.blade.php
<!DOCTYPE HTML>
<html>
<head>
<title>Tonhits</title>
浏览 1提问于2016-03-19得票数 0
1回答
我是新来的。我在两个不同的文件夹中有两个文件。我不能通过一个访问另一个。
views/layouts/header.blade.php
views/buysalerent/buy.blade.php
我想将header.blade.php添加到buy.blade.php中。
浏览 1提问于2017-08-19得票数 2
1回答
我是Laravel的新手，我正在开发一个基于Web的系统，其中包含了大量Ajax回调。问题是我该如何组织这些？我希望这些Ajax调用只在特定的视图中运行。现在我的结构是这样的：
resources
views/
/applicants
app.blade.php
我遵循以前的Laravel的结构，app.blade.php是这样的
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equ
浏览 2提问于2015-09-14得票数 1
回答已采纳
2回答
在布局文件夹中，我有一个名为"app.blade.php".的文件，用于呈现我在@yield('content')文件中编写的其他balde文件中的一些内容。
我在"dashboard.blade.php".的“视图/管理”名称中创建了另一个文件此文件中的书面代码是
@extends('home')
@section('content')
Test text
@endsection
但是内容没有加载到"app.blade.php"文件中，因此在
@yield('content'
浏览 2提问于2020-09-29得票数 0
我试图使用Laravel刀片模板，包括一些javascript代码到子视图中。
我有我的邮件app.blade.php文件，其中放置了jquery初始化字符串：
<script src="/js/jquery.min.js"></script>
在我的子视图文件settings.blade.php中，我想使用一些jquery函数：
@extends('layouts.app')
@section ('content')
Settings main page
@endsection
<script type="
浏览 2提问于2016-04-20得票数 6
回答已采纳
当数据更新时，我一直在搜索和尝试如何刷新另一个页面或刀片文件。在我的示例中，每当我单击call.blade.php中的Call Next按钮时，wintwo.blade.php中的数据就会更新或更改。
call.blade.php用户界面
wintwo.blade.php用户界面
控制器存储码
$call = Call::find($request->id);
$call->user_id = Auth::user()->id;
$call->counter_id = Auth::user()->counter_id;
$call->called
浏览 1提问于2019-09-11得票数 1
这个错误阻碍了我前进的路。是否有人对缺少的所需参数错误有解决方案？我有一个非常简单的CRUD设置，它在Controller‘编辑’方法中抛出这个错误。当请求被转发到编辑视图时会发生这种情况。
错误：
```Facade\Ignition\Exceptions\ViewException
缺少路由所需参数: projects.editURI：
projects/{project}/edit]。(意见：
T:\estie\resources\views\frontend\layouts\homeapp.blade.php)`
**Route definition is:**
```javascr
浏览 2提问于2020-04-04得票数 0
2回答
我试图在Laravel的View中进行异步jquery/ajax调用。有一个由Redis队列处理的后台工作者任务，然后将其存储在Redis上的key:value表单中。
比方说，我们的观点是：
项目> app >视图> main > search.blade.php
访问此键的脚本:value对位于：
项目> app >视图> main > getVal.blade.php
我通过getVal.blade.php异步调用search.blade.php：
<script>
var userID = {{ isset($user
浏览 6提问于2015-03-16得票数 1
回答已采纳
2回答
我对如何正确使用vueDraggable和Laravel感到困惑。
我可以在浏览器中拖动和排序元素，但是数组没有变化(当我签入控制台时)/在我看来，这些更改似乎没有反映在数组中。在移动项之后，数组索引号不应该改变吗？
在overview.blade.php中，我有一个组件：
<qm-draggable :list="{{ $mylaravelarray }}"></qm-draggable>
在qm-draggable.vue中我有：
<template>
<draggable group="fragenblatt"
浏览 2提问于2020-05-15得票数 0
回答已采纳
在我的布局app.blade.php，中添加了引导后，默认的注销下拉选项不会显示。我添加了来自.How的引导带MaxCDN来修复它？我的laravel版本是5.7.21，我的app.blade.php保存了所有默认的内容，我只是在head标记中添加了Bootstrap MaxCDN。
<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>{{ config('app.name', 'Larave
浏览 0提问于2019-02-08得票数 0
回答已采纳
我正在尝试执行一个ajax请求来自动补全客户名称，到目前为止，我得到的是: create.index.blade
<div class="form-group">
<strong>Customer id:</strong>
<input class="typeahead form-control" type="text" name="customer_id" placeholder="Customer id
浏览 0提问于2018-12-30得票数 1
1回答
我是非常新的拉拉4，并试图扩大我的布局与另一个观点。
我在我的layout.blade.php的末尾有这个
{{ HTML::script('js/jquery.nicescroll.min.js') }}
{{ HTML::script('js/jquery.pickmeup.min.js') }}
{{ HTML::script('js/myscript.js') }}
</body>
</html>
然后，我有一个文件page1.blade.php，其中我有相当多，以显示的基本要素：
@extends(&
浏览 1提问于2014-11-25得票数 0
1回答
我想在(properties.blade.php)文件中使用一些javascript函数，在Laravel刀片视图中。
(index.blade.php)视图
@extends('layouts.master')
@section('filters')
@include('partials.filters.properties')
@endsection
@section('content')
<!-- properties start -->
<div class="container&#
浏览 0提问于2018-04-10得票数 0
{我之前问过这个问题，但是没有得到解决，所以请试着理解..}
我可以在我的本地机器上运行我的外部javascript和css，但是我不能在我的go爸爸的共享主机上获取相同的东西(负担不起专用的)！
虽然我可以使用样式和js，如果是在内部编写的话……
我尝试了很多方法，比如：
<link href="{{asset('css/clock.css')}}" rel="stylesheet" media="all" />
或者：
<link href="{{URL::asset('css/clock.c
浏览 11提问于2016-07-17得票数 0
2回答
我正在使用Laravel blade来做这样的事情：
master.blade.php
<script>
var url = '@yield('url')';
</script>
sub.blade.php
@extends('master')
@section('url')
{{route('routename')}}
@stop
上面的方法在Laravel 4.2.6和更低版本上工作得很好。然而，最近Laravel 4.2.7的更新打破了这一点。
Laravel 4.2.7上的
浏览 0提问于2014-07-23得票数 0
我一直认为$(...).bootstrapValidator不是一个函数。在我的app.blade中，我包含了：
<script type="text/javascript" src="{{ asset('js/jquery-3.2.1.js')}}"></script>
<script type="text/javascript" src="{{ asset('js/jquery-ui.js')}}"></script>
<s
浏览 0提问于2017-05-18得票数 1
我已经创建了一个刀片模板
-includes
--header.blade.php
--footer.blade.php
-layout
--default.blade.php
-pages
--home.blade.php
--customers.blade.php
--customer.blade.php
在我的客户页面上有一个链接，用于将访问者发送到customer.blade.php。当我点击它时，它会转到customer.blade.php，但在我的导航菜单中，如果我将鼠标悬停在链接上，我会看到URL发生了变化。我的导航是
/home
/customers (here are als
浏览 23提问于2019-08-22得票数 0
我有我所有的CSS和JavaScript文件在公共的一个文件夹。我用的是Laravel 5。
我的视图布局：
- public
- css
- fonts
- images
- js
- layouts
- head.blade.php
- header.blade.php
- footer.blade.php
- adverts
- index.blade.php
- advertiserShow.blade.php
我的控制器
public function show($advert){
$adverts = Adverts::al
浏览 2提问于2016-03-10得票数 0
回答已采纳
2回答
我正在尝试弄清楚如何根据$category是否处于活动状态对我的index.blade.php页面应用不同的样式。
即，如果在url中没有指定类别，则图像将是小的，并且如果在url中存在类别，则图像将是大的。
Route.php
Route::get('blog/{category}', ['as' => 'blog.category', 'uses' => 'BlogController@getCategory']);
blogcontroller.php
public function getCa
浏览 3提问于2014-10-17得票数 0
2回答
我的镜像存储在storage/app/public/receptionistprofile/image name中，但当我在blade中调用它时，它给出了404错误，为什么会这样？？
刀片式服务器代码如下
浏览 1提问于2020-03-14得票数 0
1回答
我有两个刀片文件
generate.blade.php dashboard/index.blade.php
并创建了两个组件
ImageuploadComponent (组件file)appCurrencies (Vue axios请求))
在app.js文件中，并在generate.blade.php中调用这两个组件，但是当我要使用dasbhoard/index.blde.php和它们的组件时，我会得到这个错误
app.js:38968 Vue警告:找不到元素：#appUpload
请帮助我如何忽略这些错误，或者只在generate.blade.php中调用这些组件。
浏览 4提问于2019-09-19得票数 0
1回答
我有多个部分刀片文件，它们都只需要一点点JavaScript。理想情况下，我希望部分加载它需要的JS，而普通的JS不包括它。我知道您可以将其加载到一个大的JS文件中，但我想知道是否有一种更优雅的解决方案。
我希望下面的解决方案工作在多个文件(它工作一个，但不是n。第一次部分刀片遭遇是由于刀片的渲染引擎使用)。
test.page.blade.php
@extends('layouts.default')
@section('title', 'Poses')
@section('content')
<div clas
浏览 4提问于2015-05-16得票数 5
回答已采纳
我创建了一个新的Laravel5.4应用程序。我运行php artisan make:auth来创建脚手架。我运行npm run dev来编译CSS/Javascript。
当访问/login时，页面不会呈现--就像没有CSS的HTML一样。
浏览器控制台中的错误是：
Uncaught ReferenceError: $ is not defined
at app.js:1
layouts/app.blade.php文件包括预期的app.js和app.css。
为什么渲染不正确？我在安排表上漏了一步吗？
编辑: package.json
{
"private": t
浏览 10提问于2017-06-01得票数 0
我有一个文本框，点击后会打开一个Bootstrap模式，同时传递一个数字。
但是，当我在模式内容页面中时，我不能使用任何Laravel 4.2函数。
如何显示从Laravel到modal的页面。我在制作视图或新模型方面很在行。
我的主html如下所示：
<input type='text' value='EDIT ENTRY' onclick="callModalLotEdit(1);">
<!-- Modals -->
<div id="myModal" class="modal fade&
浏览 7提问于2016-08-03得票数 0
回答已采纳
我有一个控制器，它将数组传递给刀片文件，调用它为$data，然后通过刀片({ $data })将数据回显到页面。
问题是，我还希望数据在javascript中的数组中。
如何才能做到这一点？最好是通过AJAX再次请求数据，还是有办法将数据从刀片中取出并放入javascript。也可能通过Blade将其呈现为JSON中的html，然后从JavaScript中的html中提取JSON
浏览 2提问于2016-01-04得票数 4
回答已采纳
2回答
我在公用文件夹中设置了引导文件。路线如下：
<link rel="stylesheet" href="{{url('assets/css/bootstrap.min.css')}}">
<script type="text/javascript" src="{{url('assets/js/bootstrap.min.js')}}"></script>
<script type="text/javascript" src="{{url
浏览 2提问于2018-11-13得票数 1
回答已采纳
我目前使用的是Laravel 5.6。我已经集成了bootstrap，并想使用包。用于我的组件构建。
当前组件不能正确呈现。我相信这是因为它与Laravel bootstrap/冲突。
在app.js中，我禁用了：
// require('./bootstrap');
组件仍然不能正确显示。
我还将其导入到我的组件中：
import 'bootstrap/dist/css/bootstrap.min.css';
这导致我的布局发生了巨大的变化。
有没有什么特别的方法可以让我的laravel项目能够利用React Bootstrap组件呢？
浏览 18提问于2020-02-13得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
