一种适用于可视化建站管理的选项卡式检视器系统与方法技术方案

本发明专利技术涉及一种适用于可视化建站管理的选项卡式检视器系统与方法。提供一种适用于可视化建站管理的选项卡式检视器系统，包括内容交互模块，选项卡模块，参数设置模块；内容交互模块为展示状态视图界面的布局区域，可被触发以调用选项卡模块及参数设置模块；参数设置模块为展示参数设置界面的区域；选项卡模块包括若干选项卡标签，选项卡标签与状态视图界面及参数设置界面具有对应关系；其执行可视化建站管理的选项卡式检视器系统还应有相应的操作方法。本发明专利技术有效的统一了交互路径，避免选项卡标签占用参数设置界面有限的空间，同时避免状态视图切换时选项卡标签对参数设置界面相关参数设置的阻碍，为用户提供舒适、整洁、全面、统一的操作环境。

【技术实现步骤摘要】
一种适用于可视化建站管理的选项卡式检视器系统与方法
本专利技术涉及软件
，具体地说，是一种适用于可视化建站管理的选项卡式检视器系统与方法。
技术介绍
随着web2.0快速发展，一些所见即所得式的可视化建站类工具软件的运用，使得用户不需要使用代码对网站的布局进行设计，只需通过相应模式化的操作既可以完成；而云技术的成熟，使得云端应用与本地软件使用起来一样快，越来越多的软件在云端上运行，包括在线网站制作工具等。可视化工具软件的页面布局基本由三个部分组成，即工具栏、画布(搭建网站的可视化区域)和参数设置模块，其中画布不仅是内容样式的可视化区也是用户的交互区，且在所见即所得是的网页建站或管理中，其画布中内容往往由大部分的单一状态视图模块与少部分的多状态视图模块构成，管理员在对其进行参数编辑时，其交互方式为通过点击状态视图模块，调出显示对应的参数设置模块以修改相应参数，而对于少数的多状态视图模块，网页管理员在编辑交互时，需要通过点击当前多状态视图模块区域，调出参数设置模块，再通过参数设置模块中的下拉选项框切换该多状态视图模块下的其他状态视图以及相对应的参数设置界面，这种操作方式不仅改变了习惯性的交互路径，给管理员带来了极差的产品体验，而且其选项卡设置在参数设置栏内，挤占了参数设置栏内原有的空间，当选项卡标签较多时，势必会妨碍参数选项及相应数据的展示，进一步造成了较差的用户体验。在现有技术中，利用所见即所得式的可视化建站软件在画布中构建管理多状态视图及其相应参数选项时，其操作方式为：请参看说明书附图1；附图1是现有技术中多状态视图构建管理示意图。在多状态视图框架下，选中其内容交互模块区域，即在右侧弹出参数设置模块，参数设置模块中为与所述内容交互模块当前显示的状态视图界面相对应的参数设置界面，其中包括含有若干选项卡标签的下拉选项框32，管理员通过修改参数设置界面内相应的参数选项即可控制其所对应的状态视图界面的内容模式；当管理员需要显示查看该多状态视图框架内其他的状态视图时，需要点击参数设置界面中的下拉选项框32，即显示出相应的若干选项卡标签，再从中选中需要查看的选项卡标签，此时其参数设置模块与所述内容交互模块皆展示为与被选中的选项卡标签相对应的参数设置界面及状态视图界面，而当选项卡标签较多时，其下拉展示出来的若干选项卡标签会遮挡住一部分参数设置界面，这使得管理员在切换后，需要先隐藏显示出来的若干选项卡标签，才能清楚的看到完整的参数展示界面，这不仅增加了后续操作步骤，还影响了直观的产品体验；而且其交互方式从习惯性的状态视图界面到参数设置界面，扭转成了从参数设置界面到状态视图界面的交互方式，极大的破坏了使用者的产品认知与体验。。中国专利文献CN102736904A公开了一种界面快速导航方法及装置，用于解决移动终端中的界面导航速度慢、使用不方便的技术问题。本专利技术在选项卡方式的导航界面中的增加快速选择界面，通过快速选择界面使得用户能够快速的选择要去的功能界面，从而加快了功能界面的切换速度；由于避免了顺序切换标签页来查找功能界面，因此用户切换功能界面的平均按键次数大幅减少，用户能随机切换到任何功能界面，不用离开当前功能界面，标签页显示文字内容空间区域较大。该专利文献具有使用方便、切换路径短、记忆成本低、切换速度快、开发成本低的特点。该专利文献通过预设的轨迹触发将选项卡标签集中展示于可视化区域，其解决的是网页浏览时，由于可视化空间有限，标签页被隐藏，导致需要跳转其他标签页时，操作麻烦的问题，其适用于移动端的标签切换浏览；并不能解决在上述利用所见即所得式的可视化建站类软件对多状态视图模块进行管理的过程中出现的交互方式的改变及操作体验极差的问题，而且该专利文献解决的是方便便捷的跳转标签对应的链接问题，对于技术人员来说，相对该专利文献或上述现有技术，本专利技术所提供的解决方案其实现的技术难度并不相同。综上所述，亟需一种在构建、管理多状态视图模块时，既可以方便快速地切换和查看不同的状态视图，又能与单个状态视图模块的交互路径保持一致，且简化了用户操作路径，避免编辑人员因操作方式不一致造成的不好的产品体验的选项卡式检视器系统与方法。
技术实现思路
本专利技术的目的是，提供一种在构建、管理多状态视图模块时，既可以方便快速地切换和查看不同的状态视图，又能与单个状态视图模块的交互路径保持一致，且简化了用户操作路径，避免编辑人员因操作方式不一致造成的不好的产品体验的选项卡式检视器系统。本专利技术的再一的目的是，提供一种在构建、管理多状态视图模块时，既可以方便快速地切换和查看不同的状态视图，又能与单个状态视图模块的交互路径保持一致，且简化了用户操作路径，避免编辑人员因操作方式不一致造成的不好的产品体验的的选项卡式检视器方法。为实现上述第一个目的，本专利技术采取的技术方案是：一种适用于可视化建站管理的选项卡式检视器系统，包括内容交互模块，选项卡模块，参数设置模块；所述内容交互模块为展示状态视图界面的可视化布局区域，可被触发以调用所述选项卡模块及参数设置模块；所述参数设置模块为展示与所述状态视图界面相对应的参数设置界面，其为可被显示及修改相应的参数设置的隐藏界面；所述选项卡模块其包括若干选项卡标签，所述选项卡标签与所述状态视图界面及参数设置界面具有对应关系；所述选项卡模块为可被显示选取调用的隐藏界面。作为一种优选的技术方案，所述内容交互模块其区域范围可随所述状态视图界面的边框边缘实际占用区域大小进行适应性调整。作为一种优选的技术方案，所述内容交互模块具有锚点定位作用。作为一种优选的技术方案，所述内容交互模块其内部设有若干个状态视图界面，且其可视化布局区域仅展示其中某一个状态视图界面，其余状态视图界面皆处于隐藏状态。作为一种优选的技术方案，所述选项卡模块包括可视化建站类工具产品中所述内容交互模块其内的若干所述状态视图界面对应的全部所述选项卡标签。为实现上述第二个目的，本专利技术采取的技术方案是：一种适用于可视化建站管理的选项卡式检视器方法：在可视化建站类工具所见即所得式的网站管理中，当触发所述内容交互模块时，显示所述选项卡模块及所述参数设置模块；选定所述选项卡模块中某个选项卡标签，所述内容交互模块切换展示为与被选定的所述选项卡标签相对应的状态视图界面，所述参数设置模块切换展示为与其相对应的参数设置界面；触发模块隐藏指令，隐藏所述选项卡模块及所述参数设置模块；所述选项卡标签与所述内容交互模块其中的状态视图界面及所述参数设置模块中的参数设置界面具有对应关系。作为一种优选的技术方案，触发所述内容交互模块的方式为单击或双击所述内容交互模块，且触发时，所述内容交互模块其区域范围边界处于高亮状态；触发模块隐藏指令的方式为单击或双击非当前所述内容交互模块区域。作为一种优选的技术方案，所述内容交互模块具有锚点定位作用，当点击所述内容交互模块时，所述内容交互模块区域上下居中显示于可视化区域内。作为一种优选的技术方案，所述选项卡模块包括可视本文档来自技高网...

【技术保护点】
1.一种适用于可视化建站管理的选项卡式检视器系统，其特征在于，包括内容交互模块，选项卡模块，参数设置模块；/n所述内容交互模块为展示状态视图界面的可视化布局区域，可被触发以调用所述选项卡模块及参数设置模块；/n所述参数设置模块为展示与所述状态视图界面相对应的参数设置界面，其为可被显示及修改相应的参数设置的隐藏界面；/n所述选项卡模块其包括若干选项卡标签，所述选项卡标签与所述状态视图界面及参数设置界面具有对应关系；所述选项卡模块为可被显示选取调用的隐藏界面。/n

【技术特征摘要】
1.一种适用于可视化建站管理的选项卡式检视器系统，其特征在于，包括内容交互模块，选项卡模块，参数设置模块；
所述内容交互模块为展示状态视图界面的可视化布局区域，可被触发以调用所述选项卡模块及参数设置模块；
所述参数设置模块为展示与所述状态视图界面相对应的参数设置界面，其为可被显示及修改相应的参数设置的隐藏界面；
所述选项卡模块其包括若干选项卡标签，所述选项卡标签与所述状态视图界面及参数设置界面具有对应关系；所述选项卡模块为可被显示选取调用的隐藏界面。


2.根据权利要求1所述的适用于可视化建站管理的选项卡式检视器系统，其特征在于，所述内容交互模块其区域范围可随所述状态视图界面的边框边缘实际占用区域大小进行适应性调整。


3.根据权利要求1所述的适用于可视化建站管理的选项卡式检视器系统，其特征在于，所述内容交互模块具有锚点定位作用。


4.根据权利要求1所述的适用于可视化建站管理的选项卡式检视器系统，其特征在于，所述内容交互模块其内部设有若干个状态视图界面，且其可视化布局区域仅展示其中某一个状态视图界面，其余状态视图界面皆处于隐藏状态。


5.根据权利要求1所述的适用于可视化建站管理的选项卡式检视器系统，其特征在于，所述选项卡模块包括可视化建站类工具产品中所述内容交互模块其内的若干所述状态视图界面对应的全部所述选项卡标签。


6.一种适用于可视化建站管理的选项卡式检视器方法，其特征在于，
在可视化建站...

【专利技术属性】
技术研发人员：施淑颖，
申请(专利权)人：上海宝尊电子商务有限公司，
类型：发明
国别省市：上海;31