[发明专利]页面生成方法及装置、电子设备和介质

权利要求书

1.一种页面生成方法，包括：

显示第一页面，所述第一页面包括至少一个可拖动组件和用于容置所述至少一个可拖动组件的至少一个容器组件，每个所述可拖动组件绑定有开始拖动事件和结束拖动事件，每个所述容器组件绑定有容置事件；

响应于检测到目标可拖动组件发生所述开始拖动事件，对所述目标可拖动组件的拖动状态信息进行更新，其中，所述目标可拖动组件为所述至少一个可拖动组件中的任一可拖动组件；

响应于检测到目标容器组件发生所述容置事件，对所述目标容器组件的容置状态信息进行更新，所述目标容器组件为所述至少一个容器组件中的任一容器组件；以及

响应于检测到所述目标可拖动组件发生所述结束拖动事件，基于所述拖动状态信息和所述容置状态信息，对所述第一页面进行更新，以生成第二页面。

2.根据权利要求1所述的方法，其中，所述至少一个可拖动组件和所述至少一个容器组件中的每一个分别具有类型参数，所述目标容器组件的类型参数与所述目标可拖动组件的类型参数相匹配。

3.根据权利要求2所述的方法，还包括：

响应于检测到目标可拖动组件发生所述开始拖动事件：

采用第一样式突出显示所述目标可拖动组件；

从所述至少一个容器组件中确定至少一个候选容器组件，所述候选容器组件的类型参数与所述目标可拖动组件的类型参数相匹配；以及

采用第二样式突出显示所述至少一个候选容器组件。

4.根据权利要求3所述的方法，其中，所述容置事件包括目标可拖动组件进入事件、目标可拖动组件内部移动事件、目标可拖动组件移出事件以及目标可拖动组件放置事件，所述方法还包括：

在检测到目标容器组件发生所述目标可拖动组件进入事件或所述目标可拖动组件内部移动事件的情况下，采用第三样式突出显示所述目标容器组件，其中，所述目标容器组件为所述至少一个候选容器组件的其中之一，所述第三样式与所述第二样式不同；

在检测到所述目标容器组件发生所述目标可拖动组件移出事件的情况下，采用所述第二样式突出显示所述目标容器组件；以及

在检测到所述目标容器组件发生所述目标可拖动组件放置事件的情况下，采用第四样式突出显示所述目标容器组件。

5.根据权利要求1-4中任一项所述的方法，其中，在对所述目标可拖动组件的拖动状态信息进行更新之后，还包括：将所述拖动状态信息同步至所述至少一个容器组件；

在对所述目标容器组件的容置状态信息更新之后，还包括：将所述容置状态信息同步至所述目标可拖动组件。

6.根据权利要求1-5中任一项所述的方法，其中，所述拖动状态信息用于指示以下至少一项：可拖动组件的类型、属性、是否被放置于容器组件中、在开始拖动事件发生时鼠标指针的初始坐标、在开始拖动事件发生时所述可拖动组件的根DOM节点的初始坐标、鼠标指针的当前坐标以及所述可拖动组件的根DOM节点的当前坐标；

所述容置状态信息用于指示以下至少一项：容器组件的类型、是否放置有可拖动组件、在开始拖动事件发生时鼠标指针的初始坐标、在开始拖动事件发生时所述可拖动组件的根DOM节点的初始坐标、鼠标指针的当前坐标以及所述可拖动组件的根DOM节点的当前坐标。

7.一种页面生成装置，包括：

第一显示模块，被配置为显示第一页面，所述第一页面包括至少一个可拖动组件和用于容置所述至少一个可拖动组件的至少一个容器组件，每个所述可拖动组件绑定有开始拖动事件和结束拖动事件，每个所述容器组件绑定有容置事件；

第一状态更新模块，被配置为响应于检测到目标可拖动组件发生所述开始拖动事件，对所述目标可拖动组件的拖动状态信息进行更新，其中，所述目标可拖动组件为所述至少一个可拖动组件中的任一可拖动组件；

第二状态更新模块，被配置为响应于检测到目标容器组件发生所述容置事件，对所述目标容器组件的容置状态信息进行更新；以及

第二显示模块，被配置为响应于检测到所述目标可拖动组件发生所述结束拖动事件，基于所述拖动状态信息和所述容置状态信息，对所述第一页面进行更新，以生成第二页面。