Laravel-admin新建页面JS如何实现自动刷新一次?

2026-04-02 04:031阅读0评论SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计468个文字,预计阅读时间需要2分钟。

Laravel-admin新建页面JS如何实现自动刷新一次?

主要参考laravel-admin+自定义图表的方法,以下简要介绍:

1. 将需要用到的插件引入到项目中:phpuse App\Models\YourModel;

2. 使用echart.js为例,首先下载echart.js并将其放置在public目录下,例如:bashmv echart.js public/

3. 在页面中引入echart.js:

4. 创建一个图表实例:javascriptvar myChart=echarts.init(document.getElementById('main'));

5. 设置图表的配置项和数据:javascriptvar option={ title: { text: '示例图表' }, tooltip: {}, legend: { data:['销量'] }, xAxis: { data: [衬衫,羊毛衫,雪纺衫,裤子,高跟鞋,袜子] }, yAxis: {}, series: [{ name: '销量', type: 'bar', data: [5, 20, 36, 10, 10, 20] }]};

6. 使用配置项和数据显示图表:javascriptmyChart.setOption(option);

主要是参考laravel-admin 自定义图表 的方法,下面简要介绍一下

1、将需要用到的需要引用的插件采用下面的方法引入:

用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');

Laravel-admin新建页面JS如何实现自动刷新一次?

这个其实在bootstrap.php的注释中是有简单的介绍的。

2、新建你自己的视图文件,另外可以将本页面用到的js添加上

<script> $(function () { //放入你的js }); </script>

3、将你的页面引入当前的框架

public function index() { return Admin::content(function (Content $content) { $content->header('chart'); $content->description('.....'); $content->body(view('admin.charts.bar')); }); }

以上这篇解决laravel-admin 自己新建页面里 js 需要刷新一次的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持易盾网络。

本文共计468个文字,预计阅读时间需要2分钟。

Laravel-admin新建页面JS如何实现自动刷新一次?

主要参考laravel-admin+自定义图表的方法,以下简要介绍:

1. 将需要用到的插件引入到项目中:phpuse App\Models\YourModel;

2. 使用echart.js为例,首先下载echart.js并将其放置在public目录下,例如:bashmv echart.js public/

3. 在页面中引入echart.js:

4. 创建一个图表实例:javascriptvar myChart=echarts.init(document.getElementById('main'));

5. 设置图表的配置项和数据:javascriptvar option={ title: { text: '示例图表' }, tooltip: {}, legend: { data:['销量'] }, xAxis: { data: [衬衫,羊毛衫,雪纺衫,裤子,高跟鞋,袜子] }, yAxis: {}, series: [{ name: '销量', type: 'bar', data: [5, 20, 36, 10, 10, 20] }]};

6. 使用配置项和数据显示图表:javascriptmyChart.setOption(option);

主要是参考laravel-admin 自定义图表 的方法,下面简要介绍一下

1、将需要用到的需要引用的插件采用下面的方法引入:

用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');

Laravel-admin新建页面JS如何实现自动刷新一次?

这个其实在bootstrap.php的注释中是有简单的介绍的。

2、新建你自己的视图文件,另外可以将本页面用到的js添加上

<script> $(function () { //放入你的js }); </script>

3、将你的页面引入当前的框架

public function index() { return Admin::content(function (Content $content) { $content->header('chart'); $content->description('.....'); $content->body(view('admin.charts.bar')); }); }

以上这篇解决laravel-admin 自己新建页面里 js 需要刷新一次的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持易盾网络。