fastadmin在html中查询数据,Fastadmin使用—新增可视化数据
在fastadmin开源项目中,首页有可视化配图,看起来很酷炫.那么,如果自己想做自己的可视化使徒.有需要怎么做呢?
首先,我们需要了解下echarts
其次,我们需要明确的是使用fastadmin,前端使用的是requirejs.作为一个纯后台路人.表示根本不知道是啥玩意.但这不影响我们去使用它.
首先得用模块化的方式编写我们的js,使用define定义一个模块:
define('modelname',['jquery','xxx'], function ($,xxx) {
var hehe = {
function1: function () {
},
function2: function () {
},
function3: function () {
}
};
return hehe;
});
define有三个参数,第一个是模块名(可以不写,默认与模块名与文件名同名),第二个是当前模块依赖的其他模块,第三个是一个function,模块体,要求必须return一个数据。
上面这段代码如果用php来理解,可以看作是:
require jquery.php
require xxx.php
class hehe{
public function function1(){
}
public function function2(){
}
}
那么我们在其他地方就可以使用这个模块:
require(['jquery', 'hehe'], function ($, hehe) {
//调用hehe模块提供的方法
hehe.function1();
hehe.function2();
hehe.function3();
});
这段代码如果也用php的思维来理解,你可以看作是:
require jquery.php;
reuqire hehe.php
hehe.function1();
hehe.function2();
hehe.function3();
首先我们写我们的控制器,正常查询你所需要展示的数据.然后通过Tp的方法渲染给前台.
public function index(){
$todayusersignup = db('info')->where('admin_id',$ath_id)->value('name');
$this->view->assign([
'createlist' => $createlist,
]);
return $this->view->fetch();
}
然后修改html页面 这里是定义js
var Orderdata = {
createdata: {:json_encode(array_values($createlist))}
};
最后修改对应页面的js文件
define(['jquery', 'bootstrap', 'backend', 'addtabs', 'table', 'echarts', 'echarts-theme', 'template'], function ($, undefined, Backend, Datatable, Table, Echarts, undefined, Template) {
var Controller = {
index: function () {
// 基于准备好的dom,初始化echarts实例
var zhexian = Echarts.init(document.getElementById('zhexian'), 'walden');
var three ={
xAxis: {
type: 'category',
boundaryGap: false,
data: [ '测试1', '测试1', '测试1', '测试1', '测试1'],
splitLine: { //网格线
show: false
},
},
yAxis: {
type: 'value',
splitLine: { //网格线
show: false
},
},
series: [{
data: [
{value: Orderdata.ceshi1},
{value: Orderdata.ceshi1},
{value: Orderdata.ceshi1},
{value: Orderdata.ceshi1},
{value: Orderdata.ceshi1},
],
type: 'line',
areaStyle: {}
}]
}
// 使用刚指定的配置项和数据显示图表。
zhexian.setOption(three);
$(window).resize(function () {
zhexian.resize();
});
$(document).on("click", ".btn-checkversion", function () {
top.window.$("[data-toggle=checkupdate]").trigger("click");
});
$(document).on("click", ".btn-refresh", function () {
setTimeout(function () {
zhexian.resize();
}, 0);
});
}
};
return Controller;
});
以上都是测试数据.只提供思路.切勿照搬覆用.
fastadmin在html中查询数据,Fastadmin使用—新增可视化数据相关推荐
- Mysql中查询连续一段时间内统计数据
Mysql中查询连续一段时间内统计数据 在一次生产环境中遇到统计当前日期的前10天每天的订单量,一开始想到的就是根据日期进行分组统计,但在查询的时候会存在一个问题:有可能某一天没有订单交易,日期分组中 ...
- 技巧:Access中查询多表更新其中一表数据
在Access数据库,利用ADOQuery查询多表数据更新其中一表数据 1.添加ADOQuery控件,增加SQL为 select a.*,b.字段 from 表1 a, 表2 b, a inner ...
- Day01 数据爬取并可视化数据
可视化,是一种利用计算机图形学和图像处理技术,将数据转换成图像在屏幕上显示出来,再进行交互处理的理论.方法和技术. 本次实践基于公开的统计数据,实现可视化,包括地图.增长趋势图.分布图等. 步骤 通过 ...
- fastadmin在html中查询数据,FastAdmin模块开发快速上手
例子: 第一步: 在数据库中创建一个hysj_member用户列表 表结构如下: 注意: 1.用户名字段必须唯一,不能重复(添加表索引Unique) 2.一定要写上字段注释和表注释,即上图说明一栏 3 ...
- php偷偷接受数据,拒绝人工新增单条数据,PHP实现读取文件导入数据
今天分享些php导入文件,读取数据,插入数据到数据库的代码,涉及的场景如下: 数据库表系统数据(如:省市区) 前端页面从文件导入数据,插入数据库(如:黑名单导入) 第一个是一个php的脚本代码,实现思 ...
- Excel中可视化数据图表制作要点有哪些?
Excel中可视化数据图表制作要点有哪些? [导语]如果你想要成为一名合格的或者是优秀的数据分析师,不仅要能够准备完整分析数据,还要将数据分析结果可视化,图表制作是数据可视化必不可少的形式,那么Exc ...
- 疫情数据爬取,可视化及其预测
疫情数据爬取及可视化 数据爬取及保存(provinceDataGet.py) import requests import json import pandas as pd# 地区 areas = [ ...
- 凌讯消防装备云装备管理系统可视化数据平台
本文分享来源于凌讯消防装备云装备管理系统可视化数据平台,该可视化数据平台应用于某市消防支队保障大队,凌讯消防装备云现场实施,凌讯公司统一要求采购数据大屏用于消防装备大数据展示,通过大数据展示平台可清楚 ...
- MySQL 学习笔记(4)— 组合查询、子查询、插入数据、更新/删除表数据、增加/删除表中的列以及重命名表
1. 组合查询 1.表的加减法 表的加法,即求 product 和 product2 的并集,UNION 运算会除去重复的记录 SELECT product_id, product_name FROM ...
最新文章
- centos 6.5 安装 lamp 后mysql不能启动_CentOS 6.5系统安装配置LAMP(Apache+PHP5+MySQL)服务器环境...
- c语言 get post请求,URL GET/POST请求目标-c
- linux mysql安装失败 lib冲突问题_Linux 安装 Mysql 冲突 问题
- 揭秘阿里云 RTS SDK 如何实现直播降低延迟和卡顿
- table ADR6 引起的equipment download error
- javascript原型_JavaScript的原型:古怪,但这是它的工作原理
- webpack+react+redux+es6开发模式
- if-else嵌套太深?教你一个新手都能掌握的设计模式搞定!
- 排列和组合、以及数列(五)
- android 内核裁剪概述,Android内核的编译与裁剪
- OllyDbg 与 x64Dbg 与 Windbg 与 IDA 区别是什么?
- 身份证编号前六位对应地区(上)
- 微信号码检测工具的使用成功案例(一)
- 第一次接触低代码平台 AppCube,还是有点门槛的
- 解析车辆VIN码识别(车架号识别)系统
- 激活win7 home版 administrator
- php在文本框显示图片,多张图片上传后在页面上可以显示图片,在文本框显示地址怎么解决啊...
- 量化金融论文:Astock
- scandir、direct的用法
- 编程实战——电影管理器之界面UI及动画切换
热门文章
- 机械设计中要求注重机床的外围钣金设计
- 有些论文附的arXiv:XXXX是什么意思
- 溶剂可及性(三)dssp和biopython
- 【智能合约审计】————11、MultiGamesToken
- Sublime Text3 常用快捷键
- 架构之路(六):把框架拉出来
- 无法打开Win10计算机管理,Win10系统管理打不开提示Windows找不到文件Server manager.lnk怎么办...
- MATLAB之声压级计算
- 三相一体式电流互感器选型
- 设计一个三阶巴特沃斯滤波器_二、三阶巴特沃斯滤波器电路设计—电路精选(47)...