前端资源

设置网站favicon

app/Admin/bootstrap.php加入下面的代码来设置网站的favicon:

use Encore\Admin\Admin;

Admin::favicon('/your/favicon/path');

基础资源

Laravel-admin为了增强使用体验,使用了pjax来实现页面的局部刷新,页面加载的时候,会同步加载一下基础前端资源库:

  • FontAwesome
  • NProgress
  • Sweetalert2
  • AdminLte
  • jQuery
  • Bootstrap
  • jQuery pjax

按需引入资源

如果你的某一个页面或者组件需要引入CSS或者JavaScript文件,使用下面的代码:

// 本地资源
Admin::css('/your/css/path/style.css');
Admin::js('/your/javascript/path/js.js');

//  CDN资源
Admin::js('https://cdn.bootcss.com/vue/2.6.10/vue.min.js');

上面的代码可以放在任何程序能执行到的地方,进入页面的时候,会被异步加载。

如果要全局引入,可以放在app/Admin/bootstrap.php文件中,这样每个页面都会异步加载这些文件。

页面插入JS脚本代码

如果你要在当前的页面加入一段JS脚本代码,可以使用Admin::script()

use Encore\Admin\Admin;

Admin::script('console.log("hello world");');

这段代码可以在插入当前请求所运行到的代码文件的任何地方,比如表单项之间的一些联动效果,可以用插入JS脚本代码的方式来实现。

页面插入CSS样式

如果你要在当前的页面加入一段CSS代码,可以使用Admin::style()

use Encore\Admin\Admin;

Admin::style('.form-control {margin-top: 10px;}');

这段代码可以在插入当前请求所运行到的代码文件的任何地方。

页面插入HTML代码

如果你要在当前的页面加入一段HTML代码,可以使用Admin::html()

use Encore\Admin\Admin;

Admin::html('<template>...</template>');

这段代码可以在插入当前请求所运行到的代码文件的任何地方, 比如要在当前页面加入一些隐藏的HTML代码的时候,可以使用这个方法来实现。