整理全网最全大屏设计资源,包括各类智慧大屏,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