生成Web可交互页面的方法、装置及存储介质制造方法及图纸

本发明专利技术公开了一种生成Web可交互页面的方法、装置及存储介质，属于互联网技术领域。所述方法包括：确定配置于Web可交互页面中的至少一个组件中每个组件的组件配置参数、Web可交互页面的页面配置参数、以及至少一个组件中每个组件的组件属性，然后基于外网服务器生成并发布Web可交互页面。由于组件配置参数包括模板、主题、逻辑和至少一个变量中的至少一者，因此，在本发明专利技术实施例中，可以由开发人员自主设计Web可交互页面中的组件的模板、主题、逻辑和至少一个变量，以实现对Web可交互页面中的组件的全方位定制，提高了开发人员设计Web可交互页面的灵活性。

【技术实现步骤摘要】
生成Web可交互页面的方法、装置及存储介质
本专利技术涉及互联网
，特别涉及一种生成Web(网页)可交互页面的方法、装置及存储介质。
技术介绍
Web可交互页面是指包括至少一个组件的页面，浏览Web可交互页面的用户可以通过组件在页面上与后台服务器进行一些交互操作。比如，游戏页面中的“开通绿钻”选项即为一个组件。其中，Web可交互页面是服务器根据开发人员针对该Web可交互页面的配置生成的，由于互联网技术的快速发展，Web可交互页面的更迭速度也越来越快，因此，需要研究一种生成Web可交互页面的方法，以便于开发人员能够快速对Web可交互页面进行配置，同时满足Web可交互页面的多样化需求。
技术实现思路
本专利技术实施例提供了一种生成Web可交互页面的方法、装置及存储介质。所述技术方案如下：第一方面，提供了一种生成Web可交互页面的方法，所述方法包括：确定配置于所述Web可交互页面中的至少一个组件中每个组件的组件配置参数，所述组件配置参数包括模板、主题、逻辑和至少一个变量中的至少一者，所述模板是指对应的组件采用的HTML(hypertextmarkuplanguage，超文本标记语言)结构，所述主题是指对应的组件的CSS(CascadingStyleSheets，层叠样式表)，所述逻辑是指用于实现对应组件的功能的逻辑，所述至少一个变量是指在实现对应的组件的功能的过程中所需的变量；确定页面配置参数，所述页面配置参数用于描述所述Web可交互页面的页面属性；确定所述至少一个组件中每个组件的组件属性；将所述至少一个组件中每个组件的组件配置参数、所述页面配置参数和所述至少一个组件中每个组件的组件属性发送至外网服务器，由所述外网服务器生成并发布所述Web可交互页面。可选地，所述组件属性包括对应的组件在所述Web可交互页面中的位置坐标和对应的组件的尺寸大小；所述确定所述至少一个组件中每个组件的组件属性，包括：对于所述至少一个组件中任一组件A，当检测到针对所述组件A的选择操作时，显示参数设置区域，所述参数设置区域包括位置参数设置区域和尺寸参数设置区域；基于所述位置参数设置区域确定所述组件A在所述Web可交互页面中的位置坐标；基于所述尺寸参数设置区域确定所述组件A在所述Web可交互页面中的尺寸大小。可选地，所述确定页面配置参数之后，还包括：根据所述页面配置参数，显示页面编辑区域，所述页面编辑区域包括根据所述页面配置参数生成的初始页面；相应地，所述检测到针对所述组件A的选择操作之后，还包括：在所述页面编辑区域显示所述组件A；相应地，所述基于所述位置参数设置区域确定所述组件A在所述Web可交互页面中的位置坐标，包括：当检测到针对所述组件A的移动指令时，确定所述组件A被移动之后的位置，并根据所述组件A被移动之后的位置，在所述位置参数设置区域显示所述组件A的位置坐标；相应地，所述基于所述尺寸参数设置区域确定所述组件A在所述Web可交互页面中的尺寸大小，包括：当检测到针对所述组件A的缩放指令时，确定所述组件A被缩放之后的尺寸，并根据所述组件A被缩放之后的尺寸，在所述尺寸参数设置区域显示所述组件A的尺寸大小。可选地，所述将所述至少一个组件中每个组件的组件配置参数、所述页面配置参数和所述至少一个组件中每个组件的组件属性发送至外网服务器之前，还包括；当检测到针对当前页面中的预览选项的选择操作时，将所述至少一个组件中每个组件的组件配置参数、所述页面配置参数和所述至少一个组件中每个组件的组件属性发送至预览服务器，由所述预览服务器生成预览页面；接收所述预览服务器发送的所述预览页面，并显示所述预览页面。可选地，所述将所述至少一个组件中每个组件的组件配置参数、所述页面配置参数和所述至少一个组件中每个组件的组件属性发送至外网服务器之前，还包括；当检测到针对当前页面中的测试选项的选择操作时，将所述至少一个组件中每个组件的组件配置参数、所述页面配置参数和所述至少一个组件中每个组件的组件属性发送至测试服务器，由所述测试服务器生成测试页面，并对生成的测试页面进行测试；接收所述测试服务器发送的测试结果，并显示所述测试结果。第二方面，提供一种生成Web可交互页面的装置，该装置包括：第一确定模块，用于确定配置于所述Web可交互页面中的至少一个组件中每个组件的组件配置参数，所述组件配置参数包括模板、主题、逻辑和至少一个变量中的至少一者，所述模板是指对应的组件采用的HTML结构，所述主题是指对应的组件的CSS，所述逻辑是指用于实现对应组件的功能的逻辑，所述至少一个变量是指在实现对应的组件的功能的过程中所需的变量；第二确定模块，用于确定页面配置参数，所述页面配置参数用于描述所述Web可交互页面的页面属性；第三确定模块，用于确定所述至少一个组件中每个组件的组件属性；第一发送模块，用于将所述至少一个组件中每个组件的组件配置参数、所述页面配置参数和所述至少一个组件中每个组件的组件属性发送至外网服务器，由所述外网服务器生成并发布所述Web可交互页面。可选地，所述组件属性包括对应的组件在所述Web可交互页面中的位置坐标和对应的组件的尺寸大小；所述第三确定模块包括：第一显示单元，用于对于所述至少一个组件中任一组件A，当检测到针对所述组件A的选择操作时，显示参数设置区域，所述参数设置区域包括位置参数设置区域和尺寸参数设置区域；第一确定单元，用于基于所述位置参数设置区域确定所述组件A在所述Web可交互页面中的位置坐标；第二确定单元，用于基于所述尺寸参数设置区域确定所述组件A在所述Web可交互页面中的尺寸大小。可选地，所述装置还包括：显示模块，用于根据所述页面配置参数，显示页面编辑区域，所述页面编辑区域包括根据所述页面配置参数生成的初始页面；相应地，所述第三确定模块还包括：第二显示单元，用于根据所述组件A的主题在所述页面编辑区域显示所述组件A；相应地，所述第一确定单元，具体用于：当检测到针对所述组件A的移动指令时，确定所述组件A被移动之后的位置，并根据所述组件A被移动之后的位置，在所述位置参数设置区域显示所述组件A的位置坐标；相应地，所述第二确定单元，具体用于：当检测到针对所述组件A的缩放指令时，确定所述组件A被缩放之后的尺寸，并根据所述组件A被缩放之后的尺寸，在所述尺寸参数设置区域显示所述组件A的尺寸大小。可选地，所述装置还包括；第二发送模块，用于当检测到针对当前页面中的预览选项的选择操作时，将所述至少一个组件中每个组件的组件配置参数、所述页面配置参数和所述至少一个组件中每个组件的组件属性发送至预览服务器，由所述预览服务器生成预览页面；第一显示模块，用于接收所述预览服务器发送的所述预览页面，并显示所述预览页面。可选地，所述装置还包括；第三发送模块，用于当检测到针对当前页面中的测试选项的选择操作时，将所述至少一个组件中每个组件的组件配置参数、所述页面配置参数和所述至少一个组件中每个组件的组件属性发送至测试服务器，由所述测试服务器生成测试页面，并对生成的测试页面进行测试；第二显示模块，用于接收所述测试服务器发送的测试结果，并显示所述测试结果。第三方面，提供一种生成Web可交互页面的装置，所述装置包括：处理器；用于存储处理器可执行指令的存储器；其中，所述处理器被配置为执行上述第一方面所述本文档来自技高网...

【技术保护点】
1.一种生成Web可交互页面的方法，其特征在于，所述方法包括：确定配置于所述Web可交互页面中的至少一个组件中每个组件的组件配置参数，所述组件配置参数包括模板、主题、逻辑和至少一个变量中的至少一者，所述模板是指对应的组件采用的超文本标记语言HTML结构，所述主题是指对应的组件的层叠样式表CSS，所述逻辑是指用于实现对应组件的功能的逻辑，所述至少一个变量是指在实现对应的组件的功能的过程中所需的变量；确定页面配置参数，所述页面配置参数用于描述所述Web可交互页面的页面属性；确定所述至少一个组件中每个组件的组件属性；将所述至少一个组件中每个组件的组件配置参数、所述页面配置参数和所述至少一个组件中每个组件的组件属性发送至外网服务器，由所述外网服务器生成并发布所述Web可交互页面。

【技术特征摘要】
1.一种生成Web可交互页面的方法，其特征在于，所述方法包括：确定配置于所述Web可交互页面中的至少一个组件中每个组件的组件配置参数，所述组件配置参数包括模板、主题、逻辑和至少一个变量中的至少一者，所述模板是指对应的组件采用的超文本标记语言HTML结构，所述主题是指对应的组件的层叠样式表CSS，所述逻辑是指用于实现对应组件的功能的逻辑，所述至少一个变量是指在实现对应的组件的功能的过程中所需的变量；确定页面配置参数，所述页面配置参数用于描述所述Web可交互页面的页面属性；确定所述至少一个组件中每个组件的组件属性；将所述至少一个组件中每个组件的组件配置参数、所述页面配置参数和所述至少一个组件中每个组件的组件属性发送至外网服务器，由所述外网服务器生成并发布所述Web可交互页面。2.如权利要求1所述的方法，其特征在于，所述组件属性包括对应的组件在所述Web可交互页面中的位置坐标和对应的组件的尺寸大小；所述确定所述至少一个组件中每个组件的组件属性，包括：对于所述至少一个组件中任一组件A，当检测到针对所述组件A的选择操作时，显示参数设置区域，所述参数设置区域包括位置参数设置区域和尺寸参数设置区域；基于所述位置参数设置区域确定所述组件A在所述Web可交互页面中的位置坐标；基于所述尺寸参数设置区域确定所述组件A在所述Web可交互页面中的尺寸大小。3.如权利要求2所述的方法，其特征在于，所述确定页面配置参数之后，还包括：根据所述页面配置参数，显示页面编辑区域，所述页面编辑区域包括根据所述页面配置参数生成的初始页面；相应地，所述检测到针对所述组件A的选择操作之后，还包括：在所述页面编辑区域显示所述组件A；相应地，所述基于所述位置参数设置区域确定所述组件A在所述Web可交互页面中的位置坐标，包括：当检测到针对所述组件A的移动指令时，确定所述组件A被移动之后的位置，并根据所述组件A被移动之后的位置，在所述位置参数设置区域显示所述组件A的位置坐标；相应地，所述基于所述尺寸参数设置区域确定所述组件A在所述Web可交互页面中的尺寸大小，包括：当检测到针对所述组件A的缩放指令时，确定所述组件A被缩放之后的尺寸，并根据所述组件A被缩放之后的尺寸，在所述尺寸参数设置区域显示所述组件A的尺寸大小。4.如权利要求1至3任一所述的方法，其特征在于，所述将所述至少一个组件中每个组件的组件配置参数、所述页面配置参数和所述至少一个组件中每个组件的组件属性发送至外网服务器之前，还包括：当检测到针对当前页面中的预览选项的选择操作时，将所述至少一个组件中每个组件的组件配置参数、所述页面配置参数和所述至少一个组件中每个组件的组件属性发送至预览服务器，由所述预览服务器生成预览页面；接收所述预览服务器发送的所述预览页面，并显示所述预览页面。5.如权利要求1至3任一所述的方法，其特征在于，所述将所述至少一个组件中每个组件的组件配置参数、所述页面配置参数和所述至少一个组件中每个组件的组件属性发送至外网服务器之前，还包括：当检测到针对当前页面中的测试选项的选择操作时，将所述至少一个组件中每个组件的组件配置参数、所述页面配置参数和所述至少一个组件中每个组件的组件属性发送至测试服务器，由所述测试服务器生成测试页面，并对生成的测试页面进行测试；接收所述测试服务器发送的测试结果，并显示所述测试结果。6.一种生成Web可交互页面的装置，其特征在于，所述装置包括：第一确定模块...

【专利技术属性】
技术研发人员：赵云龙，
申请(专利权)人：腾讯音乐娱乐科技深圳有限公司，
类型：发明
国别省市：广东,44