页面设计方法、客户端设备、可读介质及程序产品技术

本发明专利技术公开了一种页面设计方法、客户端设备、可读介质及程序产品。方法包括：显示客户端应用的页面及至少一个变量编辑可视模块；页面上展示有目标控件，变量编辑可视化模块上具有至少一个编辑框；确定用户选择出的至少一个目标变量编辑可视模块；响应于用户触发的操作，显示用户在至少一个目标变量编辑可视模块上的编辑框内输入的至少一个目标变量参数；将目标控件与至少一个目标变量参数关联，完成目标控件的功能设计，以便服务端确定用户对所述页面上的所述目标控件触发了操作时，获取与目标控件关联的至少一个目标变量参数，使得与目标控件对应的执行程序按照至少一个目标变量参数执行，以便在客户端作相应的响应。本方案可提高页面开发效率。提高页面开发效率。提高页面开发效率。

【技术实现步骤摘要】
页面设计方法、客户端设备、可读介质及程序产品


[0001]本专利技术涉及界面开发
，尤其涉及一种页面设计方法、客户端设备、可读介质及程序产品。

技术介绍

[0002]随着智能化科学技术的发展，各种客户端应用层出不穷，客户端应用的开发离不开可视化页面(或称为用户界面)(User Interface，UI)的编辑开发。
[0003]在UI编辑开发过程中，利用现有页面设计软件，如Qt Designer、Android Studio和XCode等应用内置的UI编辑工具，虽已能很好的处理UI的显示和布局等方面内容，但所开发出的页面仅是展示出页面的初始状态，并不具有动态运行功能，也就是说，应用运行时其页面上的各种控件(如按钮、进度条、文本等)所要表达出的运行状态仍需由开发人员通过编写程序代码实现，这无疑需要开发人员付出大量时间与精力。

技术实现思路

[0004]本专利技术提供一种解决上述问题或至少部分地解决上述问题的页面设计方法、客户端设备、可读介质及程序产品。
[0005]根据本专利技术的一个方面，提供了一种页面设计方法，包括：
[0006]提供设计界面；
[0007]在所述设计界面上，显示客户端应用的页面及至少一个变量编辑可视模块；其中，所述页面上展示有目标控件，所述变量编辑可视模块上具有至少一个编辑框；
[0008]响应于用户对所述至少一个变量编辑可视模块触发的选择操作，确定所述用户选择出的至少一个目标变量编辑可视模块；
[0009]响应于所述用户触发的输入操作，显示所述用户在所述至少一个目标变量编辑可视模块上的编辑框内输入的至少一个目标变量参数；
[0010]将所述目标控件与所述至少一个目标变量参数关联，完成所述目标控件的功能设计，以便服务端确定用户对所述页面上的所述目标控件触发了操作时，获取与所述目标控件关联的至少一个目标变量参数，使得与所述目标控件对应的执行程序按照所述至少一个目标变量参数执行，以便在所述客户端做出相应的响应。
[0011]根据本专利技术的另一个方面，提供了一种客户端设备，包括存储器、处理器及存储在存储器上的计算机程序/指令，所述处理器执行所述计算机程序/指令时实现上述第一方面所述页面设计方法的步骤。
[0012]根据本专利技术的再一个方面，提供了一种计算机可读介质，其上存储有计算机程序/指令，所述计算机程序/指令被处理器执行时实现上述第一方面所述页面设计方法的步骤。
[0013]根据本专利技术的再一个方面，提供了一种计算机程序产品，包括计算机程序/指令，所述计算机程序/指令被处理器执行时实现上述第一方面所述页面设计方法的步骤。
[0014]本专利技术的有益效果为：通过提供相应的设计界面，在设计界面上，显示客户端应用
的展示有目标控件的页面，及显示至少一个具有至少一个编辑框的变量编辑可视模块；并在响应于用户对至少一个变量编辑可视模块触发的选择操作，确定出用户选择的至少一个目标变量编辑可视模块后，通过响应于用户触发的输入操作，可显示用户在所述至少一个目标变量编辑可视模块上的编辑框内输入的至少一个目标变量参数；执行将目标控件与至少一个目标变量参数的关联操作，即可完成目标控件的功能设计，从而以便于服务端在确定出用户触发了页面上的目标控件时，获取与目标控件关联的至少一个变量参数，使得与目标控件对应的执行程序按照至少一个变量参数执行，以便在客户端做出相应的响应。由此可见，在目标控件的功能整个设计过程中，用户只需进行一些简单操作，比如变量编辑可视模块的选择、变量参数的输入等操作，即可完成目标控件的功能设计，无需要用户通过编写程序代码来实现，这利于提高页面设计开发的效率。
附图说明
[0015]为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要利用的附图作一简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0016]图1a示意性地示出了根据本专利技术一个实施例的页面设计方法的流程示意图；
[0017]图1b示意性地示出了根据本专利技术一个实施例的页面编辑界面的示意图；
[0018]图2a示意性地示出了根据本专利技术一个实施例的事件编辑界面的示意图；
[0019]图2b示意性地示出了根据本专利技术另一个实施例的页面编辑界面的示意图；
[0020]图2c示意性地示出了根据本专利技术又一个实施例的事件编辑界面的示意图；
[0021]图2d示意性地示出了根据本专利技术又一个实施例的事件编辑界面的示意图；
[0022]图3示意性地示出了根据本专利技术一个实施例的数据关联界面的示意图；
[0023]图4示意性地示出了根据本专利技术一个实施例的页面设计的原理性示意图；
[0024]图5示意性地示出了根据本专利技术一个实施例的页面设计装置的结构示意图；
[0025]图6示意性地示出了根据本专利技术一个实施例的客户端设备的结构示意图；
[0026]图7示意性地示出了根据本专利技术一个实施例的计算机程序产品的结构示意图。
具体实施方式
[0027]随着科学技术的发展，各种客户端应用(如各种游戏类、网购类、交友类等应用)层出不穷，丰富了人们生活。客户端应用的开发离不开可视化页面(或称为用户界面、用户交互接口)(User Interface，UI)的编辑开发设计。
[0028]页面的编辑开发设计通常是开发人员基于相应的页面设计软件，如Qt Designer、Android Studio和XCode等应用所内置的UI编辑工具来实现的。这些UI编辑工具经多年发展在处理页面的显示和布局等方面具有较好的便捷、高效性，可在一定程度上提高页面开发效率。页面作为用户与硬件系统间进行交互和信息交换的介质，其在运行全生命周期内应能按照开发人员设置的功能运行以正确表达出对应的状态信息，比如，游戏类应用其页面上的表征游戏人物剩余血量的进度条，应能动态实时显示出该游戏人物对应的剩余血量信息。然而，利用现有页面设计软件开发出的页面仅只是一个页面的初始状态，其上的各控
件(如文本框控件、图片控件、按钮控件、进度条控件等)并不具有对应的功能数据，也就无法动态实时表达出运行时对应的状态信息。对于页面上各控件对应的功能开发，往往是需要开发人员通过编写程序代码方式去一一设置页面上各控件相应的功能来实现的，这无疑需要开发人员花费大量的时间与精力。
[0029]现有通过编写程序代码以为页面上各控件设置相应的功能方案，利用一些较为功能强大的程序编辑器，比如Visual C++，Android Studio等，虽可生成一些样本代码以引导开发人员在哪一位置加入对应的功能程序代码，但这也仅是在一定程度上降低了开发人员编写程度代码的难度，并无法从根本上解决需开发人员编写程序代码以为页面上各控件设置相对应的功能问题，仍然是需要开发人员付出大量的精力与时间。.
[0030]为解决上述技术本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面设计方法，包括：提供设计界面；在所述设计界面上，显示客户端应用的页面及至少一个变量编辑可视模块；其中，所述页面上展示有目标控件，所述变量编辑可视模块上具有至少一个编辑框；响应于用户对所述至少一个变量编辑可视模块触发的选择操作，确定所述用户选择出的至少一个目标变量编辑可视模块；响应于所述用户触发的输入操作，显示所述用户在所述至少一个目标变量编辑可视模块上的编辑框内输入的至少一个目标变量参数；将所述目标控件与所述至少一个目标变量参数关联，完成所述目标控件的功能设计，以便服务端确定用户对所述页面上的所述目标控件触发了操作时，获取与所述目标控件关联的至少一个目标变量参数，使得与所述目标控件对应的执行程序按照所述至少一个目标变量参数执行，以便在所述客户端做出相应的响应。2.如权利要求1所述的方法，显示至少一个变量编辑可视模块，包括：显示用以引导用户进入变量编辑可视模块展示区的第一引导元素；响应于用户针对所述第一引导元素的操作，以显示所述变量编辑可视模块展示区；在所述变量编辑可视模块展示区上，显示所述至少一个变量编辑可视模块。3.如权利要求2所述的方法，响应于用户针对所述第一引导元素的操作，以显示所述变量编辑可视模块展示区，包括：响应于用户针对所述第一引导元素的操作，显示功能列表；所述功能列表展示有至少一个事件功能；响应于用户针对所述至少一个事件功能触发的选择操作，确定所述用户选择出的至少一个目标事件功能；根据所述至少一个目标事件功能对应的程序逻辑，显示所述至少一个目标事件功能对应的所述变量编辑可视模块展示区。4.如权利要求3所述的方法，还包括：在显示所述功能列表的同时，显示功能编辑区；以及在显示所述至少一个目标事件功能对应的所述变量编辑可视模板展示区的同时，在所述功能编辑区相应位置显示所述至少一个目标事件功能对应的事件功能可视模块。5.如权利要求4所述的方法，所述事件功能可视模块具有针对变量编辑可视模块留出的至少一个插空位；以及，确定所述用户选择出的至少一个目标变量编辑可视模块，包括：响应于用户对所述至少一个变量编辑可视模块触发的拖拽操作，将用户拖拽至所述至少一个插空位上的变量编辑可视模块，作为所述目标变量编辑可视模块。6.如权利要求2至5中任一项所述的方法，响应于所述用户触发的输入操作，显示所述用户在所述至少一个目标变量编辑可视模块上的编辑框内输入的至少一个目标变量参数，至少包括：响应于用户触发的输入操作，显示可供选择的至少一个变量参数；确定用户...

【专利技术属性】
技术研发人员：孙浩波，管磊，黄争青，翁晓毅，
申请(专利权)人：完美世界征奇上海多媒体科技有限公司，
类型：发明
国别省市：