Xpage移动开发（二）

上一篇：Xpage移动开发（一）

      紧接着上一部分，该部分是Xpage移动开发内容的第二部分，我说了，总共要写多少部分，目前没有计划表；要写多久，也没有时间表。不过我猜MH370航班什么时候能找到，更没有时间表，还请各位看官拭目以待。
      我们简单地对Xpage第一部分的剧情来做一下回顾，就是叙述了两个方面的内容，第一就是采用Chrome浏览器来模拟手机进行测试访问，第二个将Xpage扩展库控件加入到Lotus Domino Designer中去，以便于你来进行移动开发。
      当然我们的应用最重要的事要放在Domino服务器上，因为只有Domino服务器识别了这些控件，我们才能使用手机轻松来访问由这些控件开发的应用程序。 怎么做呢？我们需要配置OSGi插件到Domino服务器上，上一次让大家下载的控件应该还留着（如果你不知道上一章我们讲的是什么，也不知道怎么下载这 些插件，请直接回复“Xpage”得到上一章的文档）。
      现在我们要先在Lotus Domino R8.5.3服务器上操作（什么？你的Lotus Domino服务器是R8.5.3版本以上？以下内容可以完全省略；如果的Lotus Domino服务器是R8.5.3版本以下，我只能很悲痛地告诉你，放弃吧——直到你拿到的Lotus Domino服务器R8.5.3或更高的版本）。
      打开你的Domino Administrator吧，选择第二个标签“File”，然后按键盘上的Ctrl+N键，是的，你需要新建一个叫做UpdateSite.nsf的数 据库，这个数据库就是专门用来发布OSGi插件的，当然你要根据UpdateSite.ntf模版来创建（这个模板在高级模板中，所以要选择对话框下面 的”Show advanced template”，在里面找到标题叫做”Eclipse Update Site“的模板）；至于UpdateSite.nsf叫什么名字都无所谓，我这里就叫UpdateSite.nsf，诸君见下图

       好了，不要客气，把”OK“按钮点下去，这时数据库就建好了，然后也会被打开，关掉About页面之后，我们就可以导入插件了。不过，首先，我们得有插件，话说，上次你的下载的插件还在么？

      是的，把它解压出来；然后再回到UpdateSite.nsf数据库，点击”Import Local Update Site...”按钮，如下图

       在弹出的对话框中，选择”Browers“，浏览到你解压出来的updateSiteOpenNTF-designer文件夹中的Site.xml文件，如下图

      点击几个OK，不一会儿你就有大发现，如下图

      是的，很多Xpage扩展库插件就导入进去了，我们成功了！但是，不要太过于高兴，Domino服务器并不知道你在干什么，现在是时候告诉Domino服务 器你操作的全部意义所在的了，找到并打开你的Domino服务器上的notes.ini文件，在这个文件中的任何一行位置写下下面的语句 “OSGI_HTTP_DYNAMIC_BUNDLES=updatesite.nsf”，

      其中updatesite.nsf是你刚创建的数据库的名字，好了，把Domino服务器重启吧，输入命令res s(如果你并不想重启整个服务器也没关系，可以重启http任务，输入命令tell http quit，等http任务完全停止后，再输入命令load http)

      好了，恭喜你，所有的配置步骤完成了。
      有人问到我，还有没有更简单的Xpage扩展库插件导入方式？呃，这个嘛，还是有的，因为IBM把已经这些插件打包到一个exe执行程序里面去了，没错，这 个程序叫做Lotus Domino R8.5.3 Upgrade Pack 1，如果你拿到了这个程序，直接双击安装，Domino服务器会帮你自动导入Xpage的扩展库插件——你不早说？诸位，要原谅我，我没IBM 的Passport，下不到Upgrade Pack1啊！
      剩下的就是我们激动人心的开发过程了，不过我有言在先，开发是一件很难得事情，你得需要耐心把它看完。今天我不打算开讲很多，我只想告诉你，有了Xpage扩展库，移动应用开发是一件多么简单的事情。
      好了，开始了，我先创建一个最简单的Hello World吧；打开你的Lotus Domino Designer（这个Designer之前也导入过Xpage扩展库的），新建一个空白的数据库吧

      创建之后，找到Application Properties，里面有一个Advanced页面。是的，在“Xpage Libraries”那个地方，选择两个扩展库：com.ibm.xsp.extlib.library和 com.ibm.xsp.extlibx.library；都勾上吧。如下图

      之后，我们回到Xpage页面，创建一个新的Xpage（随便取什么名字），如下图

      创建完成之后，从控件面板中的Mobile Controls中拖动一个“Singe Page Application”到Xpage的空白处

      在Outline视图中，选择这个Singe Page Application控件，在Properties面板中，找到All Properties，里面有一个selectPageName，我们输入一个名字“homePage”，如下图

      再从控件面板中的Mobile Controls中拖动一个“Mobile Page”控件到Singe Page Application控件的绿色圆球的一个图标里，如下图

      在Outline视图中，选择这个Mobile Page控件，在Properties面板中，找到All Properties，里面有一个PageName，名字叫叫做“homePage”，如下图

      好了，再从控件面板中的Mobile Controls中拖动一个“Page Heading”控件到Mobile Page控件的绿色圆球图标里，如下图

      在Outline视图中，选择这个Page Heading控件，在Properties面板中，找到All Properties，里面有一个label，名字叫叫做“Hello World”，如下图

      最后，来让我们看看这个应用的样子，有点大哈

      但是，可以通过Chrome设置，来看看它在手机中的效果——好吧都一样，但是接下的一张来我们将丰富一下我们的应用，变成可以实用的。

      好了，我要讲完了。今天就讲到这里，真是太累了。不过，我要是要坚持下去的，希望诸君和我一样咬牙坚持一下哦。下一章，让我们一起看观摩一下Xpage中的各种移动控件。敬请期待。