【无标题】

  效果图展示

1.动态效果演示

2.静态切片效果图

一、确定需求方案

1.确定产品上线部署的屏幕LED分辨率

本案例基于16:9 屏宽比，F11全屏显示。

2.部署方式

浏览器打开播放，Chrome浏览器、360浏览器等。

二、整体架构设计

前端基于 Echarts开源库设计，使用WebStorm编辑器；

后端基于Python Flask实现，使用 Vscode 或 Pycharm编辑器；

数据传输格式：JSON；

数据源类型：目前采用JSON文件方式，可自行添加支持PostgreSQL、MySQL、Oracle、Microsoft SQL Server、SQLite，自行添加pandas支持Excel表格等，还可以定制HTTP API接口方式。

数据更新方式：采用http get 轮询方式 。在实际应用中，也可以视情况选择j监测后端数据实时更新，实时推送到前端的方式；

三、编码实现 （关键代码）

1.前端html代码 

    

        
建筑智慧工地管控
        

            
        
    
    

        

            

                

                    

                        
项目概况
                        

                            

                                
工程名称：
                                
新建工程
                                
工程类型：
                                
水电
                                
工程状态：
                                
正在施工
                                
业主单位：
                                
项目管理中心
                                
施工单位：
                                
输变电分公司