1.一种可视化视图设计方法,其特征在于,该方法包括如下步骤:
(1)用户使用浏览器连接设计服务器,设计服务器向浏览器返回初始登录页面;
(2)如果用户需要登录一个已有的设计项目,则在初始登录页面中输入项目代码和密码进行登录;如果用户需要新建一个新的设计项目,则在初始登录页面中注册并登录一个新的设计项目,包括注册该新设计项目的代码和密码。
(3)在用户登录后,设计服务器根据用户登录的项目代码,将相应设计项目的当前设计视图发送给所述浏览器;
(4)用户在当前设计视图的视图区中使用鼠标画出矩形区域作为锁定区域,浏览器将该矩形区域的位置信息上报给设计服务器,所述设计服务器检查该矩形区域是否与其他用户的锁定区域冲突。如果冲突,则向浏览器发送锁定失败消息,如果不冲突,则记录该矩形区域为该用户的锁定区域,向浏览器发送锁定成功消息;
(5)当用户在视图区选择了一个不在该用户锁定区域内的控件时,浏览器将该控件的标识符,以及控件选择消息发送给设计服务器,设计服务器检查该控件所在的区域是否与其他用户的锁定区域有冲突,如果冲突,则设计服务器向浏览器发送控件冲突消息,浏览器将该控件的属性区的所有属性设置为不可编辑状态;如果不冲突,则设计服务器锁定该控件,将该控件所在的区域设置为该用户的锁定区域,向浏览器发送控件锁定消息,用户即可编辑该控件;
(6)用户在其锁定区域内进行视图设计工作,但任何超出锁定区域的视图设计都会被拒绝;
(7)当用户不再需要某个锁定区域时,选择该锁定区域,并点击工具栏上的“取消锁定”按钮,浏览器将向设计服务器发送该锁定区域取消锁定的消息,设计服务器取消该锁定区域的锁定记录,并且浏览器将用户在该锁定区域的设计结果发送给设计服务器保存,设计服务器同时将该设计结果发送给在线的其他用户;
(8)对于步骤5中被用户锁定的控件,当用户不再选择该控件时,浏览器将向设计服务器发送该控件的解锁消息,设计服务器取消对该控件及其所在区域的锁定,并且浏览器将用户对该控件的编辑结果发送给设计服务器保存,设计服务器同时将该编辑结果发送给在线的其他用户;
(9)当用户退出或关闭浏览器时,浏览器将该用户的所有设计结果都发送给设计服务器保存,设计服务器取消该用户的所有锁定区域,并将该用户的所有设计结果发送给在线的其他用户。
2.根据权利要求1所述的可视化视图设计方法,其特征在于,所述设计视图是基于HTML5格式的设计页面。
3.根据权利要求1-2所述的可视化视图设计方法,其特征在于,所述设计视图包括工具栏、控件库、视图区、自由区和属性区。
4.根据权利要求3所述的可视化视图设计方法,其特征在于,在所述视图区中显示其他用户的锁定区域。
5.根据权利要求3所述的可视化视图设计方法,其特征在于,
所述工具栏是提供设计视图的工具按钮的区域;
所述控件库用于提供设计中可用的控件列表;
所述视图区是用户进行视图设计的核心区域,用户可将控件拖拽到视图区中进行编辑,在视图区中设计Web应用的布局。
所述自由区是用于临时存放控件的区域;
所述属性区用于视图区中各个控件的属性编辑。
6.根据权利要求5所述的可视化视图设计方法,其特征在于,所述控件库包括资源库、功能库、组件库和预设动作列表;其中
所述资源库包括系统中可用的视图属性组件;
所述功能库包括历史上已配置好的功能控件;
所述组件库包括所有基本控件;
所述预设动作列表多个包括带有完整事件和方法的事件按钮。
7.根据权利要求5所述的可视化视图设计方法,其特征在于,所述视图区具有多个标签页,用户可在不同标签页中设计不同的Web页面或页面区域。