visualeditor是基于sapwebide的WYSWYG编辑器，用于在设计时修改或扩展基于Fiori元素的应用程序。在这个博客里，我将演示如何使用VisualEditor来定制我们在本系列之前的博客中创建的ALP应用程序。

要使用VisualEditor打开基于Fiori元素的应用程序，您需要在Web IDE中右键单击您的项目，然后从上下文菜单中选择"VisualEditor"。

这将在VisualEditor中打开您的应用程序编辑器处于预览模式，应用程序开发人员可以在不同模式下查看应用程序，云服务器购买，即桌面、平板电脑和移动设备。要进入编辑模式，您需要单击编辑按钮

这将在编辑模式下打开应用程序，云免服务器购买，应用程序开发人员现在可以编辑应用程序控件的某些属性。在这里，应用程序看到的屏幕分为三个垂直部分，即所有控件以分层样式列出的大纲、应用程序屏幕可用的画布和应用程序开发人员可以更改控件属性的属性窗格在visualeditor中，在path web app–>Changes下生成一个对应的.change文件，其中包含所有更改。由应用程序开发人员完成。

为了启用清除按钮，我从大纲中选择了"清除"控件，海淘客，并将visible属性更改为true。我在以前的博客中已经讨论过如何为自定义筛选字段启用此按钮。

上面的操作生成了以下.change文件

此.change文件的几个值得一提的属性是：

要启用下载按钮，我从大纲中选择了"下载图表"控件，大数据是什么意思，并将可见属性更改为是的。

同样，云服务器品牌，表格和智能图表的其他工具栏按钮属性可以通过可视化编辑器很容易地更改。

我想隐藏表格的第一个ID列，因为它只是显示一个GUID。为此，我从大纲中选择了表格的第一个表格列，并将可见性设置为false。

在完成上述三个更改后，应用程序现在看起来是：

现在我显示了对每个ALP应用程序区域进行一个更改，即filter、chart和table。同样，支持的更改的完整列表也可以在这里找到。您应该只做这里列出的更改，否则可能会导致在运行时中断应用程序，您永远不会知道。

在我的ALP博客系列的最后一个博客中，我们了解了什么是可视化编辑器，以及如何使用它对ALP应用程序进行更改。但是，对于任何FE应用，此程序保持不变。每种应用程序类型唯一改变的是支持的控件和属性的列表。

这就结束了我们的博客系列，希望大家能发现它有帮助。请让我知道你有任何反馈，任何问题或任何东西在评论部分。

如果你想部署ALP应用程序，我们在这个博客系列，你可能会发现这个博客很有用。