[發(fā)明專利]基于蒙版的web表單設(shè)計方法

有效

• 申請?zhí)枺?/td>: 201710585433.1
• 申請日: 2017-07-18
• 公開（公告）號: CN107391656B
• 公開（公告）日: 2019-01-29
• 發(fā)明（設(shè)計）人: 彭志勇;劉志鵬
• 申請（專利權(quán)）人: 彭志勇
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06F3/0487;G06F3/0481
• 代理公司: 北京遠大卓悅知識產(chǎn)權(quán)代理事務所(普通合伙) 11369
• 代理人: 史霞

1.基于蒙版的web表單設(shè)計方法，設(shè)計界面包括控件選擇界面、屬性編輯界面和表單預覽界面，其特征在于，步驟包括：

1)構(gòu)建表單所需控件的控件庫，并將控件按照列表的格式配置在所述控件選擇界面上；

2)構(gòu)建與所述控件各自對應的屬性列表，并將屬性列表配置在所述屬性編輯界面上；

3)構(gòu)建表單預覽界面，表單預覽界面按照當前設(shè)計表單的內(nèi)容做展現(xiàn)；

4)構(gòu)建位于表單預覽界面區(qū)域上方的蒙版，通過蒙版攔截對表單預覽界面的鼠標及鍵盤操作；

5)當鼠標點擊所述表單預覽界面時，鼠標事件會在蒙版上觸發(fā)，蒙版捕獲鼠標事件時，根據(jù)鼠標的位置匹配出該位置所在的控件，從而將該控件設(shè)置為選中狀態(tài)，并且在屬性編輯界面顯示該控件的屬性值；

6)當控件屬性或者表單屬性發(fā)生改變后，在所述表單預覽界面顯示修改完后即顯示最新樣式的效果。

2.根據(jù)權(quán)利要求1所述的基于蒙版的web表單設(shè)計方法，其特征在于，所述蒙版的透明度為80～99％。

3.根據(jù)權(quán)利要求1所述的基于蒙版的web表單設(shè)計方法，其特征在于，如果鼠標位置未匹配出對應的控件時，則在屬性編輯界面顯示表單的屬性值。

4.根據(jù)權(quán)利要求1所述的基于蒙版的web表單設(shè)計方法，其特征在于，控件的背景顏色設(shè)置深色以達到選中的視覺效果。