本申请提供一种页面生成及发布方法、装置及可读存储介质，涉及视觉设计领域，能够对布局界面进行业务数据和业务逻辑的配置以及线上自动发布，实现业务数据和业务逻辑配置以及自动化线上生成及发布功能，极大降低互联网线上产品的研发成本。该方法包括：根据活动产品的用户界面UI视觉稿生成对应的布局界面；通过UI编辑器对所述布局界面进行编辑操作，并对布局界面进行业务数据配置；上述业务数据配置包括业务相关数据配置、业务组件配置和业务方法配置中的至少一项；基于配置后的布局界面生成目标页面代码，并根据上述目标页面代码所述活动产品的页面生成和发布。本申请实施例应用于活动产品的页面的生成及发布过程中。活动产品的页面的生成及发布过程中。活动产品的页面的生成及发布过程中。
【技术实现步骤摘要】
页面生成及发布方法、装置及可读存储介质
[0001]本申请涉及视觉设计领域，尤其涉及一种页面生成及发布方法、装置及可读存储介质。
技术介绍
[0002]互联网产品业务中，无论是Web端还是H5和APP移动端，尤其是2C产品业务，包含了大量的营销活动，图文内容展示，企业门户宣传等，在此类产品研发支撑上，研发人员耗费大量时间进行重复开发，不仅仅体现在多样化的前端UI研发，也包括了后台服务端数据接口。
[0003]针对上述问题，现有平台系统往往只能够单独解决其中单个方面的痛点，比如UI转代码系统，解决了前端UI生成代码的场景，但是仅提供了前端代码，业务逻辑仍然需要研发人员二次开发和封装，导致产品研发成本较高。因此，如何降低互联网线上产品的研发成本，在零代码环境下完成产品配置和发布成为待解决的问题。
技术实现思路
[0004]本申请提供一种页面生成及发布方法、装置及可读存储介质，能够对布局界面进行业务数据和业务逻辑的配置以及线上自动发布，实现业务数据和业务逻辑配置以及自动化线上生成及发布功能，极大降低互联网线上产品的研发成本。
[0005]为达到上述目的，本申请采用如下技术方案：
[0006]第一方面，本申请提供一种页面生成及发布方法，该方法包括：根据活动产品的用户界面UI视觉稿生成对应的布局界面；通过UI编辑器对上述布局界面进行编辑操作，并对上述布局界面进行业务数据配置；上述业务数据配置包括业务相关数据配置、业务组件配置和业务方法配置中的至少一项；基于配置后的布局界面生成目标页面代码，并根据上述目标页面代码执行上述活动产品的页面生成和发布。
[0007]基于上述技术方案，本申请实施例提供的页面生成及发布方法，页面生成及发布装置基于活动产品的UI视觉稿生成布局界面，通过UI编辑器对活动产品对应的布局界面进行编辑操作，并对该布局界面进行业务相关数据配置、业务组件配置和业务方法配置中的至少一项，最后基于配置后的布局界面生成目标页面代码。通过该方法，通过自主对布局界面进行业务数据和业务逻辑的配置以及发布功能，实现业务数据和业务逻辑的灵活高效配置以及自动化线上生成及发布，极大降低互联网线上产品的研发成本，有效实现快速上线，具有较高的灵活性和扩展性。
[0008]在第一方面的第一种可能的实现方式中，上述对上述布局界面进行业务数据配置，包括：获取业务数据，上述业务数据包括业务相关数据、业务组件和业务方法中的至少一项；将上述业务数据渲染到相应的业务组件中，或绑定在对应的界面按钮上提供调用。
[0009]在第一方面的第二种可能的实现方式中，上述基于配置后的布局界面生成目标页面代码，包括：根据上述配置后的布局界面生成初始页面代码；将上述业务数据与上述初始
页面代码中的UI组件元素进行关联调用，生成目标页面代码。
[0010]在第一方面的第三种可能的实现方式中，上述业务数据为针对上述活动产品预先配置的业务数据，或者，上述业务数据为系统内置的业务数据。
[0011]在第一方面的第四种可能的实现方式中，上述根据活动产品的用户界面UI视觉稿生成对应的布局界面，包括：根据活动产品的UI视觉稿的图层信息，将上述UI视觉稿的图层进行识别分类，并获取上述图层的图层属性；根据上述图层的图层属性和类别，将图层与代码元素块进行匹配，生成对应的布局界面。
[0012]在第一方面的第五种可能的实现方式中，上述根据上述目标页面代码执行上述活动产品的页面生成和发布，包括：将上述目标页面代码部署至线上环境的预发布目录中，生成目标页面并进行上述目标页面的预发布；在获取到确认发布指令的情况下，将上述目标页面代码部署至正式的生产环境中，生成目标页面并进行上述目标页面的正式发布。
[0013]第二方面，本申请提供一种页面生成及发布装置，该装置包括：生成模块和执行模块，其中：上述生成模块，用于根据活动产品的用户界面UI视觉稿生成对应的布局界面；上述执行模块，用于通过UI编辑器对上述布局界面进行编辑操作，并对上述布局界面进行业务数据配置；上述业务数据配置包括业务相关数据配置、业务组件配置和业务方法配置中的至少一项；上述执行模块，还用于基于配置后的布局界面生成目标页面代码，并根据上述目标页面代码执行上述活动产品的页面生成和发布。
[0014]在第二方面的第一种可能的实现方式中，上述执行模块，具体用于获取业务数据，上述业务数据包括业务相关数据、业务组件和业务方法中的至少一项；上述执行模块，具体用于将上述业务数据渲染到相应的业务组件中，或将上述业务数据绑定在对应的界面按钮上提供调用。
[0015]在第二方面的第二种可能的实现方式中，上述执行模块，具体用于根据上述配置后的布局界面生成初始页面代码；上述执行模块，具体用于对上述业务数据与上述初始页面代码中的UI组件元素进行关联调用，生成目标页面代码。
[0016]在第二方面的第三种可能的实现方式中，上述业务数据为针对上述活动产品预先配置的业务数据，或者，上述业务数据为系统内置的业务数据。
[0017]在第二方面的第四种可能的实现方式中，上述生成模块，具体用于根据活动产品的UI视觉稿的图层信息，将上述UI视觉稿的图层进行识别分类，并获取上述图层的图层属性；上述生成模块，具体用于根据上述图层的图层属性和类别，将上述图层与代码元素块进行匹配，生成对应的布局界面。
[0018]在第二方面的第五种可能的实现方式中，上述执行模块，具体用于将上述目标页面代码部署至线上环境的预发布目录中，生成目标页面并进行上述目标页面的预发布；上述执行模块，具体用于在获取到确认发布指令的情况下，将上述目标页面代码部署至正式的生产环境中，生成目标页面并进行上述目标页面的正式发布。
[0019]第三方面，本申请提供了一种页面生成及发布装置，该装置包括：处理器和通信接口；通信接口和处理器耦合，处理器用于运行计算机程序或指令，以实现如第一方面和第一方面的任一种可能的实现方式中所描述的页面生成及发布方法。
[0020]第四方面，本申请提供了一种计算机可读存储介质，计算机可读存储介质中存储有指令，当指令在终端上运行时，使得终端执行如第一方面和第一方面的任一种可能的实
现方式中描述的页面生成及发布方法。
[0021]第五方面，本申请实施例提供一种包含指令的计算机程序产品，当计算机程序产品在页面生成及发布装置上运行时，使得页面生成及发布装置执行如第一方面和第一方面的任一种可能的实现方式中所描述的页面生成及发布方法。
[0022]第六方面，本申请实施例提供一种芯片，芯片包括处理器和通信接口，通信接口和处理器耦合，处理器用于运行计算机程序或指令，以实现如第一方面和第一方面的任一种可能的实现方式中所描述的页面生成及发布方法。
[0023]具体的，本申请实施例中提供的芯片还包括存储器，用于存储计算机程序或指令。
附图说明
[0024]图1为本申请实施例提供的一种页面生成及发布方法的流程图；
[0025]图2为本申请实施例本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种页面生成及发布方法，其特征在于，所述方法包括：根据活动产品的用户界面UI视觉稿生成对应的布局界面；通过UI编辑器对所述布局界面进行编辑操作，并对所述布局界面进行业务数据配置；所述业务数据配置包括业务相关数据配置、业务组件配置和业务方法配置中的至少一项；基于配置后的布局界面生成目标页面代码，并根据所述目标页面代码执行所述活动产品的页面生成和发布。2.根据权利要求1所述的方法，其特征在于，所述对所述布局界面进行业务数据配置，包括：获取业务数据，所述业务数据包括业务相关数据、业务组件和业务方法中的至少一项；将所述业务数据渲染到所述布局界面中相应的业务组件中，或将所述业务数据绑定在所述布局界面中对应的界面按钮上提供调用。3.根据权利要求1所述的方法，其特征在于，所述基于配置后的布局界面生成目标页面代码，包括：根据所述配置后的布局界面生成初始页面代码；将所述业务数据与所述初始页面代码中的UI组件元素进行关联调用，生成目标页面代码。4.根据权利要求1至3任一项所述的方法，其特征在于，所述业务数据为针对所述活动产品预先配置的业务数据，或者，所述业务数据为系统内置的业务数据。5.根据权利要求1所述的方法，其特征在于，所述根据活动产品的用户界面UI视觉稿生成对应的布局界面，包括：根据活动产品的UI视觉稿的图层信息，将所述UI视觉稿的图层进行识别分类，并获取所述图层的图层属性；根据所述图层的图层属性和类别，将所述图层与代码元素块进行匹配，生成对应的布局界面。6.根据权利要求1所述的方法，其特征在于，所述根据所述目标页面代码执行所述活动产品的页面生成和发布，包括：将所述目标页面代码部署至线上环境的预发布目录中，生成目标页面并进行所述目标页面的预发布；在获取到确认发布指令的情况下，将所述目标页面代码部署至正式的生产环境中，生成目标页面并进行所述目标页面的正式发布。7.一种页面生成及发布装置，其特征在于，所述装置包括：生成模块和执行模块，其中：所述生成模块，用于根据活动产品的用户界面UI视觉稿生成对应的布局界面；所述执行模块，用于通过UI编辑器对所述布局界面进行编辑操作，并对所述布局界面进...
【专利技术属性】
技术研发人员：刘飞，马震，赵君，王亮，
申请(专利权)人：联通在线信息科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。