diff --git a/monitor-ui-ctrl/src/main/java/com/ui/ctrl/KafkaManageCtrl.java b/monitor-ui-ctrl/src/main/java/com/ui/ctrl/KafkaManageCtrl.java
new file mode 100644
index 0000000..37756ad
--- /dev/null
+++ b/monitor-ui-ctrl/src/main/java/com/ui/ctrl/KafkaManageCtrl.java
@@ -0,0 +1,23 @@
+package com.ui.ctrl;
+
+import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.ResponseBody;
+import org.springframework.web.servlet.ModelAndView;
+
+/**
+ * Created by craig.qin on 2017/8/10.
+ */
+@Controller
+@RequestMapping("/kafkaManage")
+public class KafkaManageCtrl {
+
+
+ @RequestMapping("/toKafkaManage")
+ @ResponseBody
+ public ModelAndView toHostinfo(Model model) {
+ return new ModelAndView("kafka/kafkaManage");
+ }
+
+}
diff --git a/monitor-ui-web/src/main/webapp/jsp/dashBoard/dashBoard.jsp b/monitor-ui-web/src/main/webapp/jsp/dashBoard/dashBoard.jsp
index 1575ca3..d86b1b1 100644
--- a/monitor-ui-web/src/main/webapp/jsp/dashBoard/dashBoard.jsp
+++ b/monitor-ui-web/src/main/webapp/jsp/dashBoard/dashBoard.jsp
@@ -109,7 +109,7 @@
</div>
</div>
</body>
-<script src="<%=basePath %>script/common/genarate_left_panel.js?v=20180123"></script>
+<script src="<%=basePath %>script/common/genarate_left_panel.js?v=20180124"></script>
<script type="text/javascript">
$("#li_dashboard").addClass("active");
</script>
diff --git a/monitor-ui-web/src/main/webapp/jsp/kafka/kafkaManage.jsp b/monitor-ui-web/src/main/webapp/jsp/kafka/kafkaManage.jsp
new file mode 100644
index 0000000..8bb3868
--- /dev/null
+++ b/monitor-ui-web/src/main/webapp/jsp/kafka/kafkaManage.jsp
@@ -0,0 +1,82 @@
+<%@page language="java" contentType="text/html;charset=utf-8" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+
+<%
+ String path = request.getContextPath();
+ String basePath = request.getScheme() + "://"
+ + request.getServerName() + ":" + request.getServerPort()
+ + path + "/";
+%>
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+ <link rel="stylesheet" href="<%=basePath %>css/bootstrap.min.css"/>
+ <link rel="stylesheet" href="<%=basePath %>css/bootstrap-datetimepicker.css"/>
+ <link href="<%=basePath %>js/bootstrap-plugin/css/bootstrap.table.css" rel="stylesheet" media="screen"/>
+ <link rel="stylesheet" href="<%=basePath %>css/bootstrap-responsive.min.css"/>
+ <link rel="stylesheet" href="<%=basePath %>css/fullcalendar.css"/>
+ <link rel="stylesheet" href="<%=basePath %>css/unicorn.main.css"/>
+ <link rel="stylesheet" href="<%=basePath %>css/unicorn.grey.css"/>
+ <link rel="stylesheet" href="<%=basePath %>css/jquery-ui.css"/>
+ <link rel="stylesheet" href="<%=basePath %>css/uniform.css"/>
+ <link rel="stylesheet" href="<%=basePath %>css/select2.css"/>
+ <link rel="stylesheet" href="<%=basePath %>js/jstree/themes/proton/style.css"/>
+ <link rel="stylesheet" href="<%=basePath %>css/select2.css"/>
+ <link rel="stylesheet" href="<%=basePath %>css/yoho.css"/>
+ <script src="<%=basePath %>js/excanvas.min.js" charset="UTF-8" type="text/javascript"></script>
+ <script src="<%=basePath %>js/jquery-1.12.0.min.js" charset="UTF-8" type="text/javascript"></script>
+ <script src="<%=basePath %>js/jquery-ui.custom.js" charset="UTF-8" type="text/javascript"></script>
+ <script src="<%=basePath %>/js/bootstrap.min.js"></script>
+ <script src="<%=basePath %>/js/unicorn.js"></script>
+ <script src="<%=basePath %>js/bootstrap-plugin/datetimepicker/moment-with-locales.js" charset="UTF-8"
+ type="text/javascript"></script>
+ <script src="<%=basePath %>js/bootstrap-plugin/datetimepicker/bootstrap-datetimepicker.js" charset="UTF-8"
+ type="text/javascript"></script>
+ <script src="<%=basePath %>js/global.js" charset="UTF-8" type="text/javascript"></script>
+ <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.pagination.js" charset="UTF-8"
+ type="text/javascript"></script>
+ <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.table.js" charset="UTF-8" type="text/javascript"></script>
+ <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.dialog.js" charset="UTF-8" type="text/javascript"></script>
+ <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.form.js" charset="UTF-8" type="text/javascript"></script>
+ <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.panel.js" charset="UTF-8" type="text/javascript"></script>
+ <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.alerts.js" charset="UTF-8" type="text/javascript"></script>
+ <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.accordion.js" charset="UTF-8"
+ type="text/javascript"></script>
+ <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.breadcrumb.js" charset="UTF-8"
+ type="text/javascript"></script>
+ <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.validate.js" charset="UTF-8"
+ type="text/javascript"></script>
+ <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.form.js" charset="UTF-8" type="text/javascript"></script>
+ <script src="<%=basePath %>js/layer/layer.js" charset="UTF-8" type="text/javascript"></script>
+ <script src="<%=basePath %>js/bootstrap-plugin/bootstrap.select.js" charset="UTF-8" type="text/javascript"></script>
+ <script src="<%=basePath %>js/jstree/jstree.min.js"></script>
+ <script src="<%=basePath %>js/jquery.toaster.js"></script>
+ <script src="<%=basePath %>js/jquery-plugin/jquery.cookies.js" charset="UTF-8" type="text/javascript"></script>
+ <script>
+ var contextPath = '<%=basePath %>';
+ </script>
+ <title></title>
+</head>
+<body>
+
+<!-- 头部 -->
+<div id="head">
+</div>
+<!-- 右侧具体内容 -->
+<div id="content">
+ <iframe src="http://kafka.yohops.com" id="iframepage" frameborder="0" scrolling="auto" width="100%" height="800px">
+ </iframe>
+</div>
+
+<script src="<%=basePath %>script/common/genarate_left_panel.js"></script>
+<script>
+ $("#li_kafka_manage_a").addClass("active open");
+</script>
+</body>
+</html>
+
+<script>
+
+</script>
diff --git a/monitor-ui-web/src/main/webapp/script/common/genarate_left_panel.js b/monitor-ui-web/src/main/webapp/script/common/genarate_left_panel.js
index 2e38bff..fbbfe30 100644
--- a/monitor-ui-web/src/main/webapp/script/common/genarate_left_panel.js
+++ b/monitor-ui-web/src/main/webapp/script/common/genarate_left_panel.js
@@ -123,6 +123,10 @@ innerHTML += "<li id='li_redis_operate'><a id='li_redis_operate_a' href=''>REDIS
innerHTML += "<li id='li_crm_job'><a id='li_crm_job_a' href=''>任务中心</a></li>";
innerHTML += "</ul></li>";/*其他*/
+/*kafka */
+innerHTML += "<li><a id='li_kafka_manage_a' ><i class='icon icon-th'></i><span>kafka manage</span><span class='label'>0</span></a></li>";
+/*kafka end */
+
/*客户端错误日志查询 */
//innerHTML += "<li><a href='http://alog.yohops.com' target='_blank'><i class='icon icon-th'></i><span>客户端错误日志查询</span></a></li>";
/*客户端错误日志查询 end */
@@ -219,6 +223,8 @@ document.getElementById("li_bigdata_ops_strategy_info_a").setAttribute("href",pa
document.getElementById("li_bigdata_ops_alarm_info_a").setAttribute("href",path+"/bigdata/toAlarminfo");
document.getElementById("li_bigdata_ops_metric_info_a").setAttribute("href",path+"/bigdata/toMetricinfo");
+document.getElementById("li_kafka_manage_a").setAttribute("href", path + "/kafkaManage/toKafkaManage");
+
function getUrlBasePath() {
var location = ( window.location + '').split('/');
var url = location[0] + '//' + location[2];