1、 下载Backbase Community Edition 3.1.1
l 从www.backbase.com下载免费的Community Edition 3.1.1版本。
l 解开下载的压缩包,其中包括两个版本:Development和Production。Production版本是优化的产品发布运行环境,只包括BPC(AJAX引擎)和AJAX组件;而Development版本是用于开发的调试环境,还包括开发调试工具(纯Backbase应用程序)、VS.NET和Eclipse IDE插件、开发文档以及样例(Backbase 版Pet Shop和包括100多个例子的Explorer)。
2、 部署到JBoss服务器上
l 在MyEclipse中创建名为Backbase的J2EE Web工程,Import Backbase的内容到WebRoot目录下,将该Web工程发布到Jboss4服务器上(如下图)。
l 创建用于测试的J2EE Web工程BackbaseSamples,将Backbase所在目录的skeletons目录下的basic-startup.html复制到WebRoot目录下,重名名为myFirstApp.html。
l 打开myFirstApp.html文件,修改BPC的启动路径(红色部分),这里的Backbase就是前面创建的Web工程发布路径。
<?xml version=”1.0” ?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xmlns:b=”http://www.backbase.com/b” xmlns:s=”http://www.backbase.com/s”>
<head>
<title>Backbase startup page</title>
<!—To be able to use this file as a quick start for your own application you have to change the script tags ‘src’ attribute and the ‘onload’ attribute
of the body tag to reflect the correct location of the Backbase software. Usually it is located in /Backbase/3_1_1, if the Backbase application is also
in this folder in your situation you can use the commented equivalents of the current body and script tags. à
<!-- <script type=”text/javascript” src=”../bpc/boot.js” ></script> à
<script type=”text/javascript” src=”/Backbase/3_1_1/bpc/boot.js” ></script>
</head>
<!-- <body onload=”bpc.boot(‘../’);”> à
<body onload=”bpc.boot(‘/Backbase/3_1_1/’);”>
<xmp b:backbase=”true”>
<!—This is a very basic startup page. It includes just enough to start with a backbase application à
<div b:action=”alert” b:value=”You have a working Backbase installation”>
Click here to see if your Backbase installation is working
</div>
</xmp>
</body>
</html>
l 将BackbaseSamples工程发布到发布到Jboss4服务器上(默认端口是8080)。
l 在浏览器中输入地址http://localhost:8080/BackbaseSamples/myFirstApp.html,在页面中点击文本,显示警告框,这表明部署成功。
3、 基本细节
l 从上面的代码,我们来看一些需要注意的基本细节:基于Backbase的页面不是普通的HTML页面,而是XHTML页面,遵循XHTML规范,具有强大的扩展性;
l xmlns:b和xmlns:s指明以b和s前缀的标记或属性为BXML专有;
l 所有需要解释的BXML标记或属性必须包含于<xmp>标记中,并且将b:backbase指定为true,这样BPC才会进行解释;
l 对于Development版本,在Backbase的页面运行中,可以通过ESC键来切换开发工具启动菜单(如下图),进行开发调试;
l 在Production版本中为了提高性能,关闭了该功能。页面载入时加载开发工具会减慢页面显示速度,可以通过在<body>标记中指定b:devconfig="false"来关闭该功能。
<body onload=”bpc.boot(‘/Backbase/3_1_1/’);” b:devconfig="false">
4、 集成到Eclipse中
l 将Development版本plugins\Eclipse目录下的插件解压到Eclipse的plugins目录下。
l 带clean参数重新启动Eclipse。
l 在Eclipse用BXML Editor打开myFirstApp.html,在输入标记或属性时,会自动显示可用的标记,其中包括BXML的标记或属性。