G、 gansu_day_view.php 
   
   
   
   
    
    
    
    
    
  1. php 
    2. 
    
    
    
    
  2.   include ("conn.php");  
    3. 
    
    
    
    
  3.  include ("head.php");  
    4. 
    
    
    
    
  4.  echo "<b>您选择的时间为“当天视图“查询，查询的省份为”甘肃“，请选择查询的服务器：b><br>";  
    5. 
    
    
    
    
  5. include("view_gansu_day_server.php");  
    6. 
    
    
    
    
  6. ?> 
    7. 
    
    
    
    
  7. H、gansu_day_web.php  
    8. 
    
    
    
    
  8. php 
    9. 
    
    
    
    
  9. include ("conn.php");  
    10. 
    
    
    
    
  10.  include ("head.php");  
    11. 
    
    
    
    
  11.  echo "<b>您选择的时间为“当天视图”查询，查询的省份为“甘肃”，查询的服务器为“甘肃WEB”，视图如下:b><br>";  
    12. 
    
    
    
    
  12. ?> 
    13. 
    
    
    
    
  13. <font size="3" color="red"><b>甘肃WEB的硬盘使用率b><br> 
    14. 
    
    
    
    
  14. <img src="p_w_picpaths/gansu_web_disk-.png" width="500" height="400"><br> 
    15. 
    
    
    
    
  15. <font size="3" color="red"><b>甘肃WEB的CPU使用率b><br> 
    16. 
    
    
    
    
  16. <img src="p_w_picpaths/gansu_web_cpu-.png" width="500" height="400"><br> 
    17. 
    
    
    
    
  17. <font size="3" color="red"><b>甘肃WEB的I/O使用率b><br> 
    18. 
    
    
    
    
  18. <img src="p_w_picpaths/gansu_web_io-.png" width="500" height="400"><br> 
    19. 
    
    
    
    
  19. <font size="3" color="red"><b>甘肃WEB的Load使用率b><br> 
    20. 
    
    
    
    
  20. <img src="p_w_picpaths/gansu_web_load-.png" width="500" height="400"><br> 
    21. 
    
    
    
    
  21. <font size="3" color="red"><b>甘肃WEB的内存使用率b><br> 
    22. 
    
    
    
    
  22. <img src="p_w_picpaths/gansu_web_memory-.png" width="500" height="400"><br> 
    23. 
    
    
    
    
  23. <font size="3" color="red"><b>甘肃WEB的用户登录数使用率b><br> 
    24. 
    
    
    
    
  24. <img src="p_w_picpaths/gansu_web_user-.png" width="500" height="400"><br> 
    25.
主要是通过 shell监控进行数据视图化，然后通过php打开图片。剩下的gansu_day_beiyong.php、gansu_day_jiaohuan.php、gansu_day_yinqing.php、gansu_day_database.php跟这个表里的内容格式一样，只有省份的中文名与中文拼音不一样，但如果你想创建新省份，可以使用我提供的create_province.sh进行，不需要你自己在php里进行修改。
I、 gansu_month_view.php 
   
   
   
   
    
    
    
    
    
  1. php 
    2. 
    
    
    
    
  2.   include ("conn.php");  
    3. 
    
    
    
    
  3.  include ("head.php");  
    4. 
    
    
    
    
  4.  echo "<b>您选择的时间为“当月视图“查询，查询的省份为”甘肃“，请选择查询的服务器：b><br>";  
    5. 
    
    
    
    
  5.  include("view_gansu_month_server.php");  
    6. 
    
    
    
    
  6. ?> 
    7.

此界面主要展示甘肃省份查询月视图的包头

J、 gansu_month_web.php 
   
   
   
   
    
    
    
    
    
  1. php 
    2. 
    
    
    
    
  2. include ("conn.php");  
    3. 
    
    
    
    
  3.  include ("head.php");  
    4. 
    
    
    
    
  4.  echo "<b>您选择的时间为“当月视图”查询，查询的省份为“甘肃”，查询的服务器为“甘肃WEB”，视图如下:b><br>";  
    5. 
    
    
    
    
  5. ?> 
    6. 
    
    
    
    
  6. <font size="3" color="red"><b>甘肃WEB的硬盘使用率b><br> 
    7. 
    
    
    
    
  7. <img src="p_w_picpaths/gansu_web_disk-.png" width="500" height="400"><br> 
    8. 
    
    
    
    
  8. <font size="3" color="red"><b>甘肃WEB的CPU使用率b><br> 
    9. 
    
    
    
    
  9. <img src="p_w_picpaths/gansu_web_cpu-.png" width="500" height="400"><br> 
    10. 
    
    
    
    
  10. <font size="3" color="red"><b>甘肃WEB的I/O使用率b><br> 
    11. 
    
    
    
    
  11. <img src="p_w_picpaths/gansu_web_io-.png" width="500" height="400"><br> 
    12. 
    
    
    
    
  12. <font size="3" color="red"><b>甘肃WEB的Load使用率b><br> 
    13. 
    
    
    
    
  13. <img src="p_w_picpaths/gansu_web_load-.png" width="500" height="400"><br> 
    14. 
    
    
    
    
  14. <font size="3" color="red"><b>甘肃WEB的内存使用率b><br> 
    15. 
    
    
    
    
  15. <img src="p_w_picpaths/gansu_web_memory-.png" width="500" height="400"><br> 
    16. 
    
    
    
    
  16. <font size="3" color="red"><b>甘肃WEB的用户登录数使用率b><br> 
    17. 
    
    
    
    
  17. <img src="p_w_picpaths/gansu_web_user-.png" width="500" height="400"><br> 
    18.
主要是通过 shell监控进行数据视图化，然后通过php打开图片。剩下的gansu_month_beiyong.php、gansu_month_jiaohuan.php、gansu_month_yinqing.php、gansu_month_database.php跟这个表里的内容格式一样，只有省份的中文名与中文拼音不一样，但如果你想创建新省份，可以使用我提供的create_province.sh进行，不需要你自己在php里进行修改。
K、 gansu_year_view.php 
   
   
   
   
    
    
    
    
    
  1. php 
    2. 
    
    
    
    
  2.   include ("conn.php");  
    3. 
    
    
    
    
  3.  include ("head.php");  
    4. 
    
    
    
    
  4.  echo "<b>您选择的时间为“当年视图“查询，查询的省份为”甘肃“，请选择查询的服务器：b><br>";  
    5. 
    
    
    
    
  5.  include("view_gansu_year_server.php");  
    6. 
    
    
    
    
  6. ?> 
    7.

此页面主要展示甘肃省份查询年视图的包头

L、 gansu_year_web.php 
   
   
   
   
    
    
    
    
    
  1. php 
    2. 
    
    
    
    
  2. include ("conn.php");  
    3. 
    
    
    
    
  3.  include ("head.php");  
    4. 
    
    
    
    
  4.  echo "<b>您选择的时间为“当年视图”查询，查询的省份为“甘肃”，查询的服务器为“甘肃WEB”，视图如下:b><br>";  
    5. 
    
    
    
    
  5. ?> 
    6. 
    
    
    
    
  6. <font size="3" color="red"><b>甘肃WEB的硬盘使用率b><br> 
    7. 
    
    
    
    
  7. <img src="p_w_picpaths/gansu_web_disk-.png" width="500" height="400"><br> 
    8. 
    
    
    
    
  8. <font size="3" color="red"><b>甘肃WEB的CPU使用率b><br> 
    9. 
    
    
    
    
  9. <img src="p_w_picpaths/gansu_web_cpu-.png" width="500" height="400"><br> 
    10. 
    
    
    
    
  10. <font size="3" color="red"><b>甘肃WEB的I/O使用率b><br> 
    11. 
    
    
    
    
  11. <img src="p_w_picpaths/gansu_web_io-.png" width="500" height="400"><br> 
    12. 
    
    
    
    
  12. <font size="3" color="red"><b>甘肃WEB的Load使用率b><br> 
    13. 
    
    
    
    
  13. <img src="p_w_picpaths/gansu_web_load-.png" width="500" height="400"><br> 
    14. 
    
    
    
    
  14. <font size="3" color="red"><b>甘肃WEB的内存使用率b><br> 
    15. 
    
    
    
    
  15. <img src="p_w_picpaths/gansu_web_memory-.png" width="500" height="400"><br> 
    16. 
    
    
    
    
  16. <font size="3" color="red"><b>甘肃WEB的用户登录数使用率b><br> 
    17. 
    
    
    
    
  17. <img src="p_w_picpaths/gansu_web_user-.png" width="500" height="400"><br> 
    18.
主要是通过 shell监控进行数据视图化，然后通过php打开图片。剩下的gansu_year_beiyong.php、gansu_year_jiaohuan.php、gansu_year_yinqing.php、gansu_year_database.php跟这个表里的内容格式一样，只有省份的中文名与中文拼音不一样，但如果你想创建新省份，可以使用我提供的create_province.sh进行，不需要你自己在php里进行修改。
M、 list_device.php 
   
   
   
   
    
    
    
    
    
  1. php 
    2. 
    
    
    
    
  2. include("conn.php");  
    3. 
    
    
    
    
  3. include("head.php");  
    4. 
    
    
    
    
  4.  include("head_device.php");  
    5. 
    
    
    
    
  5.  ?> 
    6. 
    
    
    
    
  6.  <table border="1" cellspacing="0" > 
    7. 
    
    
    
    
  7.  <tr> 
    8. 
    
    
    
    
  8.     <th width="55">编号th> 
    9. 
    
    
    
    
  9.     <th width="100">设备名称th> 
    10. 
    
    
    
    
  10.     <th width="120">设备IPth> 
    11. 
    
    
    
    
  11.     <th width="210">设备MACth> 
    12. 
    
    
    
    
  12.     <th width="100">设备类型th> 
    13. 
    
    
    
    
  13.     <th width="100">机房名称th> 
    14. 
    
    
    
    
  14.     <th width="85">机架名称th> 
    15. 
    
    
    
    
  15.     <th width="80">机架位置th> 
    16. 
    
    
    
    
  16.     <th width="100">财产编号th> 
    17. 
    
    
    
    
  17.     <th width="100">设备状态th> 
    18. 
    
    
    
    
  18.     <th width="100">设备价格th> 
    19. 
    
    
    
    
  19.   tr> 
    20. 
    
    
    
    
  20.  
    21. 
    
    
    
    
  21.   table> 
    22. 
    
    
    
    
  22.   
    23. 
    
    
    
    
  23.   $SQL="SELECT * FROM `device` order by id desc";  
    24. 
    
    
    
    
  24.   $query=mysql_query($SQL);  
    25. 
    
    
    
    
  25.   while($row=mysql_fetch_array($query)){  
    26. 
    
    
    
    
  26. ?> 
    27. 
    
    
    
    
  27.  
    28. 
    
    
    
    
  28. <table border="1" cellspacing="0" cellpadding="0"> 
    29. 
    
    
    
    
  29.   <tr> 
    30. 
    
    
    
    
  30.     <td width="55">=$row[id]?> td> 
    31. 
    
    
    
    
  31.     <td width="100">=$row[name]?>td> 
    32. 
    
    
    
    
  32.     <td width="120">=$row[ip]?> td> 
    33. 
    
    
    
    
  33.     <td width="220">=$row[mac]?>td> 
    34. 
    
    
    
    
  34.     <td width="100">=$row[type]?>td> 
    35. 
    
    
    
    
  35.     <td width="110">=$row[jifang_name]?>td> 
    36. 
    
    
    
    
  36.     <td width="90">=$row[raw_name]?>td> 
    37. 
    
    
    
    
  37.     <td width="80">=$row[raw_location]?>td> 
    38. 
    
    
    
    
  38.     <td width="100">=$row[assets_code]?>td> 
    39. 
    
    
    
    
  39.     <td width="100">=$row[state]?>td> 
    40. 
    
    
    
    
  40.     <td width="100">=$row[price]?>td> 
    41. 
    
    
    
    
  41.   tr> 
    42. 
    
    
    
    
  42.  
    43. 
    
    
    
    
  43. table> 
    44. 
    
    
    
    
  44.  
    45. 
    
    
    
    
  45.   }  
    46. 
    
    
    
    
  46. ?> 
    47.
加载数据库，然后通过表单进行控制数据显示格式。
N、list.php 
   
   
   
   
    
    
    
    
    
  1. php 
    2. 
    
    
    
    
  2. include("conn.php");  
    3. 
    
    
    
    
  3.  
    4. 
    
    
    
    
  4.  include("head.php");  
    5. 
    
    
    
    
  5.  include("province.php");  
    6. 
    
    
    
    
  6. ?> 
    7.
主要是做完监控详情的首页
O、login.html 
   
   
   
   
    
    
    
    
    
  1. > 
    2. 
    
    
    
    
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
    3. 
    
    
    
    
  3. <head> 
    4. 
    
    
    
    
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    5. 
    
    
    
    
  5. <title>用户登录系统title> 
    6. 
    
    
    
    
  6. <style> 
    7. 
    
    
    
    
  7.