Dash的界面提供了你的服务器的拥有首要音讯的详尽视图,想用仪表盘控件

  前段时间,做劳动器端监控系统,为了界面雅观,接纳WPF。硬件相关监控,比如CPU、内存等,想用仪表盘控件。网上找了众多那种控件,基本上都是第三方商业控件(纵然很美观,不过得money…)。最终在CodeProject上找到了一款还不易的开源的仪表盘控件CircularGauge

Linux-Dash是一个用来GNU/Linux机器的,低费用的监控仪表盘。您可以安装试试!Linux
Dash的界面提供了您的服务器的有着主要音讯的详实视图,可监测的信息包蕴RAM、磁盘使用率、互联网、安装的软件、用户、运行的进度等。所有的音讯都被分成几类,您能够经过主页工具栏中的按钮跳到别的一类中。Linux
Dash并不是起头进的监测工具,但它那些合乎寻找灵活、轻量级、容易计划的使用的用户。

  用了下该控件,感觉还不易,由于不少参数(比如圆盘半径大小、指针大小等等),举行高低调整时索要多试一次才能落成想要的效果。由于品种中监督重假诺数据库相关内容,硬件监控只是简短点缀,显得美观而已,没有调的相比大。效果图如下:

 

图片 1

Linux-Dash的功能

  • 选拔一个根据Web的优异的仪态盘界面来监控服务器音信
  • 实时的依照你的须要监控RAM、负载、运行时刻、磁盘配置、用户和不计其数此外系统状态
  • 支撑基于Apache2/niginx + PHP的服务器
  • 经过点击和拖动来重排列控件
  • 支撑多样类型的linux服务器

 

<UserControl x:Class="Monitor.UC.UCGauge"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300"
             xmlns:gauge="clr-namespace:CircularGauge;assembly=CircularGauge" Loaded="UserControl_Loaded">
    <Grid>
        <gauge:CircularGaugeControl x:Name="myGauge1" Grid.Column="0" Grid.Row="0" 
                                        Radius="75" 
                                        ScaleRadius="55" 
                                        ScaleStartAngle="120" 
                                        ScaleSweepAngle="300"
                                        PointerLength="35" 
                                        PointerCapRadius="15" 
                                        MinValue="0" 
                                        MaxValue="100" 
                                        MajorDivisionsCount="10" 
                                        MinorDivisionsCount="5" 
                                        ImageSize="20,30"
                                        RangeIndicatorThickness="4"
                                        RangeIndicatorRadius="56"
                                        RangeIndicatorLightRadius="5"
                                        RangeIndicatorLightOffset="40"
                                        ScaleLabelRadius="45"
                                        ScaleLabelSize="18,10"
                                        ScaleLabelFontSize="8"
                                        ScaleLabelForeground="LightGray"
                                        MajorTickSize="10,3"
                                        MinorTickSize="3,1"
                                        MajorTickColor="LightGray"
                                        MinorTickColor="LightGray"
                                        ImageOffset="-22"
                                        GaugeBackgroundColor="Black"
                                        PointerThickness ="16"
                                        OptimalRangeStartValue="30"
                                        OptimalRangeEndValue="90" 
                                        DialTextOffset="20" 
                                        DialTextColor="Black" 
                                        BelowOptimalRangeColor="Green" OptimalRangeColor="Yellow">

        </gauge:CircularGaugeControl>
    </Grid>
</UserControl>

<UserControl xmlns:my="clr-namespace:Monitor.UC"  x:Class="Monitor.UC.UCMonitor"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <Grid Margin="0,2,0,0">
        <!--定义框-->
        <Grid.RowDefinitions>
            <RowDefinition Height="40"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <Image Style="{StaticResource HardwareImage}" Grid.Row="0" Margin="2,0,0,0"></Image>
        <Label Style="{StaticResource BlackContentText}" Content="硬件监控" Grid.Row="0"  Margin="20,5,2,2"></Label>

        <Grid Grid.Row="1" Style="{StaticResource HardwareBackgroundGrid}">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="0.5*"></ColumnDefinition>
                <ColumnDefinition Width="0.5*"></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <my:UCGauge  x:Name="ucGaugeCUP" Grid.Column="0"/>
            <my:UCGauge x:Name="ucGaugeMemory" Grid.Column="1"/>
        </Grid>
    </Grid>
</UserControl>

当前控件列表

  • 通用新闻
  • 平均负载
  • RAM
  • 磁盘使用量
  • 用户
  • 软件
  • IP
  • 网络速率
  • 在线状态
  • 处理器
  • 日志

 

 

Ubuntu server 14.10上安装Linux-Dash

首先你要求认可您安装了Ubuntu LAMP server
14.10
,(http://www.linuxidc.com/Linux/2014-12/110082.htm)接下去你要求设置下边的包:

  1. sudo apt-get install php5-json unzip

设置那么些模块后,须要在apache2中启用该模块,所以你须求选用上边的吩咐重启apache2服务器:

  1. sudo service apache2 restart

近日你须要下载linux-dash的设置包并安装它:

  1. wget https://github.com/afaqurk/linux-dash/archive/master.zip
  2. unzip master.zip
  3. sudo mv linux-dash-master/ /var/www/html/linux-dash-master/

接下去你需求选用上面的授命来改变权限:

  1. sudo chmod 755/var/www/html/linux-dash-master/

现行您便得以访问http://serverip/linux-dash-master/了。您应该会看到类似下面的输出:

图片 2

图片 3

越来越多Ubuntu相关信息见Ubuntu 专题页面 http://www.linuxidc.com/topicnews.aspx?tid=2

本文永久更新链接地址http://www.linuxidc.com/Linux/2015-05/117627.htm

图片 4

图片 5

相关文章

网站地图xml地图