« Backbase框架:专业级AJAX开发框架Hex 函数 »

Backbase入门指南(.NET)

1、  下载Backbase Community Edition 3.1.1

从www.backbase.com下载免费的Community Edition 3.1.1版本

解开下载的压缩包,其中包括两个版本:Development和Production。Production版本是优化的产品发布运行环境,只包括BPC(AJAX引擎)和AJAX组件;而Development版本是用于开发的调试环境,还包括开发调试工具(纯Backbase应用程序)、VS.NET和Eclipse IDE插件、开发文档以及样例(Backbase 版Pet Shop和包括100多个例子的Explorer)。

2、  部署到IIS Web服务器上

在IIS管理器中创建虚拟目录Backbase,指向Backbase所在目录,如下图

创建用于测试的工作目录samples,创建虚拟目录BackbaseSamples指向该目录,将Backbase所在目录的skeletons目录下的basic-startup.html复制到samples目录下,重名名为myFirstApp.html

使用文本编辑器修改BPC的启动路径(红色部分),这里的Backbase就是前面创建的虚拟目录名

<?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>

在浏览器中输入地址http://www.ajaxstu.com/BackbaseSamples/myFirstApp.html,在页面中点击文本,显示警告框,这表明部署成功。

3、  基本细节

从上面的代码,我们来看一些需要注意的基本细节:基于Backbase的页面不是普通的HTML页面,而是XHTML页面,遵循XHTML规范,具有强大的扩展性;

xmlns:b和xmlns:s指明以b和s前缀的标记或属性为BXML专有;

所有需要解释的BXML标记或属性必须包含于<xmp>标记中,并且将b:backbase指定为true,这样BPC才会进行解释;

对于Development版本,在Backbase的页面运行中,可以通过ESC键来切换开发工具启动菜单(如下图),进行开发调试;



在Production版本中为了提高性能,关闭了该功能。页面载入时加载开发工具会减慢页面显示速度,可以通过在<body>标记中指定b:devconfig="false"来关闭该功能。

<body onload=”bpc.boot(‘/Backbase/3_1_1/’);” b:devconfig="false">
 
4、集成到VS.NET中

将Development版本plugins\VS.NET 2005目录下的backbase-vs-b.xsd、backbase-vs-s.xsd和xhtml.xsd文件复制到VS.NET 2005的Microsoft Visual Studio 8\Xml\Schemas目录下

在VS.NET 2005,将Backbase页面用XML编辑器打开,在输入标记或属性时,会自动显示可用的标记,其中包括BXML的标记或属性(由于VS.NET 2005在对<xmp>标记验证时抱错,会影响Code Assist,可以先将<xmp>注释掉,运行时再放开,够麻烦的)。

 

原创文章如转载,请注明:转载自悠悠博客 [ http://www.ajaxstu.com/ ]

相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。