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 UI(gwt)开发模式调式方法

OpenTsdb本地启动后调用地址为:http://localhost:4242 UI页面进行gwt开发模式后调用地址为: http://127.0.0.1:8888/queryui.html?gwt...
  • bingjie1217
  • bingjie1217
  • 2013年12月05日 15:40
  • 1705

GUI Design Studio 使用教程

GUI Design Studio 使用教程一:创建项目GUI Design Studio 使用教程二:创建新任务对话框GUI Design Studio 使用教程三:创建应用程序窗口GUI Desi...
  • xunzaosiyecao
  • xunzaosiyecao
  • 2014年07月23日 10:09
  • 5749

GWT开发效率困境与解决之道

GWT开发效率困境与解决之道GWT初学的人员都觉得GWT学习曲线高,开发慢,你可能一气之下把这个IDE给扔掉冲动。根据以往的GWT培训来看,GWT的开发效率主要集中在以下几点:编译时间过长 – 每修...
  • applebomb
  • applebomb
  • 2016年09月06日 11:25
  • 1021

gwt模块功能实现步骤

gwt开发模式是MVP模式,与MVC模式有点区别  MVP是Model-View-Presenter的简称,从根本上来说,她是MVC的一个变种,View负责显示,Presenter负责逻辑的处理。...
  • whs19910204648688
  • whs19910204648688
  • 2013年06月14日 15:05
  • 1307

分布式 ZooKeeper 缓存用法实例教程

ZooKeeper是一个分布式的,开放源码的分布式应用程序协调服务,是Google的Chubby一个开源的实现,是Hadoop和Hbase的重要组件。 可以利用ZooKeeper在集群的各个节点之间...
  • libing13810124573
  • libing13810124573
  • 2015年07月22日 23:16
  • 1375

nosql 入门教程

  • 2017年10月25日 10:58
  • 15.72MB
  • 下载

GWT UiBinder部分官方介绍的翻译

页面来源:http://code.google.com/intl/zh-CN/webtoolkit/doc/latest/DevGuideUiBinder.html 随便硬译的,没有检查,没有修改。...
  • charlv
  • charlv
  • 2011年08月16日 15:11
  • 4046

gwt中java与js的相互调用

1. java通过jsni调用内部js           Button button = new Button("java调用内部jsni的js方法");       ...
  • Kaitiren
  • Kaitiren
  • 2014年04月29日 20:11
  • 2500

zookeeper zkCli.sh的基本使用方法

zkCli.sh文件所在位置: 1、启动// -r 表示 在zk集群过半机器无法提供服务的时候,其它机器是否提供只读服务,如果提供,则添加参数-r //192.168.179.128 服务器地址 ...
  • xunzaosiyecao
  • xunzaosiyecao
  • 2017年03月25日 11:25
  • 429

solr教程,值得刚接触搜索开发人员一看(转载:http://blog.csdn.net/awj3584/article/details/16963525)

Solr调研总结开发类型全文检索相关开发Solr版本4.2文件内容本文介绍solr的功能使用及相关注意事项;主要包括以下内容:环境搭建及调试;两个核心配置文件介绍;维护索引;查询索引,和在查询中可以应...
  • toto1297488504
  • toto1297488504
  • 2017年03月08日 01:59
  • 1083
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:OpenTsdb UI(gwt)开发模式调式方法
举报原因:
原因补充:

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