解决laravel-admin 自己新建页面里 js 需要刷新一次的问题
时间:2022-07-27
本文章向大家介绍解决laravel-admin 自己新建页面里 js 需要刷新一次的问题,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
主要是参考laravel-admin 自定义图表 的方法,下面简要介绍一下
1、将需要用到的需要引用的插件采用下面的方法引入:
用echart.js举例,首先要下载echart.js,放到public目录下面,比如放在public/vendor/echart.js目录,然后在app/Admin/bootstrap.php引入组件:
use EncoreAdminFacadesAdmin;
Admin::js('/vendor/chartjs/dist/echart.js');
注意:css也是可以引入的
Admin::css(‘/packages/prettydocs/css/styles.css’);
Admin::js(‘/packages/prettydocs/js/main.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 需要刷新一次的问题就是小编分享给大家的全部内容了,希望能给大家一个参考。
- JavaScript引用类型之Array数组的栈方法与队列方法
- ExtJs学习笔记(14)_Column布局
- 高级盲注—floor,rand,group by报错注入
- 刷脸注册、试装、支付……仅靠一张脸就能买买买的时尚店开业了
- JavaScript引用类型之Array数组之强大的splice()方法
- Linux快速入门03-系统管理
- JavaScript引用类型之Array数组的concat()和push()方法的区别
- JavaScript引用类型之Array数组的排序方法
- Linux快速入门02-文件系统管理
- JavaScript引用类型之Array数组的toString()和valueof()方法的区别
- Linux快速入门04-扩展知识
- JavaScript引用类型之Array数组的拼接方法-concat()和截取方法-slice()
- JavaScript引用类型之Array数组的拼接方法-concat()和截取方法-slice()
- 比特币在2017全球新闻谷歌搜索中排名第二,韩国政府聚焦比特币市场诈骗和假冒交易所
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法