我写这篇博文是为了分享我在SAP Netweaver Portal 7.3上的具体开发任务的经验：我们的一位客户要求提供一个基于Portal Java上部署的SAPUI5库的SAPUI5应用程序。它不是集成SAPUI5应用程序的常用方法，标准方法是使用SAP Gateway上可用的库或安装SAPUI5 UI ABAP插件的地方构建应用程序。
在我们的客户场景中，我们没有任何可用的ABAP服务器，因此我们建议将Netweaver上的本机SAPUI5门户库用作Java（这些库包含在标准中）从Netweaver 7.3 ehp1 SP05开始安装）。
有一个简单的方法来检查您的门户服务器是否有这些库：尝试以下url
：/sapui5
如果您显示这样的页面
您得到了它，就可以开始您的开发了！
如果您的门户安装中没有可用的库，请不要放弃，您还有一个选择：您可以使用openui5库()将其部署为J2EE应用程序或KM文件夹，自助建站开发，并在应用程序中引用它。这是一个开源版本的库，除了一些高级部分（如图表）外，几乎与SAPUI5具有相同的功能。
一旦您拥有了库，我们就可以开始在NWDS中开发应用程序：您需要创建一个新的开发组件项目类型Enterprise Portal–Portal application独立。
选择相关的软件组件和新DC的名称，在创建向导中继续。
拥有DC后，您需要创建一个AbstractPortalComponent类型的门户应用程序对象，该对象表示我们要编写的应用程序。
将该对象放入我们创建的DC项目中上面的
给你的组件一个名字，把它放进一个包里，它就完成了，现在我们可以开始编写应用程序了
一个SAPUI5应用程序总是以一个HTML页面开始，这个页面加载SAPUI5库javascripts和应用程序特定的库。所以我们首先需要开发这种页面。使用abstractPortalComponent我发现最简单的方法是创建一个JSP页面，并将其包含在abstractPortalComponent类的docContent方法中。在这种方法中，您可以在应用程序中包含任何需要的外部文件（外部css、javascript库…）
现在我们需要创建示例.jsp使用SAPUI5应用程序逻辑
转到dist/PORTAL-INF/jsp项目文件夹，创建一个名为示例.jsp.
在此页面中，您可以放置您的SAPUI5应用程序，下面是我的示例代码：
正如您所看到的，它非常简单：您只需在引导脚本的head部分加载SAPUI5库，引用SAPUI5库的位置（如果您部署了openui5库，请记住将其更改为本地文件夹或应用程序），然后将脚本与应用程序逻辑结合起来。我总是喜欢创建一个外部应用程序.js我将SAPUI5应用程序文件放在其中，什么叫大数据，以分离业务逻辑并独立于java部署进行修改：如果我需要更改我的应用程序的行为，我只需要更改portal km上的相应文件，而不需要任何部署。
当然这是一个开发者选择，你可以把你的javascript放在html标记或项目文件夹中：在sapui5开发中找到你喜欢的方式！
我将不深入讨论SAPUI5应用程序开发，因为scn上有很多关于这个主题的优秀资源：如果您需要帮助，请搜索，您将找到几乎所有您需要的。
现在我们已经开发了我们的应用程序，让我们关注如何将其显示到门户中：我们需要首先部署它，所以构建和部署它在门户应用服务器上部署它。一旦你部署了你的DC，你应该在门户内容目录中看到它，在门户应用程序中。
从这个门户应用程序开始创建一个iview（右键单击-复制你的应用程序，然后粘贴到你想要的PCD位置作为PCD对象）。
一旦你有了iview，你就可以用iview预览来测试你的应用程序了。
就是这样，在Java Portal中享受SAPUI5开发吧应用！
在门户导航中集成这种SAPUI5时需要注意的一点是：老式的门户框架页面（classic）只能在兼容模式下工作，那么您的SAPUI5将以Quirks IE5模式显示。这意味着您不能在此场景中使用HTML5和CSS3高级功能，当您的SAPUI5应用程序无法集成到兼容HTML5的SAP门户中时，请注意此限制。
嗨，Mattia。
感谢您的分享。希望能阅读更多关于这些话题的信息。
继续
朱利亚诺
嗨，马蒂亚，
谢谢分享文件。我是sapui5的新手。但对我也有同样的要求。我对你的解释很低调。我没有受到外界的影响应用程序.js. 您能为外部用户共享sapui5示例代码吗应用程序.js.
谢谢，易淘客，
杜嘉饶
嗨杜嘉，谢谢你阅读和评论我的帖子！
我没有分享应用程序.js源代码，因为它包含核心应用程序，您可以根据需要对其进行个性化设置应用程序.js包含以下代码：
var btn=新建sap.ui.commons.Button（{
文本：'Hello World'，返利平台有哪些，智能建站软件，
按：功能（）{警报（'你好！'）}
});
btn.地点（'content'）；
重要的是将您的sapui5控件放入您在html中指定的容器（在我的示例中是id="content"的div）中，使其在应用程序中可见。
就是这样，享受sapui5编码吧！
嗨，Mattia，
感谢您的重播和建议。
