Ext实现的Dashboard

本文介绍如何使用Ext框架开发一个功能丰富的Dashboard,包括图表显示、数据配置和简洁的配置页面。Dashboard支持多种图表类型,如饼图、柱状图等,可通过Config页面自定义布局和显示类型。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近做了一个Dashboard项目的开发,页面显示这块用的Ext来实现,虽然百度的Echart功能也很强大,实现起来也很方便,但是考虑到兼容移动终端和平板的设备,依然选择了Ext,废话不多说,上图

当然,Dashboard主要是显示图表,通过图表展示数据的历史变化和对具体内容的分析,说实在的这个功能是给领导看的,越是给领导看的东西就越要做的漂亮一点,而且还要足够灵活,方便修改。我们的Dashboard兼容了饼图、柱状图、折线图、堆状图、条形图,并且可以通过Config页面来配置具体的图显示在哪个区域,或者配置什么类型的图,下面是配置页面。

配置方式是将左边制作好的数据拖动到右边的模板里面,然后发布就可以了。数据源只要在数据库配置就可以了,写个视图就行了,当然如果创建一个新的图表,只要在数据库中增加一个数据源就可了。

最后一个就是Dashboard主要配置项的页面,这个实际上用的是easyUI的窗体:

简洁,操作方便的配置页面也是必须的。

实际上与Dashboard功能相对应的还有一个Windows service,不过这块是涉及统计业务数据的,基本上每天运行一次,将需要的业务数据统计出来,这里的不多说了。

感兴趣的小伙伴,或者需要讨论交流的朋友敬请留言。


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值