初探JAXER
来源:互联网 发布:华讯网络市场部 编辑:程序博客网 时间:2024/06/06 00:06
昨天更新Aptana的时候发现Aptana网站上多了一个JAXER,不知为何物。google了一把也只找到一个介绍的翻译,再回网站上看了一下,原来是22日刚发布的。不过看过简单介绍后,觉得最吸引人的地方就是这几张图
直接运行htm页面,服务器端运行的javascript,服务器端和浏览器端都能运行的方法,还有可以从浏览器端调用的服务器端的方法,有点意思,感觉有点像asp.net。马上研究了一下它的API文档(http://aptana.com/reference/jaxer/api/Jaxer.index-frame.html),基本的东西都全了,数据库支持mySql和SQLite。
SQLite使用太方便了,找了一个SQLiteSpy带的world.db3数据库,使用最新的Aptana(已经包括了JAXER插件和服务器),结合jquery做了一个简单的例子。
全部代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8"/>
<title>Untitled Document</title>
<script language=javascript src=lib/jquery/jquery.js>...
</script>
<script runat=server-proxy>...
function getTable(rows)...{
var a = new Array();
a[0] = rows;
var conn = new Jaxer.DB.SQLite.Connection(...{
PATH: "E:/test/sqlite/world.db3"
});
var rs = conn.execute("Select * from [City] where id <= ?", a);
return (rs.toHTML());
}
</script>
<script language=JavaScript>...
$(function()...{
$("#button1").click(function()...{
$("#div1").append(getTable(1000));
});
$("#button2").click(function()...{
getTableAsync(setdata, 1000)
});
$("#button3").click(function()...{
$("#div1").html("");
});
});
function setdata(table)...{
$("#div1").html(table);
}
</script>
</head>
<body>
<input type=button id=button1 value=同步方法><input type=button id=button2 value=异步方法><input type=button id=button3 value=清除>
<div id=div1>
</div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8"/>
<title>Untitled Document</title>
<script language=javascript src=lib/jquery/jquery.js>...
</script>
<script runat=server-proxy>...
function getTable(rows)...{
var a = new Array();
a[0] = rows;
var conn = new Jaxer.DB.SQLite.Connection(...{
PATH: "E:/test/sqlite/world.db3"
});
var rs = conn.execute("Select * from [City] where id <= ?", a);
return (rs.toHTML());
}
</script>
<script language=JavaScript>...
$(function()...{
$("#button1").click(function()...{
$("#div1").append(getTable(1000));
});
$("#button2").click(function()...{
getTableAsync(setdata, 1000)
});
$("#button3").click(function()...{
$("#div1").html("");
});
});
function setdata(table)...{
$("#div1").html(table);
}
</script>
</head>
<body>
<input type=button id=button1 value=同步方法><input type=button id=button2 value=异步方法><input type=button id=button3 value=清除>
<div id=div1>
</div>
</body>
</html>
运行截图:
详细的就不说了,关键是<script runat=server-proxy>...</script>这部分,在客户端生成了这么两个方法:
function getTable() ...{return Jaxer.remote("getTable", arguments);}
function getTableAsync(callback) ...{return Jaxer.remote("getTable", arguments, callback);}
function getTableAsync(callback) ...{return Jaxer.remote("getTable", arguments, callback);}
这样在浏览器端的js就可以直接使用了。
虽然还有很多问题,最讨厌的就是生成的页面上有全部的clientFramework的源代码,虽然是压缩的,但看着还是很麻烦,估计以后的版本这个是首先要修改的。
上面的例子可以到这里http://download.csdn.net/user/luq885/直接下载,就是页面和一个jquery.js。
再说一下用JAXER服务器运行的方法,到http://aptana.com/jaxer/download这里下载一个JAXER的服务器端,附带着Apache服务器,直接解压后运行StartServers.bat就可以启动,把上面那个页面和jquery.js放到public文件夹下,访问http://127.0.0.1:8081/test2.html就可以看到效果。
- 初探JAXER
- jaxer
- Jaxer 开始
- Jaxer server 服务的安装
- JAXER留言板-一个html页面的ajax留言版
- 初探
- Aptana Jaxer-世界上第一个真正的Ajax服务器 | 帕兰映像
- 第一个真正的 Ajax 服务器: Aptana Jaxer 构建 Ajax 应用程序
- 初探PHP5
- jdbc初探......
- STL初探
- HiveMind初探
- 初探人工智能
- 初探人工智能
- SQLDMO初探
- 初探maven
- Hibernate初探
- COM初探
- -恐惧-
- BMP、GIF和JPEG文件格式简介
- Programming C# (2nd Edition)
- 基于龙芯2号国产万亿次高性能计算机KD-50-I简介
- Oracle 10g R2 Student PPTs
- 初探JAXER
- 图片文件格式简介
- temp
- 08新春西樵黄大仙“祈福迎祥鼠”大型活动现正接受报名!
- 08新春西樵黄大仙“祈福迎祥鼠”大型活动现正接受报名!
- DBCA-templates For simple
- ASP.NET程序中常用编程代码
- Domino小结--SMTP server无法启动的原因
- tuxedo之UBBCONFIG介绍