溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹“elasticsearch的site插件怎么使用”，在日常操作中，相信很多人在elasticsearch的site插件怎么使用問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”elasticsearch的site插件怎么使用”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
現在我們用 bootstrap+angularJs 來寫一個簡單的頁面，一個site插件，它通過我們前面開發的translogRest插件訪問操作日志，并且展示。
<!doctype html> <html ng-app='app' ng-controller="translogCtrl"> <head> <script src="lib/angular.js"></script> <link rel="stylesheet" type="text/css" href="lib/Pretty-JSON/pretty_json.css"> <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css"> <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap-theme.min.css"> <script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script> <script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script> <script src="lib/Pretty-JSON/pretty_json.js" type="text/javascript"></script> <script src="translog.js"></script> </head> <body> <nav class="navbar navbar navbar-inverse" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">操作日志</a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="active"><a href="#">創建</a></li> <li><a href="#">保存</a></li> <li><a href="#">刪除</a></li> </ul> <form class="navbar-form navbar-left" role="search"> <div class="form-group"> <input type="text" ng-model="file" class="form-control" placeholder="日志路徑"> <button type="button" class="btn btn-primary " ng-click="getData()">查看</button> </div> </form> </div> </div> </nav> <table class="table table-hover"> <thead> <tr> <th>操作類型</th> <th>版本</th> <th>類型</th> <th>路由</th> <th>父類</th> <th>TTL</th> <th>時間</th> <th>操作</th> </tr> </thead> <tbody> <tr ng-repeat="item in itemList"> <td><span class="label label-primary">{{item.opType}}</span></td> <td><span class="badge">{{item.version}}</span></td> <td>{{item.type}}</td> <td>{{item.routing}}</td> <td>{{item.parent}}</td> <td>{{item.ttl}}</td> <td>{{item.timestamp | date:'yyyy-MM-dd HH:mm'}}</td> <td> <button type="button" class="btn btn-success" ng-click="view($index)">查看</button> </td> </tr> </tbody> </table> <div class="modal fade" id="editPanel"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h5 class="modal-title">ID:{{editItem.id}}</h5> </div> <div class="modal-body"> <div id="prettyJson"></div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">關閉</button> </div> </div> </div> </div> </body> </html>
var module = angular.module('app', []);
function translogCtrl($scope, $http) {
$scope.getData = function() {
var file = $scope.file;
$http.get('http://localhost:9200/_translog', {
params : {
file : file,
size : 12
}
}).success(function(data, status, headers, config) {
$scope.itemList = data;
$scope.view = function(id) {
var item = $scope.itemList[id];
$scope.editItem = item;
try {
$('#prettyJson').html( pretty.parse (eval("(" + item.source + ")")));
}
catch (error) {
$('#prettyJson').html(pretty.error (error));
}
$('#editPanel').modal('show');
}
}).error(function(data, status, headers, config) {
console.info(data);
});
}
}然后我們復制應用到 plugins\translogView\_site 下面就可以了。我們也可以補充插件描述文件_site\es-plugin.properties
description=view translog
瀏覽器里輸入
http://localhost:9200/_nodes?all=true
可以看到我們的插件已經安裝成功，描述信息也有了。
到此，關于“elasticsearch的site插件怎么使用”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
