自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

漏刻有时数据可视化大屏(PHP&ECHARTS智能化私有部署解决方案)

漏刻有时(LOCKDATAV),数据分析&数据展示,挖掘大数据背后的价值

原创 ajax返回无数据时防止控制台报错的解决方案

返回文本类型空值 success: function (res) { //获取最新的采集时间; if (typeof(res.data[0]) == "undefined") { $("...

2020-09-30 17:46:39 48 0

原创 php计算时间差转化时间戳函数strtotime

$fromTime = date("Y-m-d H:i:s", strtotime("-60 MINUTE"));//当前时间上一个小时的时间; echo(strtotime("now") . "<br>"...

2020-09-30 17:42:00 31 0

原创 Echarts实战案例代码(42):饼图不同区域的渐变实现的解决方案

颜色数组 var colorList_data_2 = [{ c1: ' #9966ff', //实践 c2: '#ff66ff' }, { c1: '#ff3366', /...

2020-09-28 17:13:14 69 0

原创 Echarts跟随数据长度实现高度自适应解决出现滚动条的解决方案

在echarts中,不设置高度,图表无法渲染;若设置固定高度,当柱状图数据过多时轴文本标签会自动隐藏且数据挤压,用户的体验差。通过给容器设置自适应高度,然后通过getDom()的方法解决此问题。 var myChart = echarts.init(document.getElementB...

2020-09-27 17:44:57 99 0

原创 javascript全屏按钮

项目分析: 全屏按钮目前js版的大同小异,最大的问题就是无法刷新,刷新就退出。最理想的还是F11。 /* Fullscreen btn */ let fullscreen; let fsEnter = document.getElementById('fullscr�...

2020-09-27 10:29:08 38 0

原创 Echarts实战案例代码(41):自定义map背景图片

series: [{ type: 'map', map: '陕西', roam: false, zoom: 1.2, ...

2020-09-26 13:42:27 184 0

原创 Echarts实战案例代码(40):tooltip使用formatter函数判断是否显示提示内容

tooltip: { trigger: 'item', formatter: function(params) { if (typeof(params.value)[2] == "unde...

2020-09-25 20:18:23 34 0

原创 Echarts实战案例代码(39):地理坐标整体地图背景色渐变效果和字体随地图缩放的解决方案

项目需求: 在echarts地图上实现整体的渐变效果。 属性分析: areaColor: {} 线性渐变 itemStyle: { normal: { borderColor: 'rgba(147, 235, 2...

2020-09-25 20:07:07 130 0

原创 漏刻有时API接口实战开发系列(10):海康威视、大华网络摄像头二次开发云直播和监控时技术参数的说明

项目需求 基于海康威视、大华网络摄像头等硬件设备,实现网络直播监控,同时在web端、H5手机端等实现视频的实时预览、回放等功能。 项目分析 实现云直播和云监控,必须将设备联入公网。常用的解决方案 参数名 参数值 说明 视频压缩 H.264/H.264H H.265格式能节省带宽和空...

2020-09-25 15:51:34 237 0

原创 phpstorm插件应用:Test RESTful WEB Service 控制台接口调试工具

操作:打开Test Restful Web Service 点击Tools,选择Test Restful Web Service 使用: 选择http method:GET/POST 输入 host/port 输入path 根据情况添加 参数,回车即可。 Done !

2020-09-24 19:56:22 36 0

原创 漏刻有时API接口实战开发系列(9):短信宝短信接口php开发及调用

封装函数 function sendSMS($phone, $content) { $statusStr = array( "0" => "短信发送成功", "-1" => "...

2020-09-24 12:47:38 44 0

原创 layui框架实战案例(7):时间范围选择及时间处理的解决方案

项目需求 使用laydate插件,实现在一个input表单内时间范围的选择。 项目操作 外部引入 <script src="layui/layui.js"></script> <link rel="stylesheet" hre...

2020-09-24 09:32:16 92 0

原创 漏刻有时API接口实战开发系列(8):ajax获取本地json实现echarts不同数据图表渲染的解决方案

项目需求 筛选时间条件,实现echarts图表的联动渲染; 开发前端代码,实现ajax传参即可; 项目分析 如果时间筛选和后端相配合,传递时间参数给后台,后台SQL根据筛选条件输入对应的json数据,前端异步获取,自动渲染。这是正常的项目步骤。 现在仅开发前端,实际上没有传递时间参数,为此,只...

2020-09-24 09:25:15 40 0

原创 Echarts实战案例代码(38):自定义tooltips鼠标悬停提示框使用HTML样式表CSS实现背景图的解决方案

解决思路 使用 formatter: function (params) {}函数,返回HTML文本即可。 CSS样式表 .bgboder { background: transparent url('images/bgboder.png')...

2020-09-23 14:12:39 70 0

原创 javascript简单的隐藏显示DIV解决方案

引入jquery <script src="js/jquery.min.js"></script> CSS #btn { display: block; background: #1E...

2020-09-23 12:50:21 28 0

原创 漏刻有时API接口实战开发系列(7):PHP将API获取的json数据自动同步到mysql数据库的解决方案

通过API端口将获取JSON数据 //执行获取json数据; $content = posturl($url, $data, $webAPI); $dataInfo = $content["data"]; 将JSON数据同步到mysql数...

2020-09-22 19:58:38 46 0

原创 漏刻有时API接口实战开发系列(6):PHP开发API接口离不开的curl函数封装

在php开发中,如果对接API接口,curl 函数是一个必须经历的门槛。先将curl 封装成函数,自动将data 进行转成json格式,同时解码成php数组输出。 get function getUrl($url) { $headerArray = array("Content-...

2020-09-21 17:46:43 40 0

原创 漏刻有时API接口实战开发系列(5):百宝云API认证方式及数据获取的解决方案(php)

百宝云的认证方式和常见的API设置方式有所不同。 1.APIKey是在HTTP Headers 设置的; 2.开发语言只有LUA 语法和Python 语法; 为了方便php的爱好者,先就PHP的API开发流程记录如下: 设置APIKey /*设置webAPI; *调用接口,设置header 认证;...

2020-09-21 17:21:47 36 0

原创 漏刻有时API接口实战开发系列(4):萤石云HTTP接口API开发获取accessToken(php)

使用ajax获取萤石云的accessToken时,appKey和secret直接暴露在前端HTML代码中,且success返回的accessToken在异步的情况下,无法作为全局变量使用。为此,在后端中获取accessToken,是非常必要的。 $curl函数封装; //封装POST函数; fun...

2020-09-21 17:13:30 89 0

原创 mysql统计数据表中同一字段不同状态的COUNT()语句

public function getDevice() { global $db, $res; dbc(); $sql = "select COUNT(imei) AS total,COUNT(CASE state WHEN �...

2020-09-21 13:19:36 783 0

原创 javascript数组实现不同物联网设备状态的求和计算解决方案

项目需求 现有6个温度传感器,每个传感器都存在着“过低、正常、过高”三种状态,需要将即时的状态在页面前端通过不同的颜色展示,同时实现在同一时间内三种状态的设备个数统计。 解决思路 不同颜色的的暂时,通过条件判断即可实现; 如果将不同状态下的设备个数累计,并展示在前端是个难题; 解决方案 将N个...

2020-09-21 11:28:45 50 0

原创 漏刻有时API接口实战开发系列(3):萤石UIKit Javascript开发平台的注意事项

轻应用视频依赖浏览器解码,对性能消耗较大,可能导致浏览器崩溃。建议同时播放不超过四个,每个设备码率需低于2M; 浏览器兼容:Chrome、Firefox、最新版的Edge; 配置说明:由于监控地址对于浏览器性能有较高的要求,多窗口的视频播放容易达到浏览器性能瓶颈,我们提供了测试结论供参考: Do...

2020-09-20 12:15:59 42 0

原创 漏刻有时API接口实战开发系列(2):萤石工作室Ezviz Studio设置摄像头的相关参数

吐槽下:萤石的APP和PC端萤石工作室,广告实在是太多了,一不小心就点进去了,唉! 设备型号:C6C 萤石工作室Ezviz Studio设置:萤石工作室-设备管理-局域网搜索到的设备-高级设置-保存。 已添加设备管理 高级设置参数 OSD水印设置 Done! ...

2020-09-20 12:08:17 121 0

原创 漏刻有时API接口实战开发系列(1):萤石云HTTP接口API开发获取直播接口和流量数据查询(ajax)

漏刻有时API接口实战开发系列,主要针对现有互联网和物联网接口的技术开发,使用js技术,采用ajax直接对接相关接口。(安全隐患:appKey和secret会直接暴露在前端HTML代码中,实际生产环境,使用后台语言如php获取即可)。 获取accessToken $.ajax({ ...

2020-09-19 09:57:05 85 0

原创 企业微信授权登录服务端API实战开发(2):php程序开发获取访问用户身份

企业微信授权登录服务端API实战开发(1):企业微信环境部署 通过php获取获取访问用户身份需要三步: 获取access_token; 获取code参数; 获取访问用户身份 环境参数配置 // +---------------------------------------------...

2020-09-18 11:28:46 121 0

原创 企业微信授权登录服务端API实战开发(1):企业微信环境部署

开发准备 注册认证的企业微信; 创建管理员权限用户; 登录https://work.weixin.qq.com/企业微信网页版; 应用管理→应用→自建→创建应用 点击刚创建的应用页面,如图: 网页授权及JS-SDK 设置授权回调域 ...

2020-09-18 11:22:09 159 0

原创 javascript中html单双引号混排的解决方案

完整代码: $("#lay1").append("<span class=\"new1\" οnclick=\"getZoomUrl('sensor.html?device_id=" + device[0].i...

2020-09-17 16:51:19 133 0

原创 ajax返回数据进行for双循环实现前端html渲染数据的解决方案

//历史告警; function getAlert() { var alertHtml = ""; $.ajax({ type: 'post', async: true,...

2020-09-17 15:31:28 57 0

原创 js判断开始时间与结束时间不大于24小时的解决方案

//筛选条件; $('.layui-btn').click(function () { var fromTime = $('#fromTime').val(); var toTime = $(&...

2020-09-15 16:39:57 94 0

原创 Echarts实战案例代码(37):markLine实现Y轴阈值点设置

markLine: { silent: true, symbol: 'none',//数据标识 data: [ { ...

2020-09-15 16:13:12 54 0

原创 阿里云ECS漏洞修复的解决方案

yum check-update 查看可升级的系统软件 yum upgrade 升级所有可升级的系统软件 Done!

2020-09-12 11:32:48 55 0

原创 Echart实践小技巧:生成随机颜色函数和颜色数组

生成随机颜色 //随机颜色; function randColor() { return '#' + (function (color) { return (color +=...

2020-09-10 10:29:11 86 0

原创 Echarts地图针对特定区域进行放大的操作方案

// 针对海南放大 if (pName == '海南') { option.series[1].center = [109.844902, 19.0392]; option.series[1].layoutCent...

2020-09-10 09:22:24 345 0

原创 Echarts地图下钻交互菜单操作按钮

点击选择所属省份的链接 <div id="menu"><span><a href="#" onclick="getCity('shanghai', '上海');">...

2020-09-09 19:33:19 84 0

原创 Echarts地图下钻带地级市链接的解决方案

设置需要链接的城市名称对象数组 //01.省市需要添加链接的城市.按格式复制; var provinceData = [ {"cityName": "宁波市"}, {"cityName": ...

2020-09-09 14:49:58 72 0

原创 Echarts与bmap结合使用百度地图系统自带的12个个性化模板mapStyle列表

bmap样式设置 bmap: { center: [113.844038, 22.907044],//默认中心点; zoom: 12,//缩放级别; roam: false,//是否缩放 ...

2020-09-09 14:23:24 352 3

原创 漏刻有时数据可视化大屏常见问题(16):视频背景快速加载及展示的解决方案

在数据可视化的过程中,有时为了显示炫酷的背景增加科技感,会设置视频作为背景。使用背景视频的前提是,不影响数据的正常使用,再有就是如果直接通过http调用背景视频,加载速度过慢,影响体验感。现就背景视频的使用做以简单介绍。 背景视频代码 默认设置:自动播放、静音、循环播放, autoplay mut...

2020-09-08 08:19:24 60 0

原创 layui框架实战案例(6):上传图片和视频自动调用IOS或安卓系统的摄像头功能

显示效果: 安卓系统上传图片 安卓系统上传视频 苹果IOS IOS系统上传图片 IOS系统上传视频 layui解决代码 上传图片 <button class="layui-btn" id="test3" capture="user...

2020-09-07 14:52:38 118 0

原创 七牛云对象存储的设置指南

七牛云对象存储免费使用,是一个储存视频、音频或图片的不错的选择,同时开发文档较为齐全,学习和研究者也较多,适合新手使用,先以“对象存储” 注册七牛云 不再赘述。 创建密钥 路径:头像下拉菜单→密钥管理 直接点击“创建密钥”,自动生成。 创建空间 路径:对象储存→空间管理→新建空间 右侧弹出界...

2020-09-06 10:45:19 76 0

原创 layui框架实战案例(5):基于PHP后端的layUI上传视频到七牛云对象储存并自动转码

七牛云配置 先在七牛云申请账户及accessKey信息,保存为数组文件,方便后期调用 // +---------------------------------------------------------------------- // | 七牛云设置 // +-------------...

2020-09-06 10:13:01 145 0

提示
确定要删除当前文章?
取消 删除