CN115756452A - 目标页面代码的生成方法、设备、存储介质及程序产品 - Google Patents
目标页面代码的生成方法、设备、存储介质及程序产品 Download PDFInfo
- Publication number
- CN115756452A CN115756452A CN202111034230.6A CN202111034230A CN115756452A CN 115756452 A CN115756452 A CN 115756452A CN 202111034230 A CN202111034230 A CN 202111034230A CN 115756452 A CN115756452 A CN 115756452A
- Authority
- CN
- China
- Prior art keywords
- page
- code
- module
- generating
- configuration information
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Landscapes
- Document Processing Apparatus (AREA)
Abstract
本实施例提供的目标页面代码的生成方法、设备、存储介质及程序产品,涉及计算机技术,包括:获取与目标页面对应的页面模板;其中,页面模板中包括基础代码;获取用户输入的与目标页面对应的配置信息,并根据页面配置信息生成目标页面中各页面模块对应的附加代码;根据各页面模块对应的所述附加代码、所述基础代码生成目标页面代码。本公开提供的目标页面代码的生成方法、设备、存储介质及程序产品,通过用户设置的页面配置信息生成附加代码,再将附加代码拼接到基础代码中得到完整的目标页面代码,这种方式生成目标页面代码的效率较高且灵活度高,另外,当需要修改页面样式时,可以直接修改目标页面代码,从而提高修改页面的效率。
Description
技术领域
本公开实施例涉及计算机技术,尤其涉及一种目标页面代码的生成方法、设备、存储介质及程序产品。
背景技术
目前的中后台管理页面一般偏向于大量底层数据的管理,即通用的增删改查,页面展示和交互方式较为固定。对于此类页面,前端开发人员需花费大量时间按照不同数据字段控制其显示和编辑,枯燥且费时,亟需高效的配置化生成页面的方案来提高前端同学的开发效率。
现有的配置化生成页面的方案需配置大量参数且灵活度很低(不支持差异化页面),不适用于迭代频繁的中后台业务。因此,现有技术中亟需一种高效的生成管理页面的方案。
发明内容
本公开实施例提供一种目标页面代码的生成方法、设备、存储介质及程序产品,以提高页面的生成和修改效率。
第一方面,本公开实施例提供一种目标页面代码的生成方法,包括:
获取与目标页面对应的页面模板;其中,所述页面模板中包括基础代码;
获取用户输入的与所述目标页面对应的页面配置信息,并根据所述页面配置信息生成目标页面中各页面模块对应的附加代码;其中,所述页面中包括至少一个页面模块;
根据各页面模块对应的所述附加代码、所述基础代码生成目标页面代码,其中,所述目标页面代码用于生成所述目标页面。
第二方面,本公开实施例提供一种页面生成方法,包括:
生成页面代码,其中,所述页面代码是采用如第一方面所述的方法生成的;
根据所述页面代码生成页面。
第三方面,本公开实施例提供一种目标页面代码的生成装置,包括:
模板获取单元,用于获取与目标页面对应的页面模板;其中,所述页面模板中包括基础代码;
代码生成单元,用于获取用户输入的与所述目标页面对应的页面配置信息,并根据所述页面配置信息生成目标页面中各页面模块对应的附加代码;其中,所述目标页面中包括至少一个页面模块;
合成单元,用于根据各页面模块对应的所述附加代码、所述基础代码生成目标页面代码,其中,所述目标页面代码用于生成所述目标页面。
第四方面,本公开实施例提供一种页面生成设备,包括:
如第三方面所述的页面代码的生成装置,用于生成页面代码;
页面生成装置,用于根据所述页面代码生成页面。
第五方面,本公开实施例提供一种电子设备,包括:至少一个处理器和存储器;
所述存储器存储计算机执行指令;
所述至少一个处理器执行所述存储器存储的计算机执行指令,使得所述至少一个处理器执行如上第一方面以及第一方面各种可能的设计所述的方法,或者第二方面以及第二方面各种可能的设计所述的方法。
第六方面,本公开实施例提供一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机执行指令,当处理器执行所述计算机执行指令时,实现如上第一方面以及第一方面各种可能的设计所述的方法,或者第二方面以及第二方面各种可能的设计所述的方法。
第七方面,本公开实施例提供一种计算机程序产品,包括计算机程序,所述计算机程序在被处理器执行时实现如上第一方面以及第一方面各种可能的设计所述的方法,或者第二方面以及第二方面各种可能的设计所述的方法。
本实施例提供的目标页面代码的生成方法、设备、存储介质及程序产品,包括:获取与目标页面对应的页面模板;其中,页面模板中包括基础代码;获取用户输入的与目标页面对应的页面配置信息,并根据页面配置信息生成目标页面中各页面模块对应的附加代码;其中,目标页面中包括至少一个页面模块;根据各页面模块对应的所述附加代码、所述基础代码生成目标页面代码,其中,所述目标页面代码用于生成所述目标页面。本公开提供的目标页面代码的生成方法、设备、存储介质及程序产品,通过用户设置的页面配置信息生成附加代码,再将附加代码拼接到基础代码中得到完整的目标页面代码,这种方式生成目标页面代码的效率较高且灵活度高,另外,当需要修改页面样式时,可以直接修改目标页面代码,从而提高修改页面的效率。
附图说明
为了更清楚地说明本公开实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本申请一示例性实施例示出的页面示意图;
图2为本公开实施例提供的目标页面代码的生成方法流程示意图一;
图3为本公开实施例提供的目标页面代码的生成方法流程示意图二;
图4为本公开一示例性实施例示出的页面配置信息的示意图;
图5为本公开一示例性实施例示出的生成页面代码的示意图;
图6为本公开实施例提供的目标页面代码的生成装置结构示意图一;
图7为本公开实施例提供的目标页面代码的生成装置结构示意图二;
图8为本公开一示例性实施例示出的电子设备的结构示意图。
具体实施方式
为使本公开实施例的目的、技术方案和优点更加清楚,下面将结合本公开实施例中的附图,对本公开实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本公开一部分实施例,而不是全部的实施例。基于本公开中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本公开保护的范围。
图1为本申请一示例性实施例示出的页面示意图。
如图1所示,管理平台的管理页面可以如图1所示,其中可以设置用于输入内容的输入框,还可以设置用于显示信息的显示项。管理页面的样式通常较为固定,但是随着管理平台中业务的更新迭代,管理页面也需要被重新设计。
现有技术中,为了提高管理页面的开发效率,通常设置自动化生成管理页面的方案。具体由用户配置参数,电子设备根据这些参数自动化的生成页面。当需要修改页面样式时,用户再次配置参数,从而使电子设备重新生成页面。
但是,管理页面中涉及的内容较多,因此需要用户配置较多的参数,才能够生成符合业务需求的管理页面。当需要修改管理页面时,用户还需要再次配置大量的参数,才能够生成修改后的管理页面。此外,一般通过配置参数生成页面的方式,可配置的参数是固定、有限的,因此,电子设备根据这些配置参数生成的管理页面的样式较为固定,灵活性不够。
为了解决上述技术问题,本公开提供的方案中,可以根据所述页面配置信息生成目标页面中各页面模块对应的附加代码,并将附加代码与页面模板中的基础代码进行拼接,以得到目标页面代码,该目标页面代码用于生成目标页面,在后续需要修改目标页面时,用户可以直接修改目标页面代码,进而提高生成页面和修改页面的效率。并且,由于生成的是各页面模块对应的附加代码,提高了代码生成及后续拼接效率,而且能够有效提高准确性。此外,通过用户自行设置页面配置信息的方式,能够使用户根据需求设置页面中的内容,以提高生成的目标页面样式的灵活性。
参考图2,图2为本公开实施例提供的目标页面代码的生成方法流程示意图一。本实施例的方法可以应用在终端设备或服务器中,该用于生成目标页面代码的方法包括:
步骤201,获取与目标页面对应的页面模板;其中,页面模板中包括基础代码。
可选地,可以预先设置模板,比如,可以针对不同类别的页面预先设置不同的模板。所述页面模板为页面对应的代码模板。所述目标页面可是待获取页面代码的任一页面。
可选地,针对管理页面来说,可以设置多种页面类型对应的模板。例如,针对查询显示类的页面,可以设置相应的模板,针对数据新增类的页面,可以设置相应的模板,针对数据详情页,可以设置相应的模板。查询显示页面模板包括与查询显示页面对应的基础代码,数据新增类页面模板包括与数据新增类页面对应的基础代码,数据详情页模板包括与数据详情页对应的基础代码。例如,在目标页面为查询显示类的页面时可以获取与查询显示类页面对应的页面模板,在目标页面为数据新增类的页面时可以获取与数据新增类页面对应的页面模板。
可选地,用户可以操作电子设备,使其获取目标页面的页面模板。用户具体可以选择需要生成的目标页面的类型,使得电子设备获取与该目标页面的类型对应的页面模板。
可选地,页面模板中包括预设的基础代码,该基础代码是指可以重复利用的代码,例如针对某一页面类型(如查询显示类页面)对应的基础代码,可以是根据这一页面类型确定得到的适用这一页面类型的通用代码。每次生成目标页面的代码时,都可以获取该目标页面的页面模板,并利用该页面模板中的基础代码生成目标页面代码。比如,可以预先设置第一类目标页面的页面模板,具体可以在该页面模板中设置基础代码。不同类型的目标页面对应的页面模板中的基础代码也可以不同。
步骤202,获取用户输入的与目标页面对应的页面配置信息,并根据页面配置信息生成页面中各页面模块对应的附加代码;其中,页面中包括至少一个页面模块。
所述附加代码可以是同一类型中的不同具体页面之间的差异性代码。例如,针对查询显示类页面,不同的查询显示页面所共有的代码为所述基础代码,不同的查询显示页面A和B之间的差异性代码为所述附加代码。
可选地,用户还可以在电子设备中录入与页面模板对应的页面配置信息。一种实施方式中,电子设备获取页面模板后,还可以生成该页面模板的配置文件,用户可以在配置文件中输入页面配置信息。
可选地,可以预先设置页面配置信息的输入规则,例如,每一行代表页面中的一个显示组件。显示组件例如可以是一个输入框,一个数据显示组件等。每一行输入内中可以包括组件显示的字段信息、组件类型、组件属性等。
可选地,若根据业务需求需要设计包括多个页面模块的目标页面,则用户在输入页面配置信息时,还可以输入模块标识,并输入与各模块对应的模块配置信息。
可选地,电子设备可以从页面配置信息中获取用户输入的与各页面模板对应的模块配置信息,该页面配置信息中可以包括至少一个页面模块对应的模块配置信息。也就是说,一页面配置信息包括与所述一页面所对应的至少一个模块的模块配置信息。比如,可以包括第一模块的模块配置信息,还可以包括第二模块的模块配置信息。
可选地,电子设备可以根据预设的页面配置信息输入规则,在页面配置信息中拆分出各页面模块的模块配置信息,并生成各页面模块对应的附加代码。可以根据第一模块的模块配置信息生成第一模块的第一附加代码,还可以根据第二模块的模块配置信息生成第二模块的第二模块代码。
可选地,可以预先设置根据页面配置信息生成附加代码的规则,比如,当模块配置信息中包括组件类型为输入框时,可以生成代码<Input placeholder="请输入"allowClear/>,并将其作为该模块的附加代码的一部分。
步骤203,根据各页面模块对应的附加代码、基础代码生成目标页面代码,其中,目标页面代码用于生成目标页面。
可选地,电子设备可以对各页面模块对应的附加代码和基础代码进行合成处理,比如,可以将生成的各模块的附加代码拼接到页面模板的基础代码中,从而得到目标页面代码。
可选地,基础代码中包括的内容为目标页面的框架信息,具体页面中的内容需要用户通过页面配置信息去设置,因此,需要将附加代码拼接到基础代码中,得到完整的目标页面代码。
可选地,在基础代码中可以设置占位符,再用附加代码替代占位符,从而将附加代码拼接到基础代码中。比如,占位符中可以包括模块名称,可以用与模块名称对应的模块的附加代码替代该占位符。
可选地,电子设备还可以根据得到的目标页面代码生成目标页面。用户可以预览目标页面,并根据实际的业务需求调整目标页面代码,以调整目标页面样式。随着业务的迭代,用户也可以调整目标页面代码,从而修改目标页面样式。这种方式能够提高目标页面的修改效率。
可选地,本公开提供的方法可以生成管理页面的页面代码,也可以生成其他页面的页面代码。
本公开提供的目标页面代码的生成方法,包括:获取与目标页面对应的页面模板;其中,页面模板中包括基础代码;获取用户输入的与目标页面对应的页面配置信息,并根据页面配置信息生成目标页面中各页面模块对应的附加代码;其中,目标页面中包括至少一个页面模块;根据各页面模块对应的附加代码、基础代码生成目标页面代码,其中,目标页面代码用于生成目标页面。本公开提供的目标页面代码的生成方法中,通过用户设置的页面配置信息生成附加代码片段,再将其拼接到页面模板的基础代码中得到完整的目标页面代码,这种方式生成目标页面的效率较高且灵活度高,另外,当需要修改目标页面样式时,可以直接修改目标页面代码,从而提高修改目标页面的效率。
参考图3,图3为本公开实施例提供的目标页面代码的生成方法流程示意图二。本实施例的方法可以应用在终端设备或服务器中,该目标页面代码的生成方法包括:
步骤301,获取与目标页面对应的页面模板;其中,页面模板中包括基础代码。
步骤301与步骤201的实现方式类似,不再赘述。
步骤302,获取用户输入的与目标页面对应的页面配置信息。
步骤302与步骤202中获取页面配置信息的方式类似,不再赘述。
步骤303,根据页面配置信息确定页面中包括的页面模块的类型,并在页面配置信息中确定与每一页面模块对应的模块配置信息。
可选地,电子设备可以读取页面配置信息中的内容,从而确定用户通过页面配置信息设置的页面模块的类型。
可选地,用户在输入页面配置信息时,可以在其中输入页面模块类型的标识,并在该类型标识后输入该页面模块包括的内容。此后可以输入另一个页面模块类型的标识,并输入另一页面模块包括的内容。基于此,电子设备可以在页面配置信息中识别模块类型标识,并确定与每一页面模块对应的模块配置信息。
图4为本公开一示例性实施例示出的页面配置信息的示意图。
如图4所示,页面配置信息中包括模块类型的标识41,还包括与该页面模块对应的模块配置信息42。
可选地,电子设备可以获取页面配置信息中包括的文本内容,具体可以提取页面配置信息中包括的中文字符和英文字符,将其作为文本内容。
可选地,还可以预先设置各页面模块类型与文本标识间的对应关系,电子设备可以根据所述文本内容中的文本标识、预设的页面模块类型与文本标识间的对应关系,确定所述目标页面中包括的页面模块的类型。具体可以比对页面配置信息中的文本内容中的文本标识与各页面模块类型的文本标识,进而识别出用于表征页面模块类型的文本标识,从而确定页面中包括的各页面模块的类型。
例如,预先设置有一类模块类型的文本标识为search-form,在页面配置信息的文本内容中也包括search-form。则可以认为页面中包括search-form指代的页面模块。
可选地,可以基于正则表达的方式匹配文本中包括的文本内容与预设的页面模块类型的文本标识。
步骤304,根据页面模块的类型、页面模块的模块配置信息,生成页面模块的附加代码。
可选地,针对每个页面模块,电子设备都可以将其模块配置信息转换为附加代码。具体可以根据页面模块的类型,将其模块配置信息转换为附加代码。
可选地,可以预先设置与每个页面模块类型对应的解析规则,该解析规则用于在页面模块中解析组件的类型,电子设备在生成页面模块的附加代码时,可以根据该页面模块的解析规则,将其模块配置信息转换为附加代码。
可选地,电子设备可以获取与页面模块的类型对应的预设的解析规则,并根据解析规则确定页面模块中各组件类型。
可选地,不同的页面模块类型对应的解析规则也可以不同,比如,针对有一些页面模块生成的代码是输入框代码,针对另一些页面模块生成的是显示项代码。
可选地,与页面模块类型对应的解析规则中可以包括组件类型信息,用于表征将页面模块的模块配置信息转换为何种类型的组件代码。
可选地,可以根据组件类型、页面模块的模块配置信息生成页面模块的附加代码。模块配置信息中可以包括多个组件的组件配置信息,电子设备可以根据组件类型,将这些组件的组件配置信息转换为与组件类型对应的代码。
例如,若一模块包括至少一个组件,具体比如三个组件,则该一模块配置信息中包括这一模块所对应的三个组件的组件配置信息,页面模块对应的解析规则中包括的组件类型为输入框,则可以将这三个组件的组件配置信息转换为与输入框对应的代码。
可选地,模块配置信息中包括模块所对应的组件的属性信息。比如,对于输入框,可以具有input的属性,也可以具有select的属性,用户可以根据需求设置。
可选地,电子设备根据模块配置信息确定各组件的属性信息及各组件对应的描述信息。具体可以从模块配置信息中的每个组件配置信息中,提取用于表征属性的信息,以得到组件的属性信息。
可选地,可以预先设置组件的属性信息在组件配置信息中的位置,比如,在每个组件的解释内容中包括组件的属性信息,则电子设备可以从组件的解释内容中提取组件的属性信息。
可选地,模块配置信息中还可以包括组件的描述信息。电子设备可以获取模块配置信息中与各组件对应的描述信息,具体可以从模块配置信息中各组件配置信息中获取各组件的描述信息。比如一个组件的描述信息中包括“开始日期”,则电子设备可以获取该信息。
可选地,描述信息可以作为组件的信息进行显示,比如,可以将描述信息设置在输入框之前,以提示用户在该输入框中输入何种信息。
可选地,可以根据各组件类型、各组件的属性信息、各组件的描述信息,生成页面模块的附加代码。
可选地,针对页面模块中的每个组件,电子设备都可以根据组件类型、组件的属性信息、组件的描述信息,生成组件的代码,再对各组件代码进行存储,得到页面模块的附加代码。
比如,根据页面模块的解析规则确定需要将页面模块中的各组件转换为输入框类型的代码,若其中一个组件的属性信息为input、描述信息为请输入,则生成的代码为<Input placeholder="请输入"allowClear/>,若其中另一个组件的属性信息为select选择框,则生成的代码为<Select placeholder="请选择"getPopupContainer={node=>node.parentNode as HTMLElement}options={INBOUND_STATUS}/>。最后将所有组件的代码合并存储起来,得到该页面模块的代码片段。
步骤305,在基础代码中确定用于占位的各占位符与各页面模块的对应关系。
可选地,在基础代码中设置有用于占位的占位符,比如可以在多个位置设置多个占位符。
可选地,可以根据占位符的信息与各页面模块的信息,确定各占位符与各页面模块的对应关系。比如,第一占位符与第一页面模块之间具有对应关系,第二占位符与第二页面模块之间具有对应关系。
可选地,可以根据占位符中包括的具体字符与页面模块的文本标识的对应关系,确定二者是否具有对应关系。比如,若占位符中包括的具体字符与页面模块的文本标识一致,则可以认为二者对应。
可选地,还可以根据占位符在基础代码中的顺序、页面模块在页面配置信息中的顺序,确定各占位符与各页面模块的对应关系。比如,在基础代码中的第一个占位符,与页面配置信息中的第一个页面模块之间具有对应关系。
步骤306,利用各页面模块对应的附加代码替换基础代码中与各页面模块对应的占位符,得到目标页面代码。
可选地,可以将页面模块的附加代码插入到基础代码中,具体可以使用附加代码替换与其对应的占位符,从而得到完整的目标页面代码。
图5为本公开一示例性实施例示出的生成页面代码的示意图。
如图5所示,页面配置信息51中包括多个页面模块的模块配置信息52。在基础代码53中设置有多个占位符54。
电子设备可以将各页面模块的模块配置信息52转换为对应的附加代码55,并将附加代码55分别插入与之对应的占位符54所在的位置,得到目标页面代码。
步骤307,响应对目标页面代码的修改指令,修改目标页面代码,修改后的目标页面代码用于生成更新后的目标页面。
可选地,用户还可以根据需求直接修改目标页面代码,比如由于业务需求需要变更目标页面的样式,再比如当前生成的页面显示效果与预期不符,则用户可以直接修改目标页面代码,以使利用修改后的目标页面代码生成的目标页面符合需求。
这种实施方式中,用户仅在最初设计目标页面时设置页面配置信息即可,后续对目标页面的修改过程中,可以直接根据需求修改目标页面代码,修改量较小,且不需要重新配置参数,因此,本公开提供的方法能够提高页面的修改效率。
本公开的实施例中,还提供一种页面生成方法,包括:
生成页面代码,其中,所述页面代码是采用如上任一项所述的方法生成的;
根据所述页面代码生成页面。
具体可以由电子设备对生成的页面代码进行编译,生成页面。
参考图6,图6为本公开实施例提供的目标页面代码的生成装置结构示意图一。本实施例的装置可以应用在终端设备或服务器中,该目标页面代码的生成装置600包括:
模板获取单元610,用于获取与目标页面对应的页面模板;其中,所述页面模板中包括基础代码;
代码生成单元620,用于获取用户输入的与所述目标页面对应的页面配置信息,并根据所述页面配置信息生成目标页面中各页面模块对应的附加代码;其中,所述目标页面中包括至少一个页面模块;
合成单元630,用于根据各页面模块对应的所述附加代码、所述基础代码生成目标页面代码,其中,所述目标页面代码用于生成所述目标页面。
本公开提供的目标页面代码的生成装置,通过用户设置的页面配置信息生成附加代码,再将其拼接到预设的基础代码中得到完整的目标页面代码,这种方式生成页面的效率较高且灵活度高,另外,当需要修改页面样式时,可以直接修改页面代码,从而提高修改页面的效率。
本公开提供的目标页面代码的生成装置的具体实现方式与图2所示实施例类似,不再赘述。
参考图7,图7为本公开实施例提供的目标页面代码的生成装置结构示意图二。本实施例的装置可以应用在终端设备或服务器中,该目标页面代码的生成装置700,在上述实施例基础上,所述代码生成单元620,包括:
模块信息确定模块621,用于根据所述页面配置信息确定所述页面中包括的页面模块的类型,并在所述页面配置信息中确定与每一页面模块对应的模块配置信息;
代码生成模块622,用于根据页面模块的类型、页面模块的模块配置信息,生成所述页面模块的附加代码。
可选地,所述模块信息确定模块621具体用于:
获取所述页面配置信息中包括的文本内容;
根据所述文本内容中的文本标识、预设的页面模块类型与文本标识间的对应关系,确定所述页面中包括的页面模块的类型。
可选地,所述代码生成模块622具体用于:
获取与所述页面模块的类型对应的预设的解析规则并根据所述解析规则确定所述页面模块中各组件类型;
根据所述组件类型、所述页面模块的模块配置信息生成所述页面模块的附加代码。
可选地,所述代码生成模块622具体用于:
根据所述模块配置信息确定各组件的属性信息及各组件对应的描述信息;
根据各组件类型、各组件的属性信息、各组件的描述信息,生成所述页面模块的附加代码。
可选地,代码生成单元630,包括:
对应模块631,用于在所述基础代码中确定用于占位的各占位符与各页面模块的对应关系;
拼接模块632,用于利用各页面模块对应的附加代码替换所述基础代码中与所述页面模块对应的占位符,得到所述目标页面代码。
可选地,所述装置还包括:修改单元640,用于
响应对所述目标页面代码的修改指令,修改所述目标页面代码,修改后的目标页面代码用于生成更新后的目标页面。
本公开的实施例中,还提供一种页面生成设备,包括:
如上任一项所述的页面代码的生成装置,用于生成页面代码;
页面生成装置,用于根据所述页面代码生成页面。
可选地,该页面生成设备可以作为应用程序安装在具备计算能力的电子设备中,该该页面生成设备中可以包括两部分,一部分为如上任一项所述的页面代码的生成装置,这部分用于生成页面代码,另一部分为页面生成装置,这部分具有根据页面代码的生成装置生成的页面代码,生成页面的功能。
在一种可选的实施例中,本公开提供一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机执行指令,当处理器执行所述计算机执行指令时,实现如上所述的任一种方法。
在一种可选的实施例中,本公开提供一种计算机程序产品,包括计算机程序,所述计算机程序在被处理器执行时实现上述任一种方法。
本实施例提供的设备,可用于执行上述方法实施例的技术方案,其实现原理和技术效果类似,本实施例此处不再赘述。
参考图8,其示出了适于用来实现本公开实施例的电子设备800的结构示意图,该电子设备800可以为终端设备或服务器。其中,终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、个人数字助理(Personal Digital Assistant,简称PDA)、平板电脑(Portable Android Device,简称PAD)、便携式多媒体播放器(Portable MediaPlayer,简称PMP)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图8示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图8所示,电子设备800可以包括处理装置(例如中央处理器、图形处理器等)801,其可以根据存储在只读存储器(Read Only Memory,简称ROM)802中的程序或者从存储装置808加载到随机访问存储器(Random Access Memory,简称RAM)803中的程序而执行各种适当的动作和处理。在RAM 803中,还存储有电子设备800操作所需的各种程序和数据。处理装置801、ROM 802以及RAM 803通过总线804彼此相连。输入/输出(I/O)接口805也连接至总线804。
通常,以下装置可以连接至I/O接口805:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置806;包括例如液晶显示器(Liquid CrystalDisplay,简称LCD)、扬声器、振动器等的输出装置807;包括例如磁带、硬盘等的存储装置808;以及通信装置809。通信装置809可以允许电子设备800与其他设备进行无线或有线通信以交换数据。虽然图8示出了具有各种装置的电子设备800,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置809从网络上被下载和安装,或者从存储装置808被安装,或者从ROM802被安装。在该计算机程序被处理装置801执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备执行上述实施例所示的方法。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LocalArea Network,简称LAN)或广域网(Wide Area Network,简称WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,单元的名称在某种情况下并不构成对该单元本身的限定,例如,第一获取单元还可以被描述为“获取至少两个网际协议地址的单元”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
第一方面,根据本公开的一个或多个实施例,提供了一种目标页面代码的生成方法,包括:
获取与目标页面对应的页面模板;其中,所述页面模板中包括基础代码;
获取用户输入的与所述目标页面对应的页面配置信息,并根据所述页面配置信息生成目标页面中各页面模块对应的附加代码;其中,所述目标页面中包括至少一个页面模块;
根据各页面模块对应的所述附加代码、所述基础代码生成目标页面代码,其中,所述目标页面代码用于生成所述目标页面。
根据本公开的一个或多个实施例,所述根据所述页面配置信息生成目标页面中各页面模块对应的附加代码,包括:
根据所述页面配置信息确定所述目标页面中包括的页面模块的类型,并在所述页面配置信息中确定与每一页面模块对应的模块配置信息;
根据页面模块的类型、页面模块的模块配置信息,生成所述页面模块的附加代码。
根据本公开的一个或多个实施例,所述根据所述页面配置信息确定所述页面中包括的页面模块的类型,包括:
获取所述页面配置信息中包括的文本内容;
根据所述文本内容中的文本标识、预设的页面模块类型与文本标识间的对应关系,确定所述目标页面中包括的页面模块的类型。
根据本公开的一个或多个实施例,所述根据页面模块的类型、页面模块的模块配置信息,生成所述页面模块的附加代码,包括:
获取与所述页面模块的类型对应的预设的解析规则,并根据所述解析规则确定所述页面模块中各组件类型;
根据所述组件类型、所述页面模块的模块配置信息生成所述页面模块的附加代码。
根据本公开的一个或多个实施例,所述根据所述组件类型、所述页面模块的模块配置信息生成所述页面模块的附加代码,包括:
根据所述模块配置信息确定各组件的属性信息及各组件对应的描述信息;
根据各组件类型、各组件的属性信息、各组件的描述信息,生成所述页面模块的附加代码。
根据本公开的一个或多个实施例,所述根据各页面模块对应的所述附加代码、所述基础代码生成目标页面代码,包括:
在所述基础代码中确定用于占位的各占位符与各页面模块的对应关系;
利用各页面模块对应的附加代码替换所述基础代码中与所述各页面模块对应的占位符,得到所述目标页面代码。
根据本公开的一个或多个实施例,还包括:
响应对所述目标页面代码的修改指令,修改所述目标页面代码,修改后的目标页面代码用于生成更新后的目标页面。
第二方面,根据本公开的一个或多个实施例,提供了一种页面生成方法,,包括:
生成页面代码,其中,所述页面代码是采用如第一方面中任一项所述的方法生成的;
根据所述页面代码生成页面。
第三方面,根据本公开的一个或多个实施例,提供了一种目标页面代码的生成装置,包括:
模板获取单元,用于获取与目标页面对应的页面模板;其中,所述页面模板中包括基础代码;
代码生成单元,用于获取用户输入的与所述目标页面对应的页面配置信息,并根据所述页面配置信息生成目标页面中各页面模块对应的附加代码;其中,所述目标页面中包括至少一个页面模块;
合成单元,用于根据各页面模块对应的所述附加代码、所述基础代码生成目标页面代码,其中,所述目标页面代码用于生成所述目标页面。
根据本公开的一个或多个实施例,所述代码生成单元,包括:
模块信息确定模块,用于根据所述页面配置信息确定所述页面中包括的页面模块的类型,并在所述页面配置信息中确定与每一页面模块对应的模块配置信息;
代码生成模块,用于根据页面模块的类型、页面模块的模块配置信息,生成所述页面模块的附加代码。
根据本公开的一个或多个实施例,所述模块信息确定模块具体用于:
获取所述页面配置信息中包括的文本内容;
根据所述文本内容中的文本标识、预设的页面模块类型与文本标识间的对应关系,确定所述页面中包括的页面模块的类型。
根据本公开的一个或多个实施例,
所述代码生成模块具体用于:
获取与所述页面模块的类型对应的预设的解析规则并根据所述解析规则确定所述页面模块中各组件类型;
根据所述组件类型、所述页面模块的模块配置信息生成所述页面模块的附加代码。
根据本公开的一个或多个实施例,所述代码生成模块具体用于:
根据所述模块配置信息确定各组件的属性信息及各组件对应的描述信息;
根据各组件类型、各组件的属性信息、各组件的描述信息,生成所述页面模块的附加代码。
根据本公开的一个或多个实施例,代码生成单元,包括:
对应模块,用于在所述基础代码中确定用于占位的各占位符与各页面模块的对应关系;
拼接模块,用于利用各页面模块对应的附加代码替换所述基础代码中与所述页面模块对应的占位符,得到所述目标页面代码。根据本公开的一个或多个实施例,所述装置还包括:修改单元,用于
响应对所述目标页面代码的修改指令,修改所述目标页面代码,修改后的目标页面代码用于生成更新后的目标页面。
第四方面,根据本公开的一个或多个实施例,提供了一种页面生成设备,包括:
如上任一项所述的页面代码的生成装置,用于生成页面代码;
页面生成装置,用于根据所述页面代码生成页面。
可选地,该页面生成设备可以作为应用程序安装在具备计算能力的电子设备中,该页面生成设备包括两部分,一部分为页面代码的生成装置,这部分用于生成页面代码,另一部分为页面生成装置,这部分具有根据页面代码的生成装置生成的页面代码生成页面的功能。
第五方面,根据本公开的一个或多个实施例,提供了一种电子设备,包括:至少一个处理器和存储器;
所述存储器存储计算机执行指令;
所述至少一个处理器执行所述存储器存储的计算机执行指令,使得所述至少一个处理器执行如上第一方面以及第一方面各种可能的设计所述的方法,或如上第二方面以及第二方面各种可能的设计所述的方法。
第四方面,根据本公开的一个或多个实施例,提供了一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机执行指令,当处理器执行所述计算机执行指令时,实现如上第一方面以及第一方面各种可能的设计所述的方法,或如上第二方面以及第二方面各种可能的设计所述的方法。
第五方面,本公开实施例提供一种计算机程序产品,包括计算机程序,所述计算机程序在被处理器执行时实现如上第一方面以及第一方面各种可能的设计的所述的方法,或如上第二方面以及第二方面各种可能的设计所述的方法。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
此外,虽然采用特定次序描绘了各操作,但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下,多任务和并行处理可能是有利的。同样地,虽然在上面论述中包含了若干具体实现细节,但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地,在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题,但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反,上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。
Claims (13)
1.一种目标页面代码的生成方法,其特征在于,包括:
获取与目标页面对应的页面模板;其中,所述页面模板中包括基础代码;
获取用户输入的与所述目标页面对应的页面配置信息,并根据所述页面配置信息生成目标页面中各页面模块对应的附加代码;其中,所述目标页面中包括至少一个页面模块;
根据各页面模块对应的所述附加代码、所述基础代码生成目标页面代码,其中,所述目标页面代码用于生成所述目标页面。
2.根据权利要求1所述的方法,其特征在于,所述根据所述页面配置信息生成目标页面中各页面模块对应的附加代码,包括:
根据所述页面配置信息确定所述目标页面中包括的页面模块的类型,并在所述页面配置信息中确定与每一页面模块对应的模块配置信息;
根据页面模块的类型、页面模块的模块配置信息,生成所述页面模块的附加代码。
3.根据权利要求2所述的方法,其特征在于,所述根据所述页面配置信息确定所述目标页面中包括的页面模块的类型,包括:
获取所述页面配置信息中包括的文本内容;
根据所述文本内容中的文本标识、预设的页面模块类型与文本标识间的对应关系,确定所述目标页面中包括的页面模块的类型。
4.根据权利要求2所述的方法,其特征在于,所述根据页面模块的类型、页面模块的模块配置信息,生成所述页面模块的附加代码,包括:
获取与所述页面模块的类型对应的预设的解析规则,并根据所述解析规则确定所述页面模块中各组件类型;
根据所述组件类型、所述页面模块的模块配置信息生成所述页面模块的附加代码。
5.根据权利要求4所述的方法,其特征在于,所述根据所述组件类型、所述页面模块的模块配置信息生成所述页面模块的附加代码,包括:
根据所述模块配置信息确定各组件的属性信息及各组件对应的描述信息;
根据各组件类型、各组件的属性信息、各组件的描述信息,生成所述页面模块的附加代码。
6.根据权利要求1-5任一项所述的方法,其特征在于,所述根据各页面模块对应的所述附加代码、所述基础代码生成目标页面代码,包括:
在所述基础代码中确定用于占位的各占位符与各页面模块的对应关系;
利用各页面模块对应的附加代码替换所述基础代码中与所述各页面模块对应的占位符,得到所述目标页面代码。
7.根据权利要求1-5任一项所述的方法,其特征在于,还包括:
响应对所述目标页面代码的修改指令,修改所述目标页面代码,修改后的目标页面代码用于生成更新后的目标页面。
8.一种页面生成方法,其特征在于,包括:
生成页面代码,其中,所述页面代码是采用如权利要求1-7中任一项所述的方法生成的;
根据所述页面代码生成页面。
9.一种目标页面代码的生成装置,其特征在于,包括:
模板获取单元,用于获取与目标页面对应的页面模板;其中,所述页面模板中包括基础代码;
代码生成单元,用于获取用户输入的与所述目标页面对应的页面配置信息,并根据所述页面配置信息生成目标页面中各页面模块对应的附加代码;其中,所述目标页面中包括至少一个页面模块;
合成单元,用于根据各页面模块对应的所述附加代码、所述基础代码生成目标页面代码,其中,所述目标页面代码用于生成所述目标页面。
10.一种页面生成设备,其特征在于,包括:
如权利要求9所述的页面代码的生成装置,用于生成页面代码;
页面生成装置,用于根据所述页面代码生成页面。
11.一种电子设备,其特征在于,包括:至少一个处理器和存储器;
所述存储器存储计算机执行指令;
所述至少一个处理器执行所述存储器存储的计算机执行指令,使得所述至少一个处理器执行如权利要求1至9任一项所述的方法。
12.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有计算机执行指令,当处理器执行所述计算机执行指令时,实现如权利要求1至9任一项所述的方法。
13.一种计算机程序产品,其特征在于,包括计算机程序,所述计算机程序在被处理器执行时实现根据权利要求1-9中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111034230.6A CN115756452A (zh) | 2021-09-03 | 2021-09-03 | 目标页面代码的生成方法、设备、存储介质及程序产品 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111034230.6A CN115756452A (zh) | 2021-09-03 | 2021-09-03 | 目标页面代码的生成方法、设备、存储介质及程序产品 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115756452A true CN115756452A (zh) | 2023-03-07 |
Family
ID=85331986
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111034230.6A Pending CN115756452A (zh) | 2021-09-03 | 2021-09-03 | 目标页面代码的生成方法、设备、存储介质及程序产品 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115756452A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117608560A (zh) * | 2024-01-24 | 2024-02-27 | 卡奥斯创智物联科技有限公司 | Lvgl页面显示代码生成方法、装置、设备及介质 |
-
2021
- 2021-09-03 CN CN202111034230.6A patent/CN115756452A/zh active Pending
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117608560A (zh) * | 2024-01-24 | 2024-02-27 | 卡奥斯创智物联科技有限公司 | Lvgl页面显示代码生成方法、装置、设备及介质 |
CN117608560B (zh) * | 2024-01-24 | 2024-04-12 | 卡奥斯创智物联科技有限公司 | Lvgl页面显示代码生成方法、装置、设备及介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109634598B (zh) | 一种页面显示方法、装置、设备及存储介质 | |
CN109597617B (zh) | 基于模板快速生成业务页面的方法和装置 | |
US20200057550A1 (en) | Method and apparatus for generating customized visualization component | |
CN110780874B (zh) | 用于生成信息的方法和装置 | |
CN110070593B (zh) | 图片预览信息的显示方法、装置、设备及介质 | |
CN109815448B (zh) | 幻灯片生成方法及装置 | |
US10951486B2 (en) | Terminal device, UI expansion method, and UI expansion program | |
CN113760276A (zh) | 一种生成页面代码的方法和装置 | |
CN113110829A (zh) | 多ui组件库数据处理方法及装置 | |
CN115731313A (zh) | Svg格式的图片的处理方法、装置、设备、介质及产品 | |
CN114356962A (zh) | 一种数据查询方法、装置、电子设备和存储介质 | |
CN115756452A (zh) | 目标页面代码的生成方法、设备、存储介质及程序产品 | |
CN110442419B (zh) | Android应用的界面布局方法及装置 | |
CN111124541A (zh) | 一种配置文件的生成方法、装置、设备及介质 | |
CN112181408A (zh) | 在应用程序前端页面显示视图列表的方法和装置 | |
CN113220381A (zh) | 一种点击数据展示方法和装置 | |
CN113094286B (zh) | 页面测试方法和装置、存储介质和电子设备 | |
CN113885996A (zh) | 用户界面的生成方法及装置 | |
CN114239501A (zh) | 合同生成方法、装置、设备及介质 | |
CN111199519B (zh) | 特效包的生成方法和装置 | |
CN113778401A (zh) | 一种页面生成的方法和装置 | |
CN112380476A (zh) | 信息显示方法、装置和电子设备 | |
CN111753238A (zh) | 数据映射方法、装置和电子设备 | |
CN112307723A (zh) | 生成代码文档的方法、装置和电子设备 | |
CN110780898A (zh) | 页面数据的升级方法、装置和电子设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |