Redis监控Web版管理工具

来源：互联网发布：恶灵退散意思知乎编辑：程序博客网时间：2024/06/05 19:43

HomeController.cs

using RedisMonitor.Core.Model;using RedisMonitor.Core.RedisServer;using System.Linq;using System.Web.Mvc;namespace RedisManager{    public class HomeController : Controller    {        #region 视图        public ActionResult Index()        {            var redisServers = RedisServerConfig.RedisServers;            ViewBag.RedisServers = redisServers;            return View();        }        public ActionResult Details(string serverId)        {            return View();        }        public ActionResult SimpleDetails(string serverId)        {            return PartialView();        }        public ActionResult RichDetails(string serverId)        {            var result = RedisServerHelp.GetRedisInfo(serverId);            ViewBag.InfoMsg = result;            return PartialView();        }        public ActionResult InfoInstructions()        {            return View();        }        public ActionResult Clients(string serverId)        {            return PartialView();        }        public ActionResult GetClients(string serverId)        {            var result = RedisServerHelp.GetClients(serverId);            ViewBag.Clients = result;            return PartialView();        }        public ActionResult BaseRedisStatus(string serverId)        {            RedisServerModel model = RedisServerConfig.RedisServers.FirstOrDefault(p => p.ServerId == serverId);            var serverResponse = RedisServerHelp.GetRedisServerResponse(serverId);            ViewBag.RedisServer = model;            ViewBag.ServerResponse = serverResponse;            return PartialView();        }        #endregion 视图        #region 方法        public ActionResult GetRedisStatus(string serverId)        {            var model = RedisServerHelp.GetRedisServerResponse(serverId);            return Json(model, JsonRequestBehavior.AllowGet);        }        public ActionResult SimpleDetailsData(string serverId)        {            var result = RedisServerHelp.GetRedisInfoRow(serverId);            return Json(result, JsonRequestBehavior.AllowGet);        }        public ActionResult RichDetailsData(string serverId)        {            var result = RedisServerHelp.GetRedisInfo(serverId);            return Json(result, JsonRequestBehavior.AllowGet);        }        /// <summary>        /// 更新读取配置文件        /// </summary>        /// <returns></returns>        public ActionResult RefreshServerConfig()        {            RedisServerConfig.LoadConfig();            return Content("刷新成功");        }        #endregion 方法    }}

RedisServiceConfig.json

[  {    "ServerHost": "127.0.0.1:6379,allowadmin=true,password=123456",    "ServerDescribe": "本地"  },  {    "ServerHost": "192.168.1.104:6379,allowadmin=true,password=123456",    "ServerDescribe": "测试环境"  },  {    "ServerHost": "192.168.1.141:6379,allowadmin=true",    "ServerDescribe": "开发环境"  }]

_Layout.cshtml:

<!DOCTYPE html><html><head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <meta charset="utf-8" />    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>@ViewBag.Title</title>    @Styles.Render("~/Content/css")    @Scripts.Render("~/bundles/modernizr")</head><body>    <div class="navbar navbar-inverse navbar-fixed-top">        <div class="container">            <div class="navbar-header">                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">                    <span class="icon-bar"></span>                    <span class="icon-bar"></span>                    <span class="icon-bar"></span>                </button>                @Html.ActionLink("监控列表", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" })            </div>            <div class="navbar-collapse collapse">                <ul class="nav navbar-nav">                    <li>@Html.ActionLink("Info命令说明", "InfoInstructions", "Home")</li>                </ul>            </div>        </div>    </div>    <div class="container body-content">        @RenderBody()        <hr />    </div>    @Scripts.Render("~/bundles/jquery")    @Scripts.Render("~/bundles/bootstrap")    @RenderSection("scripts", required: false)</body></html>

Index.cshtml：

@using RedisMonitor.Core.Model@{    ViewBag.Title = "监控列表";}@{    var redisServers = ViewBag.RedisServers as List<RedisServerModel>;}<br /><!--操作栏--><div class="panel panel-primary">    <div class="panel-heading">        <h3 class="panel-title">操作</h3>    </div>    <div class="panel-body" style="padding-bottom: 2px;">        <form class="form-horizontal" role="form">            <div class="form-group form-group-lg has-success has-feedback">                <label class="col-sm-2 control-label" for="select_time">刷新频率：</label>                <div class="col-sm-4">                    <select class="form-control" id="select_time">                        <option value="2">2s</option>                        <option value="5" selected>5s</option>                        <option value="20">20s</option>                        <option value="40">40s</option>                        <option value="60">1分钟</option>                        <option value="300">5分钟</option>                        <option value="600">10分钟</option>                        <option value="1800">30分钟</option>                    </select>                </div>                <label class="col-sm-2 control-label" for="select_time">修改了配置文件,请戳</label>                <div class="col-sm-4">                    <button type="button" class="btn btn-primary" onclick="refreshList()">                        <span class="glyphicon glyphicon-refresh"></span>点击刷新                    </button>                </div>            </div>        </form>    </div></div><!--监控列表--><div class="panel panel-primary">    <div class="panel-heading">        <h3 class="panel-title">监控列表</h3>    </div>    <div class="panel-body">        <div class="table-responsive" style="min-height:500px;">            <table class="table table-bordered table-hover" id="table_redis">                <thead>                    <tr>                        <th>ServerId</th>                        <th>配置地址</th>                        <th style="width:10%">描述</th>                        <th>状态</th>                        <th>响应时间</th>                    </tr>                </thead>                <tbody>                    @if (redisServers != null)                    {                        foreach (var item in redisServers)                        {                    <tr class="active">                        <td class="ServerId">@item.ServerId</td>                        <td class="ServerHost"><a title="查看详情" target="_blank" href="/Home/Details?ServerId=@item.ServerId">@item.ServerHost</a></td>                        <td class="ServerDescribe">@item.ServerDescribe</td>                        <td class="Status">--</td>                        <td class="ResponseTime">--</td>                    </tr>                        }                    }                    else                    {                    <tr>                        <td>暂无配置的Redis服务器列表</td>                    </tr>                    }                </tbody>            </table>        </div>    </div></div>@section scripts{    <script>        $(function () {            updateStatus();        });        function updateStatus() {            var $serverIds = $(".ServerId");            $serverIds.each(function () {                var $td = $(this);                $.ajax({                    type: "get",                    url: "/Home/GetRedisStatus",                    data: {                        serverId: $td.text()                    },                    dataType: "json",                    success: function (data) {                        if (data != null) {                            var $tr = $td.parent();                            $tr.removeClass("active");                            if (data.IsConnection) {                                $tr.addClass("success");                            } else {                                $tr.addClass("danger");                            }                            $td.nextAll(".Status").text(data.Status);                            $td.nextAll(".ResponseTime").text(data.ResponseTime + "ms");                        }                    }                });            });            setTimeout(updateStatus, $("#select_time").val() * 1000);        }        function refreshList() {            $.ajax({                type: "get",                url: "/Home/RefreshServerConfig",                success: function (data) {                    location.reload(true);                }            });        }    </script>}

视图页面:

这里写图片描述

Dll:

web项目所需dll

运行结果如图:

这里写图片描述

阅读全文

0 0