页面创建方法、装置、电子设备和计算机可读存储介质制造方法及图纸

本公开提供一种页面创建方法、装置、电子设备和计算机可读存储介质，该方法可以包括：获取第一视图容器和项目配置信息，项目配置信息中包括位于第一位置的项目组的项目数量和项目内容信息；根据项目数量，在第一视图容器中设置至少一个第二视图容器，其中，第二视图容器用于位于第一位置的项目组中的一个项目；获取第一视图容器的样式信息和每一个第二视图容器的样式信息；根据项目内容信息、第一视图容器的样式信息和每一个第二视图容器的样式信息，生成位于第一位置的项目组。实现对小程序的展示样式进行自定义的开发和创建，进而使得风格多元化，并提高用户使用小程序时的体验。

Page creation methods, devices, electronic devices and computer-readable storage media

【技术实现步骤摘要】
页面创建方法、装置、电子设备和计算机可读存储介质
本公开涉及计算机
，尤其涉及一种页面创建方法、装置、电子设备和计算机可读存储介质。
技术介绍
随着计算机技术的发展，小程序越来越受到用户青睐，也得到广泛的发展和应用。小程序是运行在应用程序(Application，简称APP)上的，无需用户进行下载就可以使用；小程序采用的是网页技术进行实现的。小程序所展示的内容包括了项目组和展示页面。现有技术中，在对小程序进行开发的时候，可以通过小程序的统一组件创建小程序所需要展示的项目组，其中，项目组中包括多个项目，例如，项目组为菜单栏、项目为菜单项；在创建小程序所需要展示的项目组的时候，可以根据开发人员所输入的项目数量和内容信息，生成项目组。然而现有技术中，小程序所提供的统一组件具有固定的样式，进而得到的项目组的样式、以及项目组中的项目的样式是固定的，风格单一化，例如，项目组为底部菜单栏、项目为菜单项时，采用现有技术的方式，得到的底部菜单栏的样式、以及底部菜单栏中的菜单项的样式是固定的；无法对小程序的展示样式进行自定义的开发和创建；进一步的，导致用户使用小程序时的体验较差。
技术实现思路
本公开实施例提供一种页面创建方法、装置、电子设备和计算机可读存储介质，实现对小程序的展示样式进行自定义的开发和创建，进而使得风格多元化，并提高用户使用小程序时的体验。第一方面，本公开提供一种页面创建方法，包括：获取第一视图容器和项目配置信息，所述项目配置信息中包括位于第一位置的项目组的项目数量和项目内容信息；根据所述项目数量，在所述第一视图容器中设置至少一个第二视图容器，其中，所述第二视图容器用于承载所述位于第一位置的项目组中的一个项目；获取所述第一视图容器的样式信息和每一个所述第二视图容器的样式信息；根据所述项目内容信息、所述第一视图容器的样式信息和每一个所述第二视图容器的样式信息，生成所述位于第一位置的项目组。进一步地，根据所述项目内容信息、所述第一视图容器的样式信息和每一个所述第二视图容器的样式信息，生成所述位于第一位置的项目组，包括：根据所述项目内容信息，在每一个第二视图容器中生成与每一个第二视图容器对应的项目；根据所述第一视图容器的样式信息和每一个所述第二视图容器的样式信息，调整所述位于第一位置的项目组的样式、与每一个第二视图容器对应的项目的样式，以生成所述位于第一位置的项目组。进一步地，所述项目内容信息中包括每一个项目的图片来源信息和每一个项目的文字信息；根据所述项目内容信息，在每一个第二视图容器中生成与每一个第二视图容器对应的项目，包括：在每一个所述第二视图容器中设置一个图片容器和一个第三视图容器；根据与每一个所述第二视图容器对应的项目的图片来源信息，设置到与每一个所述第二视图容器对应的图片容器中，并将与每一个所述第二视图容器对应的项目的文字信息，设置到与每一个所述第二视图容器对应的第三视图容器中，以生成与每一个第二视图容器对应的项目。进一步地，所述图片来源信息包括：第一来源地址和第二来源地址；其中，所述第一来源地址用于指示出项目被选中状态时所显示的图片，所述第二来源地址用于指示出项目未被选中状态时所显示的图片。进一步地，所述文字信息被设置有颜色属性，所述颜色属性用于指示项目上的文字的颜色值，所述颜色值包括文字在选中状态下的颜色值和在未选中状态下的颜色值。进一步地，所述方法，还包括：获取第四视图容器和待生成的至少一个页面的页面信息；在所述第四视图容器中设置至少一个第五视图容器，所述第五视图容器用于承载一个页面的页面信息。进一步地，在根据所述项目内容信息、所述第一视图容器的样式信息和每一个所述第二视图容器的样式信息，生成所述位于第一位置的项目组之前，还包括：为所述第一视图容器设置回调函数，其中，所述回调函数与多个调用属性值对应，每一个调用属性值与每一个第二视图容器一一对应；且所述第一视图容器配置有一个变量值，所述变量值用于指示当前被选中的项目；在根据所述项目内容信息、所述第一视图容器的样式信息和每一个所述第二视图容器的样式信息，生成所述位于第一位置的项目组之后，还包括：接收用户发送的触发指令，其中，所述触发指令用于指示用户选择的项目所对应的第二视图容器；根据所述回调函数，确定所述触发指令所指示的第二视图容器所对应的调用属性值；在确定所述变量值与所述触发指令所指示的第二视图容器所对应的调用属性值相同时，确定保持显示当前所被选中的项目所对应的页面；在确定所述变量值与所述触发指令所指示的第二视图容器所对应的调用属性值不同时，根据所述触发指令所指示的第二视图容器的调用属性值，更新所述变量值，并显示更新后的变量值所指示的项目所对应的页面。进一步地，显示更新后的变量值所指示的项目所对应的页面，包括：确定更新后的变量值所指示的项目对应的第二视图容器；根据预设的第二视图容器与第五视图容器之间的对应关系，确定与第二视图容器对应的第五视图容器；根据预设的页面信息，对与第二视图容器对应的第五视图容器进行渲染，以生成更新后的变量值所指示的项目所对应的页面。第二方面，本公开提供了一种页面创建装置，包括：第一获取单元，用于获取第一视图视图容器和项目配置信息，所述项目配置信息中包括位于第一位置的项目组的项目数量和项目内容信息；第一设置单元，用于根据所述项目数量，在所述第一视图容器中设置至少一个第二视图容器，其中，所述第二视图容器用于承载所述位于第一位置的项目组中的一个项目；第二获取单元，用于获取所述第一视图容器的样式信息和每一个所述第二视图容器的样式信息；生成单元，用于根据所述项目内容信息、所述第一视图容器的样式信息和每一个所述第二视图容器的样式信息，生成所述位于第一位置的项目组。进一步地，所述生成单元，具体用于：根据所述项目内容信息，在每一个第二视图容器中生成与每一个第二视图容器对应的项目；根据所述第一视图容器的样式信息和每一个所述第二视图容器的样式信息，调整所述位于第一位置的项目组的样式、与每一个第二视图容器对应的项目的样式，以生成所述位于第一位置的项目组。进一步地，所述项目内容信息中包括每一个项目的图片来源信息和每一个项目的文字信息；所述生成单元，具体用于：在每一个所述第二视图容器中设置一个图片容器和一个第三视图容器；根据与每一个所述第二视图容器对应的项目的图片来源信息，设置到与每一个所述第二视图容器对应的图片容器中，并将与每一个所述第二视图容器对应的项目的文字信息，设置到与每一个所述第二视图容器对应的第三视图容器中，以生成与每一个第二视图容器对应的项目。进一步地，所述图片来源信息包括：第一来源地址和第二来源地址；其中，所述第一来源地址用于指示出项目被选中状态时所显示的图片，所述第二来源地址用于指示出项目未被选中状态时所显示的图片。进一步地，所述文字信息被设置有颜色属性，所述颜色属性用于指示项目上的文字的颜色值，所述颜色值包括文字在选中状态下的颜色值和在未选中状态下的颜色值。进一步地，所述装置还包括：第三获取单元和第二设置单元；所述第三获取单元，用于获取第四视图容器和待生成的至少一个页面的页面信息；所述第二设置单元，用于在所述第四视图容器中设置至少一个第五视图容器，所述第五视图容器用于承载一个页面的页面信息。进一步地，所述装置本文档来自技高网...

【技术保护点】
1.一种页面创建方法，其特征在于，包括：获取第一视图容器和项目配置信息，所述项目配置信息中包括位于第一位置的项目组的项目数量和项目内容信息；根据所述项目数量，在所述第一视图容器中设置至少一个第二视图容器，其中，所述第二视图容器用于承载所述位于第一位置的项目组中的一个项目；获取所述第一视图容器的样式信息和每一个所述第二视图容器的样式信息；根据所述项目内容信息、所述第一视图容器的样式信息和每一个所述第二视图容器的样式信息，生成所述位于第一位置的项目组。

【技术特征摘要】
1.一种页面创建方法，其特征在于，包括：获取第一视图容器和项目配置信息，所述项目配置信息中包括位于第一位置的项目组的项目数量和项目内容信息；根据所述项目数量，在所述第一视图容器中设置至少一个第二视图容器，其中，所述第二视图容器用于承载所述位于第一位置的项目组中的一个项目；获取所述第一视图容器的样式信息和每一个所述第二视图容器的样式信息；根据所述项目内容信息、所述第一视图容器的样式信息和每一个所述第二视图容器的样式信息，生成所述位于第一位置的项目组。2.根据权利要求1所述的方法，其特征在于，根据所述项目内容信息、所述第一视图容器的样式信息和每一个所述第二视图容器的样式信息，生成所述位于第一位置的项目组，包括：根据所述项目内容信息，在每一个第二视图容器中生成与每一个第二视图容器对应的项目；根据所述第一视图容器的样式信息和每一个所述第二视图容器的样式信息，调整所述位于第一位置的项目组的样式、与每一个第二视图容器对应的项目的样式，以生成所述位于第一位置的项目组。3.根据权利要求2所述的方法，其特征在于，所述项目内容信息中包括每一个项目的图片来源信息和每一个项目的文字信息；根据所述项目内容信息，在每一个第二视图容器中生成与每一个第二视图容器对应的项目，包括：在每一个所述第二视图容器中设置一个图片容器和一个第三视图容器；根据与每一个所述第二视图容器对应的项目的图片来源信息，设置到与每一个所述第二视图容器对应的图片容器中，并将与每一个所述第二视图容器对应的项目的文字信息，设置到与每一个所述第二视图容器对应的第三视图容器中，以生成与每一个第二视图容器对应的项目。4.根据权利要求3所述的方法，其特征在于，所述图片来源信息包括：第一来源地址和第二来源地址；其中，所述第一来源地址用于指示出项目被选中状态时所显示的图片，所述第二来源地址用于指示出项目未被选中状态时所显示的图片。5.根据权利要求3所述的方法，其特征在于，所述文字信息被设置有颜色属性，所述颜色属性用于指示项目上的文字的颜色值，所述颜色值包括文字在选中状态下的颜色值和在未选中状态下的颜色值。6.根据权利要求1-5任一项所述的方法，其特征在于，所述方法，还包括：获取第四视图容器和待生成的至少一个页面的页面信息；在所述第四视图容器中设置至少一个第五视图容器，所述第五视图容器用于承载一个页面的页面信息。7.根据权利要求6所述的方法，其特征在于，在根据所述项目内容信息、所述第一视...

【专利技术属性】
技术研发人员：俞亮，
申请(专利权)人：北京字节跳动网络技术有限公司，
类型：发明
国别省市：北京,11