整理全网最全大屏设计资源,包括各类智慧大屏,axure高保真大屏原型,大屏设计参考思路,大屏设计可视化图片,如何学习设计大屏等。
Gitee仓库地址:https://gitee.com/AiShiYuShiJiePingXing/bigscreen
点击前往GIT
克隆:
git clone https://gitee.com/AiShiYuShiJiePingXing/bigscreen.git
一、大屏设计资源
大屏设计参考手册
大屏效果图片
大屏入口屏-主屏
大数据分析系统
企业、物流
物流大数据
大数据可视化平台
GIS大屏
axure高保真大屏原型
二、个人收藏的花瓣大屏图片
地址:https://huaban.com/boards/37969129/
地址:https://huaban.com/boards/71659253/
附录A:优秀大屏参考案例
大屏HTML
http://yuanbaoshuju.com/preview.html
DataGear大屏看板模板
Gitee地址:
DataGearDashboardTemplate
静态大屏HTML模板,可作为看板模板导入
DataGear
数据可视化分析平台,制作大屏展示数据可视化看板。
DataGear
是一款数据可视化分析平台,使用Java语言开发,采用浏览器/服务器架构,支持SQL、CSV、Excel、HTTP接口、JSON等多种数据源, 主要功能包括数据管理、SQL工作台、数据导入/导出、数据集管理、图表管理、看板管理等。
官网地址:
http://www.datagear.tech
源码地址:
https://gitee.com/datagear/datagear
https://github.com/datageartech/datagear
模板参考项目
Lang/大屏数据展示模板
特种设备综合监管大屏
数据可视化大屏-特种设备综合监管 压力容器
https://blog.csdn.net/yue31313/article/details/90813821
1、集成高德地图 地理信息系统(GIS)。显示图标点、点击显示弹窗。更改地图主题背景色。街道。复选框,筛选切换显示类型状态。
2、echarts图表。地图。占比统计。
3、数据转换成图表所用数据,代码逻辑优化。提高数据生成图表开发效率。
源码下载:
https://gitee.com/han_meng_fei_sha/TeZhongSheBeiZongHeJianGuanDaPing/tree/master
Echarts电商平台数据可视化大屏
Echarts电商平台数据可视化大屏全栈实战项目分享(附源码):https://juejin.cn/post/6960125126008389669
Vue全家桶、WebSocket前后端数据推送、后端框架Koa2、Echarts新版图表组件(折线图、柱状图、饼图、地图、散点图),还支持主题切换, 展示酷炫的图表效果,同时也能够支持大屏和小屏的切换,保证了图表在不同屏幕上呈现的效果。
在线DEMO演示:http://106.55.168.13:8999/screen
附录B:相关资源内容来源及整理
资源来源:
bigdata-examples
大屏数据展示模板
可视化大屏资源
echart大屏数据
特种设备综合监管大屏
豆瓣电影数据分析直方图上面的数值如何显示
豆瓣电影top250url地址:https://movie.douban.com/top250?start=一. 明确获取数据信息(item) 分析页面上的内容可以获取到的数据信息是电影的名称、导演、演员、简介、上映时间、评分、参与评分人数、图片的url地址.在scrapy的item项目中建立生成对应的。star = scrapy.Field()# 电影评分
quote = scrap
jquery父组件怎么调用子组件方法
一、父页面调用子页面的属性利用ref属性可以获取到dom元素或者是子组件,从而可以调用子组件的方法或属性(注意2.0版本用ref取代了el)方法1:在插入子组件的地方为子组件定义ref,通过this.$ref.子组件的名称.子组件中的属性名调用子页面中定义的属性。//父页面中
<template>
<child ref="child