当前位置:   article > 正文

酷炫的业务看板大屏可以使用 Python 轻松制作( 附完整代码)_任务看板代码实现

任务看板代码实现

不少公司和学校将信息化手段应用到了日常工作中,数字大屏可以用做数据监控的前端平台,在数据监控与分析中可以起到重要作用。

但是,制作一张大屏可要花费不少精力,如何在一天内快速做好一张数据实时监控大屏?需要做什么准备,用到什么材料、功能和技巧?

本文包含了重要的制作步骤和功能要点,送一套酷炫的模板,快来看看吧

1.动态实时更新数据效果图

说明: 其中 今日抓拍,抓拍总数,预警信息统计,监控点位统计图表 做了动态实时更新处理

3a16d4493655406d95d79cdcd2e85b86.gif

2.静态切片效果图

24c1d654b6b649c2bb00b5844c902caf.png

一、确定需求方案

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

部署方式

基于免安装可执行程序:支持Windows、Linux、Mac等各种操作系统;将程序复制到服务器上即可,无需其它环境依赖;

观看方式:既可在服务器上直接观看程序界面,也可在远程用浏览器打开播放,例如Chrome浏览器、360浏览器等。

二、整体架构设计

  1. 前端基于Echarts开源库设计,使用WebStorm编辑器;
  2. 后端基于Python Flask实现,使用 Vscode 编辑器;
  3. 数据传输格式:JSON;
  4. 数据源类型:目前采用JSON文件方式,可自行添加支持PostgreSQL、MySQL、Oracle、Microsoft SQL Server、SQLite,自行添加pandas支持Excel表格等,还可以定制HTTP API接口方式。
    1. **数据更新方式:**采用http get 轮询方式 。在实际应用中,也可以视情况选择j监测后端数据实时更新,实时推送到前端的方式;

三、编码实现 (关键代码)

后端 Python Flask 代码

# -*- coding:utf-8 -*-

import io
import os
import sys
import time
import urllib
import random
import json
from flask import Flask, redirect
# 导入线程模块
import threading

app = Flask(__name__, static_folder="static", template_folder="template")


@app.route('/')
def index():
    return redirect('/static/index.html')


@app.route('/get_snap')
def get_snap():
    jsonData = {}
    jsonData['today_snap'] = random.randint(1, 100)
    jsonData['total_snap'] = random.randint(1, 1000)
    return json.dumps(jsonData)

@app.route('/qsjkdw')
def qsjkdw():
    jsonData = []
    for x in range(9):
        jsonData.append({"value": str(random.randint(1, 100))})
    return json.dumps(jsonData)

@app.route('/get_yjxxtj')
def get_yjxxtj():
    jsonData = []
    for x in range(6):
        jsonData.append(random.randint(1, 100))
    return json.dumps(jsonData)


def loop():
    time.sleep(10)
    pass

# 主程序在这里
if __name__ == "__main__":
    # 开启线程,触发动态数据
    a = threading.Thread(target=loop)
    a.start()

    # 开启 flask 服务
    app.run(host='127.0.0.1', port=80, debug=True)
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55

四、完整代码

本文有技术群粉丝分享,文中详细代码、数据、技术交流提升,均可加交流群获取,群友已超过3000人,添加时最好的备注方式为:来源+兴趣方向,方便找到更快获取资料、入群

方式①、添加微信号:dkl88191,备注:来自CSDN+大屏
方式②、微信搜索公众号:Python学习与数据挖掘,后台回复:大屏

五、运行效果

38f1b7e12d134fbda65ea7b3922ff8e6.gif

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家小花儿/article/detail/908325
推荐阅读
相关标签
  

闽ICP备14008679号