有时，在屏幕的左/右/底部创建侧栏很有用。对于范围细分来说，这是一个很好的主意，我非常喜欢UI5的一点是，创建自己的布局是多么容易。也就是说，这个话题似乎有点混乱，淘客软件，很多人不知道从哪里开始——因此，优惠券代理平台哪个好，我写这个博客是希望能让你开始构建自己的一套很棒的控件。

好吧，让我们直接跳进去

我继续，假设你已经有了以下知识

SAPUI5或OpenUI5（可以为fiori launchpad编写自己的自定义应用程序）Javascript和jQueryHTML和CSS

首先，创建一个全新的项目，并为控件命名空间创建一些文件夹。我强烈建议您在一个公共名称空间中创建一个控件库，并从其他应用程序中引用它，以便可以重用所有控件。

我创建了一个路径"ui/ui/view"和"ui/ui/controller"，我计划将所有侧边栏分为两类，今天我将重点介绍左侧栏和右侧栏。你可以在任何你觉得合适的地方创建它。

今天我将构建一个示例应用程序，我将称之为"XOXO医院管理系统"（它的主要内容是图标栏和左/右/底栏），并解释我正在执行的步骤。所以，我知道你只是想快点看代码，所以在这里，我构建了下面的框架来开始我的新控件，可以根据你的所有需求随意复制和粘贴它。

好的，首先，物联网系统，请注意我正在创建splitapp，以便我得到布局来添加功能。

其次，注意，我已经声明了我的页面，它添加了左侧栏的内容，其中包含导航栏和splitapp。

在上面的示例中，我已经在splitapp中添加了mainpage的内容。然后，我将它添加到另一个splitapp中，其中导航栏是母版页，物联网系统，主内容是详细页。同样地，它也被右栏遮住了。底部栏我使用页脚虽然导航栏也可以在这里使用，除非页脚不符合您的要求。

好的，我们开始调整大小，我想演示它的工作原理，高返利页游，所以我将添加一个简单的页脚，然后左导航并将其插入右导航栏的详细视图

我添加以下代码来演示基本的html呈现

和中提琴！好了

我们完了！有一个功能齐全的三重侧栏或控制坐在里面！

这是我在SCN上的第一个博客，希望你喜欢下一步，我将扩展这个主题并演示