在今天的学习之前,我们先了解一下Laravel Admin:Laravel Admin整合了AdminLTE,内置了权限管理,还可以快速的创建数据表格和表单,更棒的是它是开源的,所以现在有很多人选择使用它来搭建管理后台。
在使用Laravel Admin做后台系统中,会因为网站建设的需要来自己新建页面并且会引入相关的JS文件,但新建的页面必须要刷新一次才行,如何才能实现不刷新呢?今天绵阳动力网络公司就为大家来介绍Laravel Admin新建页面js无需刷新的实现方法:
首先将需要用到的需要引用的插件采用下面的方法引入:
用echart.js举例,首先要下载echart.js,放到public目录下面,比如放在public/vendor/echart.js目录,然后在app/Admin/bootstrap.php引入组件:
use Encore\Admin\Facades\Admin;
Admin::js('/vendor/chartjs/dist/echart.js');
注意:css也是可以引入的
Admin::css('/packages/prettydocs/css/styles.css');
Admin::js('/packages/prettydocs/js/main.js');
这个其实在bootstrap.php的注释中是有简单的介绍的。
其次新建你自己的视图文件,另外可以将本页面用到的js添加上
<script>
$(function () {
//放入你的js
});
</script>
最后将你的页面引入当前的框架
public function index()
{
return Admin::content(function (Content $content) {
$content->header('chart');
$content->description('.....');
$content->body(view('admin.charts.bar'));
});
}
好了,通过以上三步就轻松实现laravel-admin新建页面js无需刷新的全部操作了。