电子看板的开发

一.开发准备

1.简单介绍一下，电子看板主要是展示数据的一种方式，一般会放在一些企业的电视机上面持续的展示，会使用图表和状态图的方式去展现。
2.首先我找了一个电子看板的模板大致样式如下图，这个模板在我的资料里面有
3.这个模板是嵌套在我的项目里面，原本是html的页面然后需要ajax调用所以只能先转换成aspx页面
4.把内容放置我的项目里面，我这比较简单直接拖拉进来的

二.进行开发

1.首先遇到的第一个问题p标签的赋值

这些a标签需要赋值，可以动态的方式，实时的获取当前系统的数量及百分比，我基于jquery的方式来进行开发，p标签有id
$("#table1_CustomerName").html(“123”);这样就能进行赋值的操作，table里面的td也是这样做的
我还需要实时的获取，那么我们就需要使用一个函数
firstInterval= setInterval(‘Addtable()’, 5000);
clearInterval(firstInterval);
这个函数是每隔5秒就执行一次addtable的function，那么就能实时的获取参数了

2.chart的数据绑定
demo里面是echart的图标，学习完基础的echart就可以使用他来进行开发了。ajax获得我们需要的数据源，然后进行绑定就可以了

var data = [
      ];
        $.ajax({
            url: '../api/ViewSelectApi/SearchSTStatus',
            type: "Get",
            dataType: "json",
            async: false,
            data: "",
            success: function (Result) {
                for (var i = 0; i < Result.length; i++) {
                    var value = { value: Result[i].count, name: Result[i].ZHUANGT };
                    data.push(value)
                }
            }
        })
        

这是一个案例，数据源需要name和count，做好这个数据源绑定在他的date上就可以了