OpenTsdb UI(gwt)开发模式调式方法

原创 2013年12月05日 15:40:30

OpenTsdb本地启动后调用地址为:http://localhost:4242

UI页面进行gwt开发模式后调用地址为:

http://127.0.0.1:8888/queryui.html?gwt.codesvr=127.0.0.1:9997

gwt在开发模式时,不能调用到服务端(OpenTsdb)的后台数据,将

    privatestaticfinal StringAGGREGATORS_URL="/aggregators";

    privatestaticfinal StringLOGS_URL ="/logs?json";

    privatestaticfinal StringSTATS_URL ="/stats?json";

    privatestaticfinal StringVERSION_URL ="/version?json";

这些URL加上http://localhost:4242后,服务器被是被调用了但结果不能返回到,原因是GWT(RequestBuilder)不支持跨域访问。

 

为了方便开发进行如下方法:

1、 QueryUi.java类编译到war/queryui目录下

2、  手写queryui.html放入到war/queryui目录下

<!doctype html>
<html>
<head>
<meta http-equiv=content-type content="text/html;charset=utf-8">
<title>TSD</title>
<style>
<!--
body {
	font-family: arial, sans-serif;
	margin-left: 2em
}

A.l:link {
	color: #6f6f6f
}

A.u:link {
	color: green
}

.subg {
	background-color: #e2f4f7
}

.fwf {
	font-family: monospace;
	white-space: pre-wrap
}
//
-->
</style>
<script type=text/javascript language=javascript src=./queryui.nocache.js></script>
</head>
<body text=#000000 bgcolor=#ffffff>
<table border=0 cellpadding=2 cellspacing=0 width=100%>
	<tr>
		<td rowspan=3 width=1% nowrap><b><font color=#c71a32 size=10>T</font><font
			color=#00a189 size=10>S</font><font color=#1a65b7 size=10>D</font>  </b>
		<td> </td>
	</tr>
	<tr>
		<td class=subg><font color=#507e9b><b>Time Series
		Database</b></td>
	</tr>
	<tr>
		<td> </td>
	</tr>
</table>
<div id=queryuimain></div>
<noscript>You must have JavaScript enabled.</noscript>
<iframe src=javascript: '' id=__gwt_historyFrame tabIndex=-1
	style="position: absolute; width: 0; height: 0; border: 0"></iframe>
<table width=100% cellpadding=0 cellspacing=0>
	<tr>
		<td class=subg><img alt="" width=1 height=6></td>
	</tr>
</table>
</body>
</html>

3、  编辑QueryUi.java

4、  访问 http://127.0.0.1:4242/s/queryui.html?gwt.codesvr=127.0.0.1:9997进行调试。



相关文章推荐

[转]OpenTSDB监控系统的研究和介绍

介绍开源监控系统OpenTSDB,它用hbase存储所有的时序(无须采样)来构建一个分布式、可伸缩的时间序列数据库。它支持秒级数据采集所有metrics,支持永久存储,可以做容量规划,并很容易的接入到...

linuxC开发调式工具

在linux开发中,使用gcc做为编译器,编译程序产生出来的东西可以是非常高效的ELF可执行文件。但是我们今天来看的是非常有用的调试工具可以帮我们查看到一些文件细节。第一个是  nmnm 工具可以列出...
  • crazyss
  • crazyss
  • 2011年06月17日 15:52
  • 309

如何使用Qt进行ROS项目开发调式

一.前言本文将介绍在Qt5.7.1等新版本下进行简单的ROS开发方案,通过使用ros_qtc_plugin插件,使得Qt创建ROS工作空间并在Qt中编译包、执行节点和调试项目。同时,通过ros-ind...
  • Hansry
  • Hansry
  • 2017年04月02日 20:59
  • 453

网页开发者调式工具Firefox插件

网页开发者调式工具Firefox插件

GWT开发 - Eclipse, Google Plugin and Google Web Toolkit SDK

Google Web Toolkit 官方地址 1 在eclipse上安装Google plugin 针对不同版本eclipse的插件下载地...

GWT-Bootstrap3中 组件开发文档(二)

6. 表单 类型 图样 备注 表单 GWT-Bootstrap3 开发手册 > 表单.jpg" src="http://...

GWT开发——java 与 js 通过 jsni 相互调用

1. java通过jsni调用内部js           Button button = new Button("java调用内部jsni的js方法");       ...

Spring开发,关于在TableItem上如何获取Gwt对象的问题

2012年8月16日 20:21:57 关于在TableItem上如何获取Gwt对象的问题 在处理前台和后台交互数据的时候遇到麻烦了, 分类的字段有: 如果想得到活动类别的...

关于好易网采用GWT技术开发网站的总结

原文地址: http://diaoge.iteye.com/blog/359296 采用GWT开发网站的优势:  GWT开发网站,采用了java语言的优势编写前后端的程序,可以有很好的继承,多...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:OpenTsdb UI(gwt)开发模式调式方法
举报原因:
原因补充:

(最多只允许输入30个字)