[发明专利]基于蒙版的web表单设计方法

摘要

本发明提供的基于蒙版的web表单设计方法，步骤包括：构建表单所需控件的控件库，并将控件配置在控件选择界面上；构建与控件各自对应的属性列表，并将属性列表配置在属性编辑界面上；构建表单预览界面，表单预览界面按照当前设计表单的内容做展现；构建位于表单预览界面区域上方的蒙版，通过蒙版拦截对表单预览界面的鼠标及键盘操作；当鼠标点击表单预览界面时，蒙版捕获鼠标事件时，根据鼠标的位置匹配出该位置所在的控件，从而将该控件设置为选中状态，并且在属性编辑界面显示该控件的属性值。本发明提供了更好的用户体验，表单和控件完全是按照实际的效果在表单设计器的表单预览界面显示，所展现的样子和实际的效果完全一致。

主权项

1.基于蒙版的web表单设计方法，设计界面包括控件选择界面、属性编辑界面和表单预览界面，其特征在于，步骤包括：1)构建表单所需控件的控件库，并将控件按照列表的格式配置在所述控件选择界面上；2)构建与所述控件各自对应的属性列表，并将属性列表配置在所述属性编辑界面上；3)构建表单预览界面，表单预览界面按照当前设计表单的内容做展现；4)构建位于表单预览界面区域上方的蒙版，通过蒙版拦截对表单预览界面的鼠标及键盘操作；5)当鼠标点击所述表单预览界面时，鼠标事件会在蒙版上触发，蒙版捕获鼠标事件时，根据鼠标的位置匹配出该位置所在的控件，从而将该控件设置为选中状态，并且在属性编辑界面显示该控件的属性值；6)当控件属性或者表单属性发生改变后，在所述表单预览界面显示修改完后即显示最新样式的效果。