服务器之家:专注于服务器技术及软件下载分享
分类导航

云服务器|WEB服务器|FTP服务器|邮件服务器|虚拟主机|服务器安全|DNS服务器|服务器知识|Nginx|IIS|Tomcat|

服务器之家 - 服务器技术 - WEB服务器 - 宝塔面板堡塔云控平台增加CPU监控图文教程

宝塔面板堡塔云控平台增加CPU监控图文教程

2021-08-20 00:48测速网 WEB服务器

宝塔面板的堡塔云控平台使用时发布官方的没有内存监控,可自行修改模板增加功能,修改 /www/server/coll/BT_COLL/templates/index.html 文件。

宝塔面板的堡塔云控平台使用时发布官方的没有内存监控,可自行修改模板增加功能,修改 /www/server/coll/BT_COLL/templates/index.html 文件。

修改代码(搜索cpu关键词)在其下面加入以下代码:

  1. <div class="line memory"
  2. <span class="txt-name">内存</span> 
  3. <div class="layui-progress layui-progress-big"><div class="layui-progress-bar" style="width:0%"><span class="layui-progress-text">0%</span></div></div> 
  4. </div> 
  5.  
  6. // ayumi 
  7. var _mem_pre = Math.round((res.mem.memRealUsed / res.mem.memTotal) * 100); 
  8. _el.find(".memory .layui-progress-text").text(_mem_pre + "%");//新加内存监控 
  9. _el.find(".memory .layui-progress-bar").css("width", _mem_pre + "%");//新加内存监控 
  10.  
  11. //样式 
  12. .server-monitor .line { 
  13. height: 30px; 
  14. line-height: 30px; 
  15. clear: both; 

看截图,官方原图:

宝塔面板堡塔云控平台增加CPU监控图文教程

修改增加内存监控后

宝塔面板堡塔云控平台增加CPU监控图文教程

延伸 · 阅读

精彩推荐