阅读说明：本技术 数据处理方法、装置、电子设备和存储介质 (Data processing method and device, electronic equipment and storage medium ) 是由 田凯 于 2019-02-02 设计创作，主要内容包括：本申请实施例提供了一种数据处理方法、装置、电子设备和存储介质,以提高复用性。所述方法包括：确定页面中节点,以及所述节点的上一级节点；将所述上一级节点的第一方向参数的参数值,确定为所述节点的第一方向参数的参数值；依据所述第一方向参数的参数值,确定所述节点的方向信息；若所述方向信息与所述节点对应视图的默认显示方向相反,则调整所述节点对应视图的显示方向。节点的第一方向参数可继承其上一级节点的第一方向参数,使得各节点可自动检测和调整方向,适用于各种页面的开发,具有较好的复用性,且能够提高页面的开发效率较高。(The embodiment of the application provides a data processing method and device, electronic equipment and a storage medium, so as to improve reusability. The method comprises the following steps: determining nodes in a page and nodes at the upper level of the nodes; determining the parameter value of the first direction parameter of the upper-level node as the parameter value of the first direction parameter of the node; determining direction information of the node according to the parameter value of the first direction parameter; and if the direction information is opposite to the default display direction of the view corresponding to the node, adjusting the display direction of the view corresponding to the node. The first direction parameter of the node can inherit the first direction parameter of the node at the upper level, so that each node can automatically detect and adjust the direction, the method is suitable for developing various pages, has better reusability, and can improve the development efficiency of the pages.)

数据处理方法、装置、电子设备和存储介质

技术领域

本申请涉及计算机技术领域，特别是涉及一种数据处理方法和装置、一种电子设备和一种存储介质。

背景技术

中文、英文等通常是从左至右的书写和阅读习惯，但是不同语言书写和阅读习惯是具有差别的，例如阿拉伯语、希伯来语等是从右至左的书写和阅读习惯，因此应用程序的页面需要基于所使用语言的习惯进行调整。

目前，应用程序的页面基于语言习惯的调整，通常是在前端页面上基于实际情况进行分析，对网页中每个元素等内容一步步的修改，不具有复用性。

发明内容

本申请实施例提供了一种数据处理方法，以提高复用性。

相应的，本申请实施例还提供了一种数据处理装置、一种电子设备和一种存储介质，用以保证上述方法的实现及应用。

为了解决上述问题，本申请实施例公开了一种数据处理方法，所述方法包括：确定页面中节点，以及所述节点的上一级节点；将所述上一级节点的第一方向参数的参数值，确定为所述节点的第一方向参数的参数值；依据所述第一方向参数的参数值，确定所述节点的方向信息；若所述方向信息与所述节点对应视图的默认显示方向相反，则调整所述节点对应视图的显示方向。

可选的，所述调整节点对应视图的显示方向，包括：依据所述方向信息设置所述节点对应视图的属性；和/或，通过仿射变换调整所述节点对应的视图。

可选的，所述通过仿射变换调整所述节点对应的视图，包括：对所述节点对应容器视图进行仿射变换，再对所述容器视图对应各子视图分别进行仿射变换。

可选的，所述依据所述第一方向参数的参数值，确定所述节点的方向信息，包括：确定所述节点的第二方向参数的参数值，其中，所述第二方向参数用于确定节点对应流式布局的方向；依据所述第二方向参数的参数值和第一方向参数的参数值，确定所述节点的方向信息。

可选的，所述第一方向参数的参数值包括从左到右，和/或，从右到左；所述节点的方向信息包括：行方向对应的从右至左的水平布局，行方向对应的从左至右的水平布局，列方向对应的从右至左的垂直布局，和/或，列方向对应的从左至右的垂直布局。

可选的，所述第二方向参数的参数值包括：行正向参数值、行反向参数值、列正向参数值，和/或，列反向参数值。

可选的，所述方法还包括：确定根节点的第三方向参数的参数值；将所述第三方向参数的参数值，作为所述根节点的第一方向参数的参数值。

本申请实施例还提供了一种数据处理装置，所述装置包括：节点确定模块，用于确定页面中节点，以及所述节点的上一级节点；参数值确定模块，用于将所述上一级节点的第一方向参数的参数值，确定为所述节点的第一方向参数的参数值；方向确定模块，用于依据所述第一方向参数的参数值，确定所述节点的方向信息；方向调整模块，用于若所述方向信息与所述节点对应视图的默认显示方向相反，则调整所述节点对应视图的显示方向。

本申请实施例还提供了一种电子设备，包括：处理器；和存储器，其上存储有可执行代码，当所述可执行代码被执行时，使得所述处理器执行如本申请实施例中一个或多个所述的数据处理方法。

本申请实施例还提供了一个或多个机器可读介质，其上存储有可执行代码，当所述可执行代码被执行时，使得处理器执行如本申请实施例中一个或多个所述的数据处理方法。

与现有技术相比，本申请实施例包括以下优点：

在本申请实施例中，确定页面中节点，以及所述节点的上一级节点，然后将所述上一级节点的第一方向参数的参数值，确定为所述节点的第一方向参数的参数值，节点的第一方向参数可继承其上一级节点的第一方向参数，再依据第一方向参数的参数值确定该节点的方向信息，使得各节点可自动检测和调整方向，适用于各种页面的开发，具有较好的复用性，且能够提高页面的开发效率较高。

附图说明

图1是本申请实施例的一种页面布局调整示例的示意图；

图2是本申请的一种数据处理方法实施例的步骤流程图；

图3是本申请实施例中方向参数的确定示例的步骤流程图；

图4是本申请实施例中方向信息的确定示例的步骤流程图；

图5是本申请实施例的另一种数据处理调整示例的示意图；

图6是本申请的另一种数据处理方法实施例的步骤流程图；

图7是本申请的又一种数据处理方法实施例的步骤流程图；

图8是本申请一种数据处理装置实施例的结构框图；

图9是本申请另一种数据处理装置实施例的结构框图；

图10是本申请一实施例提供的装置的结构示意图。

具体实施方式

为使本申请的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本申请作进一步详细的说明。

不同语言书写和阅读习惯是具有差别的，例如，中文、英文等通常是从左至右(Left To Right，LTR)的书写和阅读习惯，而阿拉伯语、希伯来语等是从右至左(Right ToLeft，RTL)的书写和阅读习惯，因此应用程序的页面需要基于所使用语言的习惯进行调整。

通常开发应用程序时，以通用的英文、中文习惯等进行开发，从而通常页面的默认是从左至右进行布局(layout)，但是，为了页面的通用性，在页面语言调整为从右至左的习惯的语言时，相应页面内容也要进行调整以适应所使用语言的习惯。本申请实施例提供了一种数据处理方法，节点能够继承其上一级节点的方向参数来确定方向信息，从而能够自动确定页面中各节点的方向信息，便捷的设置页面中内容的方向，适用于各种页面的开发过程，复用性较高且能够提高开发效率较高。其中，页面布局指的是对页面显示内容的规划设置，包括对页面中显示内容的方向设置等。本申请实施例中页面包括各种UI框架的前端页面，如Weex前端页面。

参照图1，示出了本申请实施例的一种页面布局调整的示意图。

参照图2，示出了本申请的一种数据处理方法实施例的步骤流程图。

步骤202，确定页面中节点，以及所述节点的上一级节点。

步骤204，将所述上一级节点的第一方向参数的参数值，设置为所述节点的第一方向参数的参数值。

应用程序的页面可以映射为一个由层次节点组成的文件，因此可通过遍历页面的节点实现对页面布局的设置。因此可从页面的根节点开始，因此遍历页面对应节点树中节点，可针对每个节点确定方向信息，方向信息指的是节点对应页面显示内容的方向，如节点对应各视图的方向。

本申请实施例中，第一方向参数指的是用于计算页面中节点的方向的参数，可设置页面中节点继承其上一级节点的第一方向参数，从而能够对于页面中的节点可确定其上一级节点，然后获取该上一级节点的第一方向参数的参数值，将该第一方向参数作为该节点的第一方向参数的参数值。

本申请实施例中，为了便于开发者开发可设置第三方向参数，该第三方向参数指的是开发过程中设置的方向参数，该第三方向参数可提供给开发人员设置。该第三方向参数与第一方向参数相关，可用于确定第一方向参数的参数值。一个可选实施例中，确定根节点的第三方向参数的参数值；将所述第三方向参数的参数值，作为所述根节点的第一方向参数的参数值。开发人员可设置页面中根节点的第三方向参数的参数值，从而针对根节点，将其第三方向参数的参数值作为该根节点的第一方向参数的参数值。此后，根节点的下一级节点可将该根节点的第一方向参数的参数值，作为自己的第一方向参数的参数值，实现对第一方向参数的参数值的继承，开发人员无需对每个节点分别进行设置，能够提高设置效率。

本申请实施例中，所述第一方向参数的参数值包括从左到右LTR，和/或，从右到左RTL；所述第三方向参数的参数值包括从左到右LTR，和/或，从右到左RTL。

在一个实施例中，可依据第三方向参数(direction)，确定第一方向参数，从而得到第一方向参数(resultDirection)的参数值，如图3所示的一种示例中：

步骤302，确定页面中节点的第三方向参数。

步骤304，判断所述第三方向参数的参数值是否为继承的。若是，执行步骤308；若否，执行步骤306。其中，可依据该第三方向参数值是否已设置确定是否需要继承，若已设置参数值，则无需继承，若未设置参数值，则可确定是需要继承的。

步骤306，将所述节点的第三方向参数的参数值作为所述节点的第一方向参数的参数值。例如根节点的第三方向参数的参数值作为该根节点的第一方向参数的参数值。

步骤308，判断所述节点是否具有上一级节点。若是，即所述节点具有上一级节点，则执行步骤310，若否，即所述节点不具有上一级节点，执行步骤312。

步骤310，将所述节点的上一级节点的第一方向参数的参数值，确定为所述节点的第一方向参数的参数值。

步骤312，将所述节点的第一方向参数的参数值确定为默认值，如从左至右LTR方向。若根节点的第三方向参数的参数值未设置，则可将默认值作为第一方向参数的参数值。

本申请实施例中，节点的第一方向参数的参数值可继承，从而可依赖于节点对上一级节点的方向参数的引用，利用CSS设置与布局(Layout)，确定不同的第一方向参数的参数值。

步骤206，依据所述第一方向参数的参数值，确定所述节点的方向信息。

在得到节点的第一方向参数的参数值后，可依据该第一方向参数的参数值，计算该节点的方向信息。

本申请实施例中，节点的方向信息还与第二方向参数相关，该第二方向参数用于确定节点对应流式布局的方向。流式布局指的是页面中各节点的视图向某个方向依次的排列，而当到达某个设定的边界或者设定的数量时则另起一行，并回到原先的起点重新开始继续按该方向依次排列。例如默认方向为从左到右排列，则依据流式布局的布局方式，该页面中节点对应视图按添加的顺序每行依次从左排列到右，而当布局视图的剩余宽度容纳不下一个要插入的新的子视图的宽度时则会另起一行，重新从左到右排列。

页面开发过程中，布局引擎依据第二方向参数确定节点的方向信息，在此基础上，本申请实施例提供了第一方向参数，第一方向参数的参数值可继承自上一级节点，从而无需每个节点分别设置，能够提高开发效率和复用性。

在一个可选实施例中，所述依据所述第一方向参数的参数值，确定所述节点的方向信息，包括：确定所述节点的第二方向参数的参数值，其中，所述第二方向参数用于确定节点对应流式布局的方向；依据所述第二方向参数的参数值和第一方向参数的参数值，确定所述节点的方向信息。可获取节点对应第二方向参数的参数值，该参数值可依据流式布局的方向确定，如行方向对应的从右至左的水平布局等，然后依据该第二方向参数的参数值和第一方向参数的参数值，确定该节点的方向信息。

一个示例中，第二方向参数(FlexDirection)的参数值包括：行正向参数值(row)、行反向参数值(row-reverse)、列正向参数值(column)和列反向参数值(column-reverse)，其中，行正向参数值row为默认值，指的是灵活的项目(如节点内容)将水平显示，正如一个行一样；行方向参数值row-reverse与row相同，但是以相反的顺序；列正向参数值column指的是灵活的项目(如节点内容)将垂直显示，正如一个列一样；列反向参数值column-reverse与column相同，但是以相反的顺序。所述节点的方向信息包括以下至少一种：行方向对应的从右至左的水平布局、行方向对应的从左至右的水平布局、列方向对应的从右至左的垂直布局和列方向对应的从左至右的垂直布局。

在一个示例中，如图4所示的方向信息确定示例中，以默认为从左至右为例：

步骤402，判断所述节点的第二方向参数的参数值是否为行正向参数值；若是，执行步骤404；若否，执行步骤410。

步骤404，判断所述节点的第一方向参数的参数值是否为从右至左；若是，则执行步骤406；若否，则执行步骤408。

步骤406，确定所述节点的方向信息为从右至左的水平布局horizonLayout(RTL)。

步骤408，确定所述节点的方向信息为从左至右的水平布局horizonLayout(LTR)。

步骤410，判断第二方向参数的参数值是否为行反向参数值；若是，执行步骤412，若否，执行步骤414。

步骤412，判断第一方向参数的参数值是否为从右至左；若是，则执行步骤408；若否，则执行步骤406。

步骤414，判断第二方向参数的参数值是否为列参数值；若是，执行步骤416，若否，执行步骤422。

步骤416，判断第一方向参数的参数值是否为从右至左；若是，则执行步骤418；若否，则执行步骤420。

步骤418，确定所述节点的方向信息为从右至左的垂直布局verticalLayout(RTL)。

步骤420，确定所述节点的方向信息为从左至右的垂直布局verticalLayout(LTR)。

步骤422，判断第二方向参数的参数值是否为列反向参数值，若是，执行步骤424，若否，结束该流程。

步骤424，判断第一方向参数的参数值是否为从右至左；若是，若是，执行步骤420；若否，执行步骤418。

从而对于每个节点可确定页面层叠样式表(Cascading Style Sheets，CSS)的第三方向参数direction，以及第一方向参数resultDirection，以及布局引擎对应流式布局的第二方向参数FlexDirection确定方向信息。

步骤208，若所述方向信息与所述节点对应视图的默认显示方向相反，则调整所述节点对应视图的显示方向。

在确定出节点的方向信息后，可依据所述方向信息设置所述节点对应的视图。其中，页面中节点对应各视图具有默认的显示方向，若该节点设置的方向信息与所述节点对应视图的默认显示方向相反，则可调整节点对应视图的显示方向，使其与该方向信息一致。

一个可选实施例中，页面的默认显示方向为从左至右布局显示，若确定出的方向信息为从左至右则可按照该方向信息设置节点对应视图，若确定出的方向为从右至左，也就是确定出的方向信息与所述节点对应的视图的默认显示方向相反，则可调整节点对应视图。如通过仿射变换、调整视图的属性等方式，调整该节点对应视图的显示方向，实现从右至左的布局，如图1所示的页面部分区域，将从左至右布局显示的ABCD，调整为从右至左布局显示的ABCD。可选的，所述调整节点对应视图的显示方向，包括：依据所述方向信息设置所述节点对应视图的属性；和/或，通过仿射变换调整所述节点对应的视图。

一个可选示例中，可以调整所述节点对应视图的方向相关属性，从而实现从右至左的布局显示。以安卓(Android)系统为例，可将left属性赋值为MarginStart(边缘开始)，将top赋值为MarginTop(边缘置顶)，并设置视图View的布局方向属性layoutDirection为RTL(从右至左)，则如图1所示实现对布局的调整。

另一个可选示例中，若所述方向信息与所述节点对应的视图的默认显示方向相反，则通过仿射变换调整所述节点对应的视图。本申请实施例的仿射变换包括镜像处理，通过将视图镜像来调整视图的方向。其中，放射变换处理可包括两次仿射变换：先对所述节点对应容器视图进行仿射变换，再对所述容器视图对应各子视图进行仿射变换，从而调整节点对应视图的方向如调整为从右至左。

本申请实施例的两次仿射变换过程中，以iOS系统为例，节点对应视图包括容器的视图和容器视图内的子视图。首先可将该节点对应容器的视图进行仿射变换如镜像处理，其中，容器的视图View负责滚动的交互，容器对应子视图为正在显示的内容，因此对于容器的镜像处理并不影响显示的内容，但是交互和子视图已经反向，因此可以再对子视图进行仿射变换如镜像处理，从而子视图中内容经历两次镜像后，可还原为正向，即页面内显示内容为正向，而交互和布局是相反的，从而实现将方向由从左至右调整为从右至左。

如图5所示的部分页面示例中，初始页面为第一个页面示例，其中，实线框为横向滚动容器可见窗口，虚线框为节点对应内容的大小(contentSize)，其中，在可见窗口也即实线框外的内容可通过滚动显示。第一次镜像处理针对容器视图执行，可将该容器相关的各内容进行镜像，得到第二个页面示例，此时交互、布局以及内容均为反向，然后第二次的镜像处理针对各个子视图，也就是节点对应内容执行，从而将内容镜像后显示为正向，通过两次镜像使得该页面内内容显示为镜像，而交互和布局像为反向，实现从左至右调整为从右至左。

本申请实施例中，在布局引擎已有的第三方向参数FlexDirection的基础上，引入供开发设置的第一方向参数，以及与第三方向参数同级的第三方向参数，减少对现有系统的变化同时能够提高复用性，提高开发效率。

在上述实施例的基础上，本申请实施例还提供了一种数据处理方法，以默认方向为从左到右为例：

参照图6，示出了本申请的另一种数据处理方法实施例的步骤流程图。

步骤602，确定页面中节点的第三方向参数。

步骤604，判断所述第三方向参数的参数值是否为继承的。若是，执行步骤608，若否，执行步骤606。可基于第三方向参数的参数值是否已设置来确定是否需要继承，若已设置参数值则无需继承，若未设置参数值则可继承。

步骤606，将所述节点的第三方向参数的参数值作为所述第一方向参数的参数值。

步骤608，判断所述节点是否具有上一级节点。若是，执行步骤610，若否，执行步骤612。

步骤610，将所述节点的上一级节点的第一方向参数的参数值，确定为所述节点的第一方向参数的参数值。

步骤612，将所述节点的第一方向参数的参数值设置为默认值。对于根节点，若未设置第三方向参数的参数值，则该根节点的第一方向参数的参数值可设为默认值。

步骤614，确定所述节点的第二方向参数的参数值。

步骤616，依据所述第二方向参数的参数值和第一方向参数的参数值，确定所述节点的方向信息。

确定方向信息的过程与上述图4对应示例类似，因此不再赘述。

步骤618，判断所述方向信息与所述节点对应视图的默认显示方向是否相同。若相同，则结束该流程，若相反，则执行步骤620。

步骤620，依据所述方向信息设置所述节点对应视图的属性。

依据该方向信息可设置节点对应的视图，若该方向信息与视图的默认方向相同，则无需更改，若该方向信息与视图的默认方向相反，则可调整所述节点对应视图的方向相关属性，从而实现从右至左的布局显示。以安卓(Android)系统为例，可将left属性赋值为MarginStart(边缘开始)，将top赋值为MarginTop(边缘置顶)，并设置视图View的布局方向属性layoutDirection为RTL(从右至左)，则如图1所示实现对布局的调整。

从而针对各安卓系统中应用程序的页面，可通过上述过程实现将weex页面显示由从左右到的布局调整为从右到左的布局。

在上述实施例的基础上，本申请实施例还提供了一种数据处理方法，可以通过两次仿射变换实现对节点对应内容方向的调整。以默认方向为从左到右为例：

参照图7，示出了本申请的又一种数据处理方法实施例的步骤流程图。

步骤702，确定页面中节点的第三方向参数。

步骤704，判断所述第三方向参数的参数值是否为继承的。若是，执行步骤708，若否，执行步骤706。可基于第三方向参数的参数值是否已设置来确定是否需要继承，若已设置参数值则无需继承，若未设置参数值则可继承。

步骤706，将所述节点的第三方向参数的参数值作为所述第一方向参数的参数值。

步骤708，判断所述节点是否具有上一级节点。若是，执行步骤710，若否，执行步骤712。

步骤710，将所述节点的上一级节点的第一方向参数的参数值，确定为所述节点的第一方向参数的参数值。

步骤712，将所述节点的第一方向参数的参数值设置为默认值。对于根节点，若未设置第三方向参数的参数值，则该根节点的第一方向参数的参数值可设为默认值。

步骤714，确定所述节点的第二方向参数的参数值。

步骤716，依据所述第一方向参数的参数值和第二方向参数的参数值，确定所述节点的方向信息。

确定方向信息的过程与上述图4对应示例类似，因此不再赘述。

步骤618，判断所述方向信息与所述节点对应视图的默认显示方向是否相同。若相同，则结束该流程，若相反，则执行步骤720。

其中，若所述方向信息与所述节点对应的视图的默认方向相反，如默认方向为从左至右，确定出的方向信息为从右到左，则可执行以下步骤：

步骤720，对所述节点对应容器视图进行仿射变换，再对所述容器视图对应各子视图进行仿射变换。

从而针对各iOS系统中应用程序的页面，可通过上述过程实现将页面显示由从左右到的布局调整为从右到左的布局。

本申请实施例中，JS(JavaScript)端可以确定应用程序(application，APP)的第三方向参数，然后确定该第三方向参数的参数值是否已设置来确定是否需要继承，如自行选择是否跟随系统方向，不做设置时默认LTR等。如前端对根节点设置‘direction:rtl’时，每个基类元素Element都表现为RTL布局，从而无需再对每个Element分别设置‘direction:rtl’，降低页面适配的改造成本。本申请实施例中，通过页面中节点视图的调整也可是的滚动容器体验符合RTL，在RTL情况下，滚动容器第一个元素在最右侧，并且右对齐，滚动方向从右至左。

本申请实施例可在软件开发工具包(Software Development Kit，SDK)层面统一解决RTL布局样式，可应用到所有业务场景，对页面入侵程序较小，在指定root节点(即根节点)的第三方向参数的参数值后，可通过继承方式完成整个页面的RTL的布局设置。

本申请实施例中以默认从左到右为例，实际处理中若默认从右到左，而检测到布局需要调整为从左到右，也可采用与上述实施例类似的方式执行，按照需求调整方向即可。

需要说明的是，对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请实施例并不受所描述的动作顺序的限制，因为依据本申请实施例，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本申请实施例所必须的。

在上述实施例的基础上，本实施例还提供了一种数据处理装置，应用于服务器(集群)、终端设备等电子设备中。

参照图8，示出了本申请一种数据处理装置实施例的结构框图，具体可以包括如下模块：

节点确定模块802，用于确定页面中节点，以及所述节点的上一级节点。

参数值确定模块804，用于将所述上一级节点的第一方向参数的参数值，确定为所述节点的第一方向参数的参数值。

方向确定模块806，用于依据所述第一方向参数的参数值，确定所述节点的方向信息。

方向调整模块808，用于若所述方向信息与所述节点对应视图的默认显示方向相反，则调整所述节点对应视图的显示方向。

综上，确定页面中节点，以及所述节点的上一级节点，然后将所述上一级节点的第一方向参数的参数值，确定为所述节点的第一方向参数的参数值，节点的第一方向参数可继承其上一级节点的第一方向参数，再依据第一方向参数的参数值确定该节点的方向信息，使得各节点可自动检测和调整方向，适用于各种页面的开发，具有较好的复用性，且能够提高页面的开发效率较高。

参照图9，示出了本申请另一种数据处理装置实施例的结构框图，具体可以包括如下模块：

节点确定模块802，用于确定页面中节点，以及所述节点的上一级节点。

参数值确定模块804，用于将所述上一级节点的第一方向参数的参数值，确定为所述节点的第一方向参数的参数值。

方向确定模块806，用于依据所述第一方向参数的参数值，确定所述节点的方向信息。

方向调整模块808，用于若所述方向信息与所述节点对应视图的默认显示方向相反，则调整所述节点对应视图的显示方向。

其中，所述方向调整模块808包括：属性调整子模块8082和变换子模块8084：

所述属性调整子模块8082，用于依据所述方向信息设置所述节点对应视图的属性。

所述变换子模块8084，用于通过仿射变换调整所述节点对应的视图。

进一步，所述变换子模块8084，用于对所述节点对应容器视图进行仿射变换，再对所述容器视图对应各子视图分别进行仿射变换。

所述方向确定模块806，用于确定所述节点的第二方向参数的参数值，其中，所述第二方向参数用于确定节点对应流式布局的方向；依据所述第二方向参数的参数值和第一方向参数的参数值，确定所述节点的方向信息。

本申请实施例中，所述第一方向参数的参数值包括从左到右，和/或，从右到左；所述节点的方向信息包括：行方向对应的从右至左的水平布局，行方向对应的从左至右的水平布局，列方向对应的从右至左的垂直布局，和/或，列方向对应的从左至右的垂直布局。所述第二方向参数的参数值包括：行正向参数值、行反向参数值、列正向参数值，和/或，列反向参数值。

所述参数值确定模块804，还用于确定根节点的第三方向参数的参数值；将所述第三方向参数的参数值，作为所述根节点的第一方向参数的参数值。

本申请实施例中，JS(JavaScript)端可以确定应用程序(application，APP)的第三方向参数，然后确定该第三方向参数的参数值是否已设置来确定是否需要继承，如自行选择是否跟随系统方向，不做设置时默认LTR等。如前端对根节点设置‘direction:rtl’时，每个基类元素Element都表现为RTL布局，从而无需再对每个Element分别设置‘direction:rtl’，降低页面适配的改造成本。本申请实施例中，通过页面中节点视图的调整也可是的滚动容器体验符合RTL，在RTL情况下，滚动容器第一个元素在最右侧，并且右对齐，滚动方向从右至左。

本申请实施例可在软件开发工具包(Software Development Kit，SDK)层面统一解决RTL布局样式，可应用到所有业务场景，对页面入侵程序较小，在指定root节点(即根节点)的第三方向参数的参数值后，可通过继承方式完成整个页面的RTL的布局设置。

本申请实施例中以默认从左到右为例，实际处理中若默认从右到左，而检测到布局需要调整为从左到右，也可采用与上述实施例类似的方式执行，按照需求调整方向即可。

本申请实施例还提供了一种非易失性可读存储介质，该存储介质中存储有一个或多个模块(programs)，该一个或多个模块被应用在设备时，可以使得该设备执行本申请实施例中各方法步骤的指令(instructions)。

本申请实施例提供了一个或多个机器可读介质，其上存储有指令，当由一个或多个处理器执行时，使得电子设备执行如上述实施例中一个或多个所述的方法。本申请实施例中，所述电子设备包括服务器(集群)、移动设备、终端设备等。

本公开的实施例可被实现为使用任意适当的硬件，固件，软件，或及其任意组合进行想要的配置的装置，该装置可包括服务器(集群)、移动设备、终端设备等电子设备。图10示意性地示出了可被用于实现本申请中所述的各个实施例的示例性装置1000。

对于一个实施例，图10示出了示例性装置1000，该装置具有一个或多个处理器1002、被耦合到(一个或多个)处理器1002中的至少一个的控制模块(芯片组)1004、被耦合到控制模块1004的存储器1006、被耦合到控制模块1004的非易失性存储器(NVM)/存储设备1008、被耦合到控制模块1004的一个或多个输入/输出设备1010，以及被耦合到控制模块1004的网络接口1012。

处理器1002可包括一个或多个单核或多核处理器，处理器1002可包括通用处理器或专用处理器(例如图形处理器、应用处理器、基频处理器等)的任意组合。在一些实施例中，装置1000能够作为本申请实施例中所述服务器(集群)、移动设备、终端设备等设备。

在一些实施例中，装置1000可包括具有指令1014的一个或多个计算机可读介质(例如，存储器1006或NVM/存储设备1008)以及与该一个或多个计算机可读介质相合并被配置为执行指令1014以实现模块从而执行本公开中所述的动作的一个或多个处理器1002。

对于一个实施例，控制模块1004可包括任意适当的接口控制器，以向(一个或多个)处理器1002中的至少一个和/或与控制模块1004通信的任意适当的设备或组件提供任意适当的接口。

控制模块1004可包括存储器控制器模块，以向存储器1006提供接口。存储器控制器模块可以是硬件模块、软件模块和/或固件模块。

存储器1006可被用于例如为装置1000加载和存储数据和/或指令1014。对于一个实施例，存储器1006可包括任意适当的易失性存储器，例如，适当的DRAM。在一些实施例中，存储器1006可包括双倍数据速率类型四同步动态随机存取存储器(DDR4SDRAM)。

对于一个实施例，控制模块1004可包括一个或多个输入/输出控制器，以向NVM/存储设备1008及(一个或多个)输入/输出设备1010提供接口。

例如，NVM/存储设备1008可被用于存储数据和/或指令1014。NVM/存储设备1008可包括任意适当的非易失性存储器(例如，闪存)和/或可包括任意适当的(一个或多个)非易失性存储设备(例如，一个或多个硬盘驱动器(HDD)、一个或多个光盘(CD)驱动器和/或一个或多个数字通用光盘(DVD)驱动器)。

NVM/存储设备1008可包括在物理上作为装置1000被安装在其上的设备的一部分的存储资源，或者其可被该设备访问可不必作为该设备的一部分。例如，NVM/存储设备1008可通过网络经由(一个或多个)输入/输出设备1010进行访问。

(一个或多个)输入/输出设备1010可为装置1000提供接口以与任意其他适当的设备通信，输入/输出设备1010可以包括通信组件、音频组件、传感器组件等。网络接口1012可为装置1000提供接口以通过一个或多个网络通信，装置1000可根据一个或多个无线网络标准和/或协议中的任意标准和/或协议来与无线网络的一个或多个组件进行无线通信，例如接入基于通信标准的无线网络，如WiFi、2G、3G、4G等，或它们的组合进行无线通信。

对于一个实施例，(一个或多个)处理器1002中的至少一个可与控制模块1004的一个或多个控制器(例如，存储器控制器模块)的逻辑封装在一起。对于一个实施例，(一个或多个)处理器1002中的至少一个可与控制模块1004的一个或多个控制器的逻辑封装在一起以形成系统级封装(SiP)。对于一个实施例，(一个或多个)处理器1002中的至少一个可与控制模块1004的一个或多个控制器的逻辑集成在同一模具上。对于一个实施例，(一个或多个)处理器1002中的至少一个可与控制模块1004的一个或多个控制器的逻辑集成在同一模具上以形成片上系统(SoC)。

在各个实施例中，装置1000可以但不限于是：服务器、台式计算设备或移动计算设备(例如，膝上型计算设备、手持计算设备、平板电脑、上网本等)等终端设备。在各个实施例中，装置1000可具有更多或更少的组件和/或不同的架构。例如，在一些实施例中，装置1000包括一个或多个摄像机、键盘、液晶显示器(LCD)屏幕(包括触屏显示器)、非易失性存储器端口、多个天线、图形芯片、专用集成电路(ASIC)和扬声器。

本申请实施例提供了一种电子设备，包括：一个或多个处理器；和，其上存储有指令的一个或多个机器可读介质，当由所述一个或多个处理器执行时，使得所述服务器执行如本申请实施例中一个或多个所述的数据处理方法。

对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。

本申请实施例是参照根据本申请实施例的方法、终端设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理终端设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理终端设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理终端设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理终端设备上，使得在计算机或其他可编程终端设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程终端设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

尽管已描述了本申请实施例的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本申请实施例范围的所有变更和修改。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的相同要素。

以上对本申请所提供的一种数据处理方法和装置、一种电子设备和一种存储介质，进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。