【Django-meetings】dashboard制作条形图-20220928

已于 2022-10-09 21:38:52 修改
阅读量452 收藏 2
点赞数
分类专栏： django echarts 文章标签： django echarts python
于 2022-09-29 13:37:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46629123/article/details/127105210
版权
django 同时被 2 个专栏收录
210 篇文章 21 订阅
订阅专栏
echarts
8 篇文章 0 订阅
订阅专栏

背景：

利用echarts来制作dashboard。

views.py



# 定义全局函数def
booking_all = booking.objects.all()

def count_approve_hour_and_percentage(classroom_name,booking_start_date,booking_end_date):
    # booking_end_date结束日期加上一天
    booking_end_date = booking_end_date + dt.timedelta(days=1)
    diff= (booking_end_date - booking_start_date)
    diff_days = diff.days
    #diff_days = 30
    #print('diff.days',diff.days)
    
    fenzi = booking_all.filter(Q(booking_classroom_name__contains=classroom_name) & Q(booking_date__gte=booking_start_date) & Q(booking_date__lte=booking_end_date) & Q(booking_approve_Y_N='Y'))
    fenzi_sum = 0
    for each in fenzi:
        today_d = dt.date.today()
        total_time = dt.datetime.combine(today_d,each.booking_end_time) - dt.datetime.combine(today_d,each.booking_start_time)
        total_minutes = int(str(total_time).split(':')[0])*60 + int(str(total_time).split(':')[1])+1
        fenzi_sum += total_minutes
    # fenzi_percentage = round(100* fenzi_sum / (30*60*8),1)
    fenzi_percentage = round(100* fenzi_sum / (diff_days*60*8),1)
    # print(fenzi_percentage,fenzi_sum)
    return fenzi_percentage,fenzi_sum



# dashboard
@login_required
def dashboard_month(request):
    # 验证权限
    hr_permission = request.user.has_perm('myclassroom.add_classpermission')
    print('hr_permission',hr_permission)
    
    # 获取日期筛选数据
    now = dt.date.today().year
    paradata = request.POST.get('paradata', now)
    if paradata=='':
        paradata = now
    else:
        pass
    paradata = int(paradata)
    # print('paradata',paradata)

    # 默认赋值
    source = [['classroom', '1月', '2月', '3月', '4月','5月','6月','7月', '8月', '9月', '10月','11月','12月',],
            ['孟子', 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
            ['庄子', 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
            ['墨子', 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
            ['荀子', 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
            ['国际语言', 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
            ['会议室', 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
            ['企业文化展厅', 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],]

    # 循环修改source的数据
    for i in range(1,len(source)):
        if source[i][0] == 'classroom':
            pass
        else:
            # 当月第一天和最后一天
            # source[i][12],_ = count_approve_hour_and_percentage(source[i][0],'2022-12-01','2022-12-30')
            for j in range(1,len(source[i])):
                source[i][j],_ = count_approve_hour_and_percentage(source[i][0], dt.datetime(paradata, j, 1), dt.datetime(paradata, j, calendar.monthrange(paradata, j)[1]),)
                
    ###### 上下文内容字典
    context = {
        'paradata':paradata,
        'value_month':json.dumps(source),
        }
    return render(request, 'dashboard_month.html',context=context) 





@login_required
def dashboard_week(request):
    # 验证权限
    hr_permission = request.user.has_perm('myclassroom.add_classpermission')
    print('hr_permission',hr_permission)

    # 获取日期筛选数据
    now_year = dt.date.today().year #2022
    # print('now_year',now_year)
    now_month = dt.date.today().month # 1
    # print('now_month',now_month)
    paradata = request.POST.get('paradata', now_month)
    if paradata=='':
        paradata = now_month
    else:
        pass
    paradata = int(paradata)
    # print('paradata',paradata)

    # 默认赋值
    source =  [['classroom', '1号-7号', '8号-14号', '15号-21号', '22号-月底',],
              ['孟子', 0, 0, 0, 0, ],
              ['庄子', 0, 0, 0, 0, ],
              ['墨子', 0, 0, 0, 0, ],
              ['荀子', 0, 0, 0, 0, ],
              ['国际语言', 0, 0, 0, 0, ],
              ['会议室', 0, 0, 0, 0, ],
              ['企业文化展厅', 0, 0, 0, 0, ],]
    print("source",source)

    # 循环修改source的数据
    for i in range(1,len(source)):
        if source[i][0] == 'classroom':
            pass
        else:
            #source[i][1],_ = count_approve_hour_and_percentage(source[i][0], '2022-07-01', '2022-07-30')
            # 当月指定日期
            source[i][1],_ = count_approve_hour_and_percentage(source[i][0], dt.datetime(now_year, paradata, 1), dt.datetime(now_year, paradata, 7))
            source[i][2],_ = count_approve_hour_and_percentage(source[i][0], dt.datetime(now_year, paradata, 8), dt.datetime(now_year, paradata, 14))
            source[i][3],_ = count_approve_hour_and_percentage(source[i][0], dt.datetime(now_year, paradata, 15), dt.datetime(now_year, paradata, 21))
            source[i][4],_ = count_approve_hour_and_percentage(source[i][0], dt.datetime(now_year, paradata, 22), dt.datetime(now_year, paradata, calendar.monthrange(now_year, paradata)[1]))

    print("source",source)

    ###### 上下文内容字典
    context = {
        'paradata':paradata,
        'value_week':json.dumps(source),
        }
    return render(request, 'dashboard_week.html',context=context) 







@login_required
def dashboard_day(request):
    # 验证权限
    hr_permission = request.user.has_perm('myclassroom.add_classpermission')
    print('hr_permission',hr_permission)

    # 获取日期筛选数据
    now_year = dt.date.today().year #2022
    # print('now_year',now_year)
    now_month = dt.date.today().month # 1
    # print('now_month',now_month)
    paradata = request.POST.get('paradata', now_month)
    if paradata=='':
        paradata = now_month
    else:
        pass
    paradata = int(paradata)
    # print('paradata',paradata)

    # 默认赋值
    source =  [['classroom', '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号',],
              ['孟子', 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, ],
              ['庄子', 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,],
              ['墨子', 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,],
              ['荀子', 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,],
              ['国际语言', 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,],
              ['会议室', 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,],
              ['企业文化展厅', 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,],]

    # 循环修改source的数据
    for i in range(1,len(source)):
        if source[i][0] == 'classroom':
            pass
        else:
            # 当月指定日期
            print('calendar.monthrange(now_year, paradata)[1]',calendar.monthrange(now_year, paradata)[1])
            # for j in range(1,len(source[i])):
            for j in range(1,calendar.monthrange(now_year, paradata)[1]):
                source[i][j],_ = count_approve_hour_and_percentage(source[i][0], dt.datetime(now_year, paradata, j), dt.datetime(now_year, paradata, j))
    
            # source[i][1],_ = count_approve_hour_and_percentage(source[i][0], dt.datetime(now_year, paradata, 1), dt.datetime(now_year, paradata, 7))
            # source[i][2],_ = count_approve_hour_and_percentage(source[i][0], dt.datetime(now_year, paradata, 8), dt.datetime(now_year, paradata, 14))
            # source[i][3],_ = count_approve_hour_and_percentage(source[i][0], dt.datetime(now_year, paradata, 15), dt.datetime(now_year, paradata, 21))
            # source[i][4],_ = count_approve_hour_and_percentage(source[i][0], dt.datetime(now_year, paradata, 22), dt.datetime(now_year, paradata, calendar.monthrange(now_year, paradata)[1]))
    
    # print("source",source)
    ###### 上下文内容字典
    context = {
        'paradata':paradata,
        'value_day':json.dumps(source),
        }


    return render(request, 'dashboard_day.html',context=context)

template

dashboard_month.html

在这里插入图片描述

{% extends 'dashboard-base.html' %}

{% block main_block %}
<main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
  <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pb-2 mb-3 border-bottom">
    <h1 class="h2">Dashboard</h1>
    <div class="btn-toolbar mb-2 mb-md-0">

    <!--筛选行-->
    <div class="row m-1">
      <form action="" method="post">
        {% csrf_token %}
        <div class="form-group row" >
            <select class="custom-select col-6" name="paradata" id="paradata">
                <option value='2022'>2022</option>
                <option value='2023'>2023</option>
                <option value='2024'>2024</option>
                <option value='2025'>2025</option>
            </select>
            <input class="btn-small btn-primary col-6" type="submit" value="查询">
        </div>
      </form>
    </div>

    </div>
  </div>

  <!-- 看板 -->
  <canvas class="my-4" id="chart1" width="1200" height="400"></canvas>
  <script type="text/javascript">
          var value_month_js = JSON.parse('{{ value_month|safe }}');
          console.log('value_month_js',value_month_js);


          var chartDom = document.getElementById('chart1');
          var myChart = echarts.init(chartDom);
          var option;

          option = {
            title: {
              text: '教室利用率'
            },
            // 按坐标轴显示数据
            tooltip : {
                trigger: 'axis',
                axisPointer: {
                    type: 'cross',
                    label: {
                        backgroundColor: '#6a7985'
                    }
                }
            },
            legend: {},
            grid: {
              left: '3%',
              right: '4%',
              bottom: '3%',
              containLabel: true
            },
            toolbox: {
              feature: {
                saveAsImage: {}
              }
            },
            xAxis: {
              type: 'category',
              boundaryGap: false,
            },
            yAxis: [
              {
                type: 'value',
                name: '百分比',
                min: 0,
                // max: 100,
                // interval: 10,
                axisLabel: {
                  formatter: '{value}%'
                }
              }
            ],

            dataset: {
              // source: [
              //   ['product', '1月', '2月', '3月', '4月','5月','6月','7月', '8月', '9月', '10月','11月','12月',],
              //   ['孟子', 56.5, 82.1, 88.7, 70.1, 53.4, 85.1, 56.5, 82.1, 88.7, 70.1, 53.4, 85.1],
              //   ['庄子', 51.1, 51.4, 55.1, 53.3, 73.8, 68.7, 51.1, 51.4, 55.1, 53.3, 73.8, 68.7],
              //   ['墨子', 40.1, 62.2, 69.5, 36.4, 45.2, 32.5, 40.1, 62.2, 69.5, 36.4, 45.2, 32.5],
              //   ['荀子', 25.2, 37.1, 41.2, 18, 33.9, 49.1, 25.2, 37.1, 41.2, 18, 33.9, 49.1],
              //   ['国际语言', 25.2, 37.1, 41.2, 18, 33.9, 49.1, 25.2, 37.1, 41.2, 18, 33.9, 49.1],
              //   ['会议室', 25.2, 37.1, 41.2, 18, 33.9, 49.1, 25.2, 37.1, 41.2, 18, 33.9, 49.1],
              //   ['企业文化展厅', 25.2, 37.1, 41.2, 18, 33.9, 49.1, 25.2, 37.1, 41.2, 18, 33.9, 49.1],
              // ]
              source: value_month_js
            },
            series: [
              {
                seriesLayoutBy: 'row',
                type: 'line',
                smooth: true,
                label: {show: true,position: 'top'},
              },
              {
                seriesLayoutBy: 'row',
                type: 'line',
                smooth: true,
                label: {show: true,position: 'top'},
              },
              {
                seriesLayoutBy: 'row',
                type: 'line',
                smooth: true,
                label: {show: true,position: 'top'},
              },
              {
                seriesLayoutBy: 'row',
                type: 'line',
                smooth: true,
                label: {show: true,position: 'top'},
              },
              {
                seriesLayoutBy: 'row',
                type: 'line',
                smooth: true,
                label: {show: true,position: 'top'},
              },
              {
                seriesLayoutBy: 'row',
                type: 'line',
                smooth: true,
                label: {show: true,position: 'top'},
              },
              {
                seriesLayoutBy: 'row',
                type: 'line',
                smooth: true,
                label: {show: true,position: 'top'},
              },
            ]
          };

          option && myChart.setOption(option);
  </script>


</main>
{% endblock %}

dashboard_week.html

在这里插入图片描述

{% extends 'dashboard-base.html' %}

{% block main_block %}
<main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
  <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pb-2 mb-3 border-bottom">
    <h1 class="h2">Dashboard</h1>
    <div class="btn-toolbar mb-2 mb-md-0">

    <!--筛选行-->
    <div class="row m-1">
      <form action="" method="post">
        {% csrf_token %}
        <div class="form-group row" >
            <select class="custom-select col-6" name="paradata" id="paradata">
                <option value=''>---</option>
                <option value='1'>1月</option>
                <option value='2'>2月</option>
                <option value='3'>3月</option>
                <option value='4'>4月</option>
                <option value='5'>5月</option>
                <option value='6'>6月</option>
                <option value='7'>7月</option>
                <option value='8'>8月</option>
                <option value='9'>9月</option>
                <option value='10'>10月</option>
                <option value='11'>11月</option>
                <option value='12'>12月</option>
            </select>
            <input class="btn-small btn-primary col-6" type="submit" value="查询">
        </div>
      </form>
    </div>

    </div>
  </div>

  <!-- 看板 -->
  <canvas class="my-4" id="chart1" width="1200" height="400"></canvas>
  <script type="text/javascript">
          var value_week_js = JSON.parse('{{ value_week|safe }}');
          console.log('value_week_js',value_week_js);

          var chartDom = document.getElementById('chart1');
          var myChart = echarts.init(chartDom);
          var option;

          option = {
            title: {
              text: '教室利用率'
            },
            // 按坐标轴显示数据
            tooltip : {
                trigger: 'axis',
                axisPointer: {
                    type: 'cross',
                    label: {
                        backgroundColor: '#6a7985'
                    }
                }
            },
            legend: {},
            grid: {
              left: '3%',
              right: '4%',
              bottom: '3%',
              containLabel: true
            },
            toolbox: {
              feature: {
                saveAsImage: {}
              }
            },
            xAxis: {
              type: 'category',
              boundaryGap: false,
            },
            yAxis: [
              {
                type: 'value',
                name: '百分比',
                min: 0,
                // max: 100,
                // interval: 10,
                axisLabel: {
                  formatter: '{value}%'
                }
              }
            ],

            dataset: {
              // source: [
              //   ['product', '1号-7号', '8号-14号', '15号-21号', '22号-月底',],
              //   ['孟子', 56.5, 82.1, 88.7, 70.1, 53.4, 85.1, ],
              //   ['庄子', 51.1, 51.4, 55.1, 53.3, 73.8, 68.7, ],
              //   ['墨子', 40.1, 62.2, 69.5, 36.4, 45.2, 32.5, ],
              //   ['荀子', 25.2, 37.1, 41.2, 18, 33.9, 49.1, ],
              //   ['国际语言', 25.2, 37.1, 41.2, 18, 33.9, 49.1, ],
              //   ['会议室', 25.2, 37.1, 41.2, 18, 33.9, 49.1, ],
              //   ['企业文化展厅', 25.2, 37.1, 41.2, 18, 33.9, ],
              // ]
              source:value_week_js
            },
            series: [
              {
                seriesLayoutBy: 'row',
                type: 'line',
                smooth: true,
                label: {show: true,position: 'top'},
              },
              {
                seriesLayoutBy: 'row',
                type: 'line',
                smooth: true,
                label: {show: true,position: 'top'},
              },
              {
                seriesLayoutBy: 'row',
                type: 'line',
                smooth: true,
                label: {show: true,position: 'top'},
              },
              {
                seriesLayoutBy: 'row',
                type: 'line',
                smooth: true,
                label: {show: true,position: 'top'},
              },
              {
                seriesLayoutBy: 'row',
                type: 'line',
                smooth: true,
                label: {show: true,position: 'top'},
              },
              {
                seriesLayoutBy: 'row',
                type: 'line',
                smooth: true,
                label: {show: true,position: 'top'},
              },
              {
                seriesLayoutBy: 'row',
                type: 'line',
                smooth: true,
                label: {show: true,position: 'top'},
              },
            ]
          };

          option && myChart.setOption(option);
  </script>



</main>
{% endblock %}

dashboard_day.html

在这里插入图片描述

{% extends 'dashboard-base.html' %}

{% block main_block %}
<main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
  <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pb-2 mb-3 border-bottom">
    <h1 class="h2">Dashboard</h1>
    <div class="btn-toolbar mb-2 mb-md-0">

    <!--筛选行-->
    <div class="row m-1">
      <form action="" method="post">
        {% csrf_token %}
        <div class="form-group row" >
            <select class="custom-select col-6" name="paradata" id="paradata">
                <option value=''>---</option>
                <option value='1'>1月</option>
                <option value='2'>2月</option>
                <option value='3'>3月</option>
                <option value='4'>4月</option>
                <option value='5'>5月</option>
                <option value='6'>6月</option>
                <option value='7'>7月</option>
                <option value='8'>8月</option>
                <option value='9'>9月</option>
                <option value='10'>10月</option>
                <option value='11'>11月</option>
                <option value='12'>12月</option>
            </select>
            <input class="btn-small btn-primary col-6" type="submit" value="查询">
        </div>
      </form>
    </div>

    </div>
  </div>

  <!-- 看板 -->
  <canvas class="my-4" id="chart1" width="1200" height="400"></canvas>
  <script type="text/javascript">
          var value_day_js = JSON.parse('{{ value_day|safe }}');
          console.log('value_day_js',value_day_js);

          var chartDom = document.getElementById('chart1');
          var myChart = echarts.init(chartDom);
          var option;

          option = {
            title: {
              text: '教室利用率'
            },
            // 按坐标轴显示数据
            tooltip : {
                trigger: 'axis',
                axisPointer: {
                    type: 'cross',
                    label: {
                        backgroundColor: '#6a7985'
                    }
                }
            },
            legend: {},
            grid: {
              left: '3%',
              right: '4%',
              bottom: '3%',
              containLabel: true
            },
            toolbox: {
              feature: {
                saveAsImage: {}
              }
            },
            xAxis: {
              type: 'category',
              boundaryGap: false,
            },
            yAxis: [
              {
                type: 'value',
                name: '百分比',
                min: 0,
                // max: 100,
                // interval: 10,
                axisLabel: {
                  formatter: '{value}%'
                }
              }
            ],

            dataset: {
              // source: [
              //   ['product', '周一', '周二', '周三', '周四','周五','周六','周日',],
              //   ['孟子', 56.5, 82.1, 88.7, 70.1, 53.4, 85.1, 56.5, ],
              //   ['庄子', 51.1, 51.4, 55.1, 53.3, 73.8, 68.7, 51.1, ],
              //   ['墨子', 40.1, 62.2, 69.5, 36.4, 45.2, 32.5, 40.1, ],
              //   ['荀子', 10, 10, 10, 18, 10, 10, 10, ],
              //   ['国际语言', 20, 20, 20, 20, 20, 20, 20, ],
              //   ['会议室', 30, 30, 30, 30, 30, 30, 30, ],
              //   ['企业文化展厅', 40, 40, 40, 40, 40, 40, 40,],
              // ]
              source:value_day_js,
            },
            series: [
              {
                seriesLayoutBy: 'row',
                type: 'line',
                smooth: true,
                label: {show: true,position: 'top'},
              },
              {
                seriesLayoutBy: 'row',
                type: 'line',
                smooth: true,
                label: {show: true,position: 'top'},
              },
              {
                seriesLayoutBy: 'row',
                type: 'line',
                smooth: true,
                label: {show: true,position: 'top'},
              },
              {
                seriesLayoutBy: 'row',
                type: 'line',
                smooth: true,
                label: {show: true,position: 'top'},
              },
              {
                seriesLayoutBy: 'row',
                type: 'line',
                smooth: true,
                label: {show: true,position: 'top'},
              },
              {
                seriesLayoutBy: 'row',
                type: 'line',
                smooth: true,
                label: {show: true,position: 'top'},
              },
              {
                seriesLayoutBy: 'row',
                type: 'line',
                smooth: true,
                label: {show: true,position: 'top'},
              },

            ]
          };

          option && myChart.setOption(option);
  </script>

</main>
{% endblock %}
i see the future
关注
专栏目录
django-dashboard-app:一个可重用的 Django 应用程序，用于显示带有流体网格小部件的仪表板
06-12
Django 仪表板应用程序 一个可重用的 Django 应用程序，用于显示带有流体网格小部件的仪表板。 假设您控制 20 个不同的 Web 应用程序，并且您想要一个仪表板，以图表的形式显示每个应用程序的用户数。 图表应每分钟更新一次，以便您可以在新用户注册突然激增时立即看到。 有两种方式： 您的应用程序为您的仪表板提供 API 端点，以便仪表板可以每分钟轮询该端点并获取当前用户数。 您的仪表板提供了一个端点，每当新用户注册时，您的应用都可以调用该端点。 最终，使用此应用程序应该可以使用这两种方法。 目前只实现了第一种方式。 仪表板本身将包含许多插件。 每个插件都是它自己的可重用 Django 应用程序。 这允许您为任何类型的服务编写任何类型的插件。 注意：不久前我已经创建了来解决这个确切的问题，但我想要 socket.io 支持，这是一个坏主意。 它并没有很好地解决问题并且
用Django全栈开发——26. 开发Dashboard功能展示页面
皮克啪的铲屎官
07-20 2433
大家好，这是皮爷给大家带来的最新的学习Python能干啥？之Django教程，从零开始，到最后成功部署上线的项目。这一节，我们来完善我们的Dashboard功能展示页面。 Peekpa.com的官方地址：http://peekpa.com 皮爷的每一篇文章，都配置相对应的代码。这篇文章的代码Tag是Post_026 上一节，我们利用了request.session开发了只有输入密码才能访问的页面，这个，你懂得。那么这一节，我们就来研发一下如何把我们的CMS Dashboard给别人展示。并且，他再CMS里
django-fluent-dashboard指南
最新发布
gitblog_01139的博客
08-25 634
django-fluent-dashboard指南 django-fluent-dashboardAn improved django-admin-tools dashboard for Django projects项目地址:https://gitcode.com/gh_mirrors/dj/django-fluent-dashboard 项目介绍 django-fluent-dashboar...
谈谈dashboard怎么配合，大屏才能格外炫酷？
amsonga的博客
07-30 621
所谓大屏，顾名思义就是一个很大很大的屏。 举个例子，Dashboard（仪表板）可能大家有所了解，就是将一些业务的关键指标以数据可视化的方式展示。而大屏就是将Dashboard展示到一块或多块LED大屏上。经常用在公司的会议中心、老板的办公室，还有城市交通管控中心、交易大厅等等。一般操作方式就是怎么清楚怎么来，怎么酷炫怎么搞。 最近小苏用Excel做dashboard做到绝望，拜托我们找一个好做大屏的工具。来介绍一下仪表盘，仪表盘（Dashboard）都是最核心的功能。它作为用户接触数据的第一个页面，相
python dashboard django_django 12.dashboard仪表盘 - 刘江的django教程
weixin_39610229的博客
02-19 803
12.dashboard仪表盘阅读:48001评论：38对于运维管理平台，一个总览的dashboard仪表盘界面是必须有的，不但提升整体格调，也有利于向老板‘邀功请赏’。dashboard页面必须酷炫吊炸天，所以界面元素应当美观、丰富、富有冲击力。完整的dashboard.html文件代码如下：{% extends 'base.html' %}{% load static %}{% block ...
【Django-meetings】dashboard制作热力图-20220930
Season CSDN博客
09-30 628
【Django-meetings】dashboard制作热力图
django-fluent-dashboard：改进的django-admin-tools仪表板，用于Django项目
02-04
标题和描述提到了"django-fluent-dashboard"，这是一个针对Django项目的增强版管理界面工具，是对原生"django-admin-tools"的改进。它旨在提供更美观、用户友好的界面，帮助开发者更高效地管理和操作Django项目。 *...
django-suit-dashboard：在Django管理界面中创建仪表板
02-04
Django-Suit-Dashboard 支持使用 Django Suit 的小部件进行自定义，如统计图、列表视图等。你可以在 `init_with_context` 方法中添加这些小部件，进一步丰富你的仪表板内容。 6. **标签与筛选** 通过 Django 的...
django-rest-captcha
05-27
Django Rest验证码django-simple-captcha轻量级版本，可与django-rest-framework 。特征速度：使用cache代替数据库安全性：用于生成密钥和图像的联合方法。 （一个键不能生成很多图像） 简单：只需一个rest api...
django-dashboard-dattaable：Django信息中心-DattaAble Design | 应用种子
02-04
由Django框架中的AppSeed生成的。 Bootstrap Lite是市场上所有其他Lite / Free管理模板中风格最强的Bootstrap 4 Lite管理模板。 它带有功能丰富的页面和带有完全以开发人员为中心的代码的组件。 在开发Datta Able...
高效易用Django流程引擎源码 - django-lb-workflow
03-25
项目概述：django-lb-workflow 是一个基于Python的高效易用Django流程引擎源码，旨在轻松集成至现有系统。该项目主要由68个Python文件、30个HTML文件以及其他相关文件构成，共计136个文件。其中还包括了HTML模板、...
利用 django 及 pyecharts 做一个简单dashboard 展示页面
12-17
本项目就是利用 django 及 pyecharts 做一个简单dashboard 展示页面。 只有1个模板页，可自行扩展。数据部分单独模块，无数据库访问代码，可修改为从数据库读取数据。有需要，可以联系我，代码中有邮箱地址。
django-metrics-dashboard, 用于显示带有小部件网格的仪表板的可以重用 Django 应用程序.zip
09-18
django-metrics-dashboard, 用于显示带有小部件网格的仪表板的可以重用 Django 应用程序 Django 度量仪表板一个可以重用的Django 应用程序，可以以使用任意数量的小部件显示仪表板，以显示任何数据。 小部件通过 socket.io 更新，因此你永远不需要刷新你的仪表板。你需要设置一个 socket.io-serve
django-suit-dashboard, 在 Django 管理界面中创建仪表板.zip
09-17
django-suit-dashboard, 在 Django 管理界面中创建仪表板 Django 套装仪表板 在 Django 管理界面中创建仪表板。这个应用程序最初设计为在 Django 中工作，但是现在与它分离，你可以使用它，而不需要进行任何操作。下面是对它如何工作的快速说明：你
【django】培训需求Dashboard（我的第三个网站）---用django实现PowerBI功能
Season CSDN博客
03-18 883
https://blog.csdn.net/m0_46629123/article/details/123581005
Django Material Dashboard：打造卓越的管理界面体验
gitblog_00010的博客
05-31 277
Django Material Dashboard：打造卓越的管理界面体验 项目地址:https://gitcode.com/app-generator/django-material-dashboard 项目简介 Django Material Dashboard是一个基于Material Dashboard设计的开源项目，该设计源自Creative-Tim的Bootstrap 5设计。这个全栈...
探索 Django-Dashing：一款强大的 Django 管理仪表盘框架
gitblog_00023的博客
04-13 488
探索 Django-Dashing：一款强大的 Django 管理仪表盘框架 django-dashingdjango-dashing is a customisable, modular dashboard application framework for Django to visualize interesting data about your project. Inspired in...
利用 django 及 pyecharts 做dashboard
预则立
12-17 5552
dashboard是商业智能仪表盘（business intelligence dashboard，BI dashboard）的简称，它是一般商业智能都拥有的实现数据可视化的模块，是向企业展示度量信息和关键业务指标（KPI）现状的数据虚拟化工具。 在市面上，dashboard 有很多成熟的工具及系统。有的时候，我们只需要在原有系统里增加个页面，阶段性地展示某个活动的进度及相关指标，要折腾一个新系...
基于django的可视化大屏编程
qq_43505386的博客
09-22 4168
一、创建工程 1、在项目下创建模板static目录，并建立css、img、js目录 2、js目录下创建charts目录，其下创建bar.js、bar_vertical.js、heatmap.js、line.js、map.js、pie.js、rose.js、sandian.js、wordcloud.js文件 wordcloud.js的代码 function crea...
深入理解django-cms：现代Web发布平台
"django-cms是基于Django框架构建的开源内容管理系统，用于现代网页发布平台。它提供了一套开箱即用的功能，适用于常见的CMS需求，并且可由开发者进行定制和扩展，以适应特定项目需求。该系统包含了教程、实践指南和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值