springboot+mybatis+shiro+beetl前端做 服务监控页面

最新推荐文章于 2022-10-14 11:29:26 发布
最新推荐文章于 2022-10-14 11:29:26 发布
阅读量293 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liufeifeihuawei/article/details/106426356
版权

在这里插入图片描述

<%/* Copyright (c) 2013-Now http://jeesite.com All rights reserved. */ %>
<% layout('/layouts/default.html', {title: '服务器监控', libs: ['layout','dataGrid']}){ %>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<div class="content pb0">
    <div class="row">
        <div class="col-sm-6 col-xs-12">
            <div class="box box-widget">
                <div class="box-header">
                    <i class="fa icon-speedometer"></i>
                    <h3 class="box-title">CPU</h3>
                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse">
                            <i class="fa fa-minus"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body no-padding">
                    <table class="table table-striped table-hover text-center">
                        <tr>
                            <th width="50%">${text("属性")}</th>
                            <th width="50%">${text("值")}</th>
                        </tr>
                        <tr>
                            <td>${text("核心数")}</td>
                            <td class="rtInfo" data-key="cpu.cpuNum">${server.cpu.cpuNum}</td>
                        </tr>
                        <tr>
                            <td>${text("用户使用率")}</td>
                            <td class="rtInfo" data-key="cpu.used">${server.cpu.used + '%'}</td>
                        </tr>
                        <tr>
                            <td>${text("系统使用率")}</td>
                            <td class="rtInfo" data-key="cpu.sys">${server.cpu.sys + '%'}</td>
                        </tr>
                        <tr>
                            <td>${text("当前空闲率")}</td>
                            <td class="rtInfo" data-key="cpu.free">${server.cpu.free + '%'}</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-xs-12">
            <div class="box box-widget">
                <div class="box-header">
                    <i class="fa icon-fire"></i>
                    <h3 class="box-title">${text("内存")}</h3>
                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse">
                            <i class="fa fa-minus"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body no-padding">
                    <table class="table table-striped table-hover text-center">
                        <tr>
                            <th width="33%">${text("属性")}</th>
                            <th width="33%">${text("内存")}</th>
                            <th width="33%">JVM</th>
                        </tr>
                        <tr>
                            <td>${text("总内存")}</td>
                            <td class="rtInfo" data-key="mem.total">${server.mem.total + 'G'}</td>
                            <td class="rtInfo" data-key="jvm.total">${server.jvm.total + 'M'}</td>
                        </tr>
                        <tr>
                            <td>${text("已用内存")}</td>
                            <td class="rtInfo" data-key="mem.used">${server.mem.used + 'G'}</td>
                            <td class="rtInfo" data-key="jvm.used">${server.jvm.used + 'M'}</td>
                        </tr>
                        <tr>
                            <td>${text("剩余内存")}</td>
                            <td class="rtInfo" data-key="mem.free">${server.mem.free + 'G'}</td>
                            <td class="rtInfo" data-key="jvm.free">${server.jvm.free + 'M'}</td>
                        </tr>
                        <tr>
                            <td>${text("使用率")}</td>
                            <td class="${server.mem.usage > 80 ? 'label-danger' : ''}">${server.mem.usage}%</td>
                            <td class="${server.jvm.usage > 80 ? 'label-danger' : ''}">${server.jvm.usage}%</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-xs-12">
            <div class="box box-widget">
                <div class="box-header">
                    <i class="fa icon-screen-tablet"></i>
                    <h3 class="box-title">${text("服务器信息")}</h3>
                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse">
                            <i class="fa fa-minus"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body no-padding table-responsive">
                    <table class="table table-striped table-hover">
                        <tr>
                            <td width="15%">${text("服务器名称")}</td>
                            <td width="30%">${server.sys.computerName}</td>
                            <td width="15%">${text("操作系统")}</td>
                            <td>${server.sys.osName}, ${text("版本")} ${server.jvm.version}</td>
                        </tr>
                        <tr>
                            <td>${text("服务器IP")}</td>
                            <td>${server.sys.computerIp}</td>
                            <td>${text("系统架构")}</td>
                            <td>${server.sys.osArch}</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-xs-12">
            <div class="box box-widget">
                <div class="box-header">
                    <i class="fa icon-cup"></i>
                    <h3 class="box-title">${text("Java虚拟机信息")}</h3>
                    <div class="box-tools pull-right">
                        <button type="button" class="btn btn-box-tool" data-widget="collapse">
                            <i class="fa fa-minus"></i>
                        </button>
                    </div>
                </div>
                <div class="box-body no-padding table-responsive">
                    <table class="table table-striped table-hover">
                        <tr>
                            <td width="15%">${text("Java名称")}</td>
                            <td width="30%">${server.jvm.name}</td>
                            <td width="15%">${text("Java版本")}</td>
                            <td>${server.jvm.version}, ${text("供应商")} 0000000</td>
                        </tr>
                        <tr>
                            <td>${text("启动时间")}</td>
                            <td>${server.jvm.startTime}</td>
                            <td>${text("运行时长")}</td>
                            <td>${server.jvm.runTime}</td>
                        </tr>
                        <tr>
                            <td>${text("安装路径")}</td>
                            <td colspan="3">${server.jvm.home}</td>
                        </tr>
                        <tr>
                            <td colspan="1">项目路径</td>
                            <td colspan="3">${server.sys.userDir}</td>
                        </tr>
                    </table>
                </div>
                <div class="col-xs-12">
                    <div class="box box-widget">
                        <div class="box-header">
                            <i class="fa icon-drawer"></i>
                            <h3 class="box-title">${text("磁盘状态")}</h3>
                            <div class="box-tools pull-right">
                                <button type="button" class="btn btn-box-tool" data-widget="collapse">
                                    <i class="fa fa-minus"></i>
                                </button>
                            </div>
                        </div>
                        <div class="box-body no-padding table-responsive">
                            <table class="table table-striped table-hover text-center">
                                <tr>
                                    <th>${text("盘符路径")}</th>
                                    <th>${text("文件系统")}</th>
                                    <th>${text("盘符类型")}</th>
                                    <th>${text("总大小")}</th>
                                    <th>${text("可用大小")}</th>
                                    <th>${text("已用大小")}</th>
                                    <th>${text("已用百分比")}</th>
                                </tr>
                                <%
                                for(sysFile in server.sysFiles){
                                %>
                                <tr>
                                    <td>${sysFile.dirName}</td>
                                    <td>${sysFile.sysTypeName}</td>
                                    <td>${sysFile.typeName}</td>
                                    <td>${sysFile.total}</td>
                                    <td>${sysFile.free}</td>
                                    <td>${sysFile.used}</td>
                                    <td class="${sysFile.usage > 80 ? 'label-danger' : ''}">${sysFile.usage}%</td>
                                </tr>
                                <%}%>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<% } %>
<script>
    var rtInfoRefresh = function(){
        $.get('${ctx}/state/server/rtInfo?__notUpdateSession=true&__t='
            +new Date().getTime(), function(data){
            $('.rtInfo').each(function(){
                var key = $(this).data('key');
                var val = js.val(data, key);
                if (js.endWith(val, '%')){
                    var i = parseInt(val.replace('%', ''));
                    if (i <= 80){
                        val = '<font color="green">' + val + '</font>';
                    }else{
                        val = '<font color="red">' + val + '</font>';
                    }
                }
                $(this).html(val);
            });
        });
    }
    rtInfoRefresh();
    setInterval(rtInfoRefresh, 3*1000);
    // 执行垃圾回收
    $('#btnGC').click(function(){
        js.ajaxSubmit("${ctx}/state/server/gc", function(data){
            js.showMessage(data.message);
        });
    });
</script>


@Controller
@RequestMapping("/monitor/server")
public class ServerController extends BaseController
{
    private String prefix = "monitor/server";
    @RequiresPermissions("monitor:server:view")
    @GetMapping()
    public String server(ModelMap mmap) throws Exception{
        Server server = new Server();
        server.copyTo();
        mmap.put("server", server);
        return prefix + "/server.html";
    }
}
狼魂豹速
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于Spring Boot完美整合springmvc + shiro + mybatis-plus + beetl（开源guns ）
10-21
基于Spring Boot,致力于做更简洁的后台管理系统,完美整合springmvc + shiro + mybatis-plus + beetl,用户管理 2.角色管理 3.部门管理 4.菜单管理 5.字典管理 6.业务日志 7.登录日志 8.监控管理 9.通知管理 10.代码生成
快速搭建SpringBoot+MyBatis+Beetl项目
LuckFairyLuckBaby的博客
09-20 741
项目结构 1.引入依赖 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="h...
springboot1.5+shiro+mybatis+druid监控后台系统（java）
07-03
使用前请详细阅读压缩包中的readme文件。本套系统使用springboot1.5+shiro实现权限控制，界面主要使用bootstrap构建。有文件上传下载功能。定分较高，请谨慎下载，因为本人保证可以远程教将项目在你的本地跑起来。达到下载后可以自己使用的效果。联系方式见压缩包中readme。
springboot + shiro + mybatis-plus + beetl后台管理系统
01-30
springboot + shiro + mybatis-plus + beetl后台管理系统
springboot+mybatis+shiro
11-19
该项目使用maven模块架构，springboot集成了mybatis，shiro，因为时间端，目前只达到了该结构，该项目引用了公司jar，里面全部是工具类，
基于SpringBoot+MyBatis+Redis+Durid+Beetl+MySQL的智能办公系统源码
最新发布
05-13
本项目JDK8x64+SpringBoot+MyBatis+Redis+Druid+Beetl+Shrio的框架组合， 自研工作流引擎，支持可视化表单设计与流程设计。 支技分布式部署。功能完善能够满足中大型企业办公需要。 本项目JDK8x64+SpringBoot+...
SpringBoot+MyBatis+Apache Shiro+Bootstrap+Thymeleaf可用于开发企业级应用系统
05-26
本系统（基于SpringBoot+MyBatis+Apache Shiro+Bootstrap+Thymeleaf） 可用于开发所有企业级WEB应用系统（如:各种后台管理系统、CRM、ERP、CMS、OA、博客、论坛等...）。响应式布局，支持大部分浏览器（如：IE9+...
基于SpringBoot + MyBatis + Layui的后台权限管理系统.zip
07-08
基于SpringBoot + MyBatis + Layui的后台权限管理系统。代码简洁易懂、界面美观大方，内部封装了权限管理系统常用的全部功能，可直接作为快速开发JavaWeb项目的脚手架使用。 基于SpringBoot + MyBatis + Layui的...
Springboot+Mybatis-plus+ SpringMvc+Shiro+Redis企业级报表后台管理系统.rar
08-12
项目描述 在上家公司自己集成的一套系统，用了两个多月的时间完成的：Springboot+Mybatis-plus+ SpringMvc+Shiro+Redis企业级开发系统 Springboot作为容器，使用mybatis作为持久层框架 使用官方推荐的thymeleaf做为...
Springboot+Mybatis-plus+ SpringMvc+Shiro+Redis企业级报表后台管理系统
04-19
用了两个多月的时间完成的：Springboot+Mybatis-plus+ SpringMvc+Shiro+Redis企业级开发系统，Springboot作为容器，使用mybatis作为持久层框架 使用官方推荐的thymeleaf做为模板引擎，shiro作为安全框架,主流技术 ...
springboot+mybatis+shiro权限控制
04-04
springboot+mybatis+shiro+mysql实现 数据查询，动态权限控制，以及错误统一拦截处理，权限控制的是控制后台粗粒度控制。想要页面实现细粒度，直接在页面加shrio的标签就行，后台都是整通了的，压缩包中包含 数据库文件数据，mybatis动态生成mapper等等
springboot+bootstrap+shiro权限管理
03-28
本系统是有springboot结合shiro开发的一款权限管理系统，前端用的是bootstrap，界面美观，含数据库文件。
springboot+maven+beetlsql+shiro项目整合
05-25
本资源整合了springboot、maven、beetlsql、shiro等模块，用于以后方便搭建项目用，内含mysql数据库文件。下载后导入intellij idea即可使用
springboot+mybatis plus +beetl构建权限系统（一）
Assene的博客
11-09 558
1.创建项目 2.数据库设计
Spring Boot 应用监控: Java获取 CPU,内存, JVM 内部运行状况代码
热门推荐
禅与计算机程序设计艺术
08-14 1万+
package com.bytedance.kunlun.system; import com.google.common.collect.Maps; import com.sun.management.OperatingSystemMXBean; import org.springframework.stereotype.Component; import oshi.SystemInfo; i...
【监控利器Prometheus】——Prometheus+Grafana监控SpringBoot项目JVM信息
点滴汇聚，智在积累。——Danny
12-22 2786
Prometheus+Grafana监控SpringBoot项目JVM信息1. SpringBoot项目配置JVM采集2. Prometheus配置3. 配置grafana4. 扩展-通过JMX Exporter监控JVM信息 1. SpringBoot项目配置JVM采集 （1）maven依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-
spring-boot项目整合actuator+prometheus+grafana实现CPU内存等信息监控看板
z546062456的博客
09-19 716
spring-boot项目整合actuator+prometheus+grafana实现CPU内存等信息监控看板。
xlauch 1.0 基于springboot + mybatis + beetls 快速开发脚手架
04-26 451
xlauchxlauch 是基于springboot + mybatis + beetls 快速开发脚手架, 包含了用户管理，组织机构管理，角色管理，功能点管理，菜单管理，权限分配，数据权限分配，代码生成，二次开发等功能。系统基于Spring Boot 1.5技术，前端采用了easyUI。数据库以MySQL为实例。gitee下载地址：git@gitee.com:huangxy3/xlauch.gi...
SpringBoot获取处理器流程
qq_57756904的博客
10-14 1553
SpringBoot获取处理器流程
bootstrap+springboot+mybatis+shiro
05-12
Bootstrap是一个流行的前端开发框架，它提供了许多UI组件和样式，简化了Web页面的开发过程，使页面看起来更加美观和易于使用。 Spring Boot是一个基于Spring框架的开发框架，它可以快速创建可执行的Spring应用程序...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值