简介：

本博客演示了如何在SAP HCP上创建门户网站，添加标准小部件，创建自定义小部件。

我们将使用基本布局网站模板实现以下示例要求（海德拉巴地铁网站）：

步骤1：

打开SAP HANA Cockpit并单击门户服务>>转到服务。

步骤2：

在网站中目录中，大数据产业，单击"创建新站点"。输入一个名字并确认

在上面的截图中，我们可以看到一些标准的网站模板，我们可以使用。这些网站模板将创建页面的基本布局，菜单和一些标准小部件。

基本布局网站模板

我们只需要一个页面就可以实现要求，新零售企业应用中心，因此我们可以通过单击每个页面的向下箭头并单击删除按钮来删除其他页面。

使用页面的设置图标来重命名页面/更改授权设置。

第3步：

单击菜单编辑器隐藏所有设备的菜单：

菜单编辑器>>设置>>取消选中两个复选框>>保存

下一个目标是删除fiori shell头。按照以下步骤删除包含搜索、用户个性化设置、公司徽标的标题。

使用侧导航进入设置单击编辑按钮将SAP Fiori Site Header开关更改为No点击保存按钮

单页模板创建完成。以下为截图：

第一步：

点击版面设置图标更改背景图片：

以下为更改背景图片后的截图：

第二步：

使用标准小部件，创建标题、字幕和一些卡片。

按照以下步骤创建标准卡片

点击版面添加按钮搜索渐变图像卡并选择小部件选择卡片部分，单击编辑按钮更改图像和文本，如下图

3所示。当我们点击某张卡片时，应用程序应该在一个新的选项卡中打开URL.

点击卡片的编辑按钮，给出URL并选择外部链接。输入站点URL并保存。

发布更改并单击预览按钮。

所有更改后，站点将如下：

使用标准小部件选项，淘客系统，我们可以添加视频和网格布局。

步骤1：

打开Hana驾驶舱>>选择Web IDE完整堆栈>>转到服务

步骤2：

创建新的sap UI5项目创建一个简单的窗体以在视图中显示地址。在中添加用户服务neoApp.json文件在控制器中，通过使用用户详细信息服务，我们可以检索名字、姓氏、用户id等…。在controlleroninit方法中，计算机大数据，我们可以通过验证用户来控制小部件的可见性。成功部署UI5项目后。右击项目，选择Use As SAP Cloud Portal Template并输入名称。

第3步：

向门户网站添加自定义小部件：

以下是完成上述步骤后的网站截图：

单击Add按钮并选择social Networks

添加上述小部件后，我们可以通过单击settings图标添加URL。

我们需要完成开发后发布网站。

点击发布按钮，免费网站自助建站，在新标签中打开网站URL。

最终网站预览：

https://flpportal-p1942743970trial.dispatcher.hanatril.ondemand.com/sites/HydMetro？真的#家庭秀