CN114035793A - 页面生成方法、页面生成装置、设备及存储介质 - Google Patents
页面生成方法、页面生成装置、设备及存储介质 Download PDFInfo
- Publication number
- CN114035793A CN114035793A CN202111520743.8A CN202111520743A CN114035793A CN 114035793 A CN114035793 A CN 114035793A CN 202111520743 A CN202111520743 A CN 202111520743A CN 114035793 A CN114035793 A CN 114035793A
- Authority
- CN
- China
- Prior art keywords
- interface
- component
- target
- page
- configuration
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0486—Drag-and-drop
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
- G06F8/24—Object-oriented
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/60—Software deployment
- G06F8/65—Updates
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Databases & Information Systems (AREA)
- Computer Security & Cryptography (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请涉及人工智能领域,尤其涉及页面生成方法、页面生成装置、计算机设备及存储介质。所述方法包括:获取基于页面编辑界面选择的页面配置信息,所述页面配置信息包括目标页面组件以及所述目标页面组件的功能需求;从预设数据库中确定所述目标页面组件对应的接口信息,根据预设的数据库配置规则对所述接口信息进行接口功能信息配置,得到目标接口;调用所述目标接口,根据所述目标页面组件的功能需求对所述目标页面组件对应的组件数据进行编辑,得到目标组件参数;将所述目标组件参数映射到所述目标页面组件中,对所述目标页面组件进行更新,根据更新后的目标页面组件生成目标页面。本申请实施例旨在提高页面开发的效率。
Description
技术领域
本申请涉及人工智能领域,尤其涉及页面生成方法、页面生成装置、计算机设备及存储介质。
背景技术
随着目前应用程序的广泛使用,应用程序的显示页面开发需求在增长,页面的开发和维护受到越来越多的关注。在页面开发中,为满足各种各样使用场景,单个页面中需要具备大量的功能,用户在进行页面开发的过程中,需要对组件需求或接口参数等进行调整,从而给前后端尤其是前端带来巨大的沟通和修改成本,大大提高了工作量,由此降低页面开发的效率。
发明内容
本申请提供了一种页面生成方法、页面生成装置、计算机设备及存储介质,旨在提高页面开发的效率。
为实现上述目的,本申请提供一种页面生成方法,所述方法包括:
获取基于页面编辑界面选择的页面配置信息,所述页面配置信息包括目标页面组件以及所述目标页面组件的功能需求;
从预设数据库中确定所述目标页面组件对应的接口信息,根据预设的数据库配置规则对所述接口信息进行接口功能信息配置,得到目标接口;
调用所述目标接口,根据所述目标页面组件的功能需求对所述目标页面组件对应的组件数据进行编辑,得到目标组件参数;
将所述目标组件参数映射到所述目标页面组件中,对所述目标页面组件进行更新,根据更新后的目标页面组件生成目标页面。
为实现上述目的,本申请还提供一种页面生成装置,所述页面生成装置包括:
页面配置模块,用于获取基于页面编辑界面选择的页面配置信息,所述页面配置信息包括目标页面组件以及所述目标页面组件的功能需求;
接口生成模块,用于从预设数据库中确定所述目标页面组件对应的接口信息,根据预设的数据库配置规则对所述接口信息进行接口功能信息配置,得到目标接口;
接口调用模块,用于调用所述目标接口,根据所述目标页面组件的功能需求对所述目标页面组件对应的组件数据进行编辑,得到目标组件参数;
页面生成模块,用于将所述目标组件参数映射到所述目标页面组件中,对所述目标页面组件进行更新,根据更新后的目标页面组件生成目标页面。
此外,为实现上述目的,本申请还提供一种计算机设备,所述计算机设备包括存储器和处理器;所述存储器,用于存储计算机程序;所述处理器,用于执行所述的计算机程序并在执行所述的计算机程序时实现本申请实施例提供的任一项所述的页面生成方法。
此外,为实现上述目的,本申请还提供一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时使所述处理器实现本申请实施例提供的任一项所述的页面生成方法。
本申请实施例公开的页面生成方法、页面生成装置、设备及存储介质,通过获取基于页面编辑界面选择的目标页面组件以及功能需求,根据目标页面组件生成目标接口,调用该目标接口对目标页面组件对应的组件数据进行编辑,得到目标组件参数,最后将目标组件参数映射到所述目标页面组件中以生成目标页面。由此可以无需对接口进行大幅度地调整,降低了工作量,从而提高页面开发的效率。
附图说明
为了更清楚地说明本申请实施例技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请实施例提供的一种页面生成方法的场景示意图;
图2是本申请实施例提供的一种页面生成方法的流程示意图;
图3是本申请一实施例提供的一种页面生成装置的示意性框图;
图4是本申请一实施例提供的一种计算机设备的示意性框图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
附图中所示的流程图仅是示例说明,不是必须包括所有的内容和操作/步骤,也不是必须按所描述的顺序执行。例如,有的操作/步骤还可以分解、组合或部分合并,因此实际执行的顺序有可能根据实际情况改变。另外,虽然在装置示意图中进行了功能模块的划分,但是在某些情况下,可以以不同于装置示意图中的模块划分。
在本申请说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合,并且包括这些组合。
在互联网应用的页面开发中,目前主流的互联网应用都是B/S架构和前后端分离,在提高开发效率的同时,也存在着不足,首先是前后端分离架构导致前端对接口形成强依赖,前后端需求的变更都可能造成对接口的调整,给前后端尤其是前端带来巨大的沟通和修改成本,其次前端开发团队内部和团队之间为保证符合统一的开发规范和页面样式规范,需要投入的可观的工作量,但仍然难以满足不断变化的业务需求。同时随着用户需求更加多样化和个性化,传统代码开发流程难以快速、准确、及时地响应。
为解决上述问题,本申请提供了一种页面生成方法,应用在服务器,由此可以无需对接口进行大幅度地调整,降低了工作量,从而提高页面开发的效率,提高用户使用体验。
其中,服务器例如可以为单独的服务器或服务器集群。但为了便于理解,以下实施例将以应用于服务器的页面生成方法进行详细介绍。
下面结合附图,对本申请的一些实施方式作详细说明。在不冲突的情况下,下述的实施例及实施例中的特征可以相互组合。
如图1所示,本申请实施例提供的页面生成方法,可以应用于如图1所示的应用环境中。该应用环境中包含有终端设备110和服务器120,其中,终端设备110可以通过网络与服务器120进行通信。具体地,服务器120获取终端设备110发送的基于页面编辑界面选择的页面配置信息,服务器120根据页面配置信息生成目标接口,并调用目标接口对目标页面组件对应的组件数据进行编辑,得到目标组件参数,最后将目标组件参数映射到目标页面组件以生成目标页面,并将目标页面发送给终端设备110。其中,服务器120可以是独立的服务器,也可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、内容分发网络(Content Delivery Network,CDN)、以及大数据和人工智能平台等基础云计算服务的云服务器。终端设备110可以是智能手机、平板电脑、笔记本电脑、台式计算机、智能音箱、智能手表等,但并不局限于此。终端以及服务器可以通过有线或无线通信方式进行直接或间接地连接,本申请在此不做限制。
请参阅图2,图2是本申请实施例提供的一种页面生成方法的示意流程图。其中,该页面生成方法可以应用在服务器中,也可以应用在页面生成***中,所述页面生成***包括页面配置模块、组件模块、事件方法模块、数据库配置模块、接口生成模块以及页面发布模块。由此可以无需对接口进行大幅度地调整,降低了工作量,从而提高页面开发的效率,提高用户使用体验。
如图2所示,该页面生成方法包括步骤S101至步骤S104。
S101、获取基于页面编辑界面选择的页面配置信息,所述页面配置信息包括目标页面组件以及所述目标页面组件的功能需求。
其中,所述页面编辑界面可以在积木页面平台上、浏览器或客户端上显示,可以通过可视化进行应用程序开发的页面,使具有不同经验水平的开发人员可以通过图形化的用户界面,使用组装通用组件和编写少量代码来创建网页。所述页面配置信息可以包括目标页面组件以及对应的目标页面组件的功能需求,其中,所述目标页面组件为用户所选择的页面组件,所述目标页面组件的功能需求为用户对于目标页面组件的功能需求,比如对于按钮组件的功能需求是保存。
具体地,可以通过页面配置模块获取页面编辑界面的页面配置信息,并通过组件模块拖曳页面组件。
本申请实施例可以基于人工智能技术对相关的数据进行获取和处理。其中,人工智能(Artificial Intelligence,AI)是利用数字计算机或者数字计算机控制的机器模拟、延伸和扩展人的智能,感知环境、获取知识并使用知识获得最佳结果的理论、方法、技术及应用***。
人工智能基础技术一般包括如传感器、专用人工智能芯片、云计算、分布式存储、大数据处理技术、操作/交互***、机电一体化等技术。人工智能软件技术主要包括计算机视觉技术、机器人技术、生物识别技术、语音处理技术、自然语言处理技术以及机器学习/深度学习等几大方向。
在一些实施例中,响应于页面生成请求,生成页面编辑界面,其中,所述页面编辑界面包括组件区和编辑区;获取用户在所述页面编辑界面的拖曳操作,并根据所述拖曳操作确定目标页面组件,其中,所述拖曳操作为所述用户将所述组件区中的页面组件拖曳至所述编辑区的操作。
其中,所述页面编辑界面还包括配置区,所述组件区包括但不限于按钮组件、文本组件、图片组件,示例性的,组件区中的每类组件还包括有对应的组件ID、组件样式、组件属性等,当编辑区选中对应组件时可在配置区对样式、属性等进行配置,具体可以由用户进行配置。
具体地,响应于用户发送的页面生成请求,生成页面编辑界面,获取用户将所述组件区中的页面组件拖曳至编辑区的操作,将用户所选择的页面组件作为目标页面组件。
在一些实施例中,在生成页面编辑界面之前,所述页面生成请求包括制作需求,根据所述制作需求在所述组件区中输出对应的组件列表。由此可以根据用户发送的制作需求确定适合用户需求的组件,减少用户的筛选时间,从而提高页面开发的效率。
其中,所述制作需求可以包括医疗页面制作、公共交通页面制作、出入境登记页面等等。
示例性的,若所述制作需求为医疗页面制作,所述组件区输出医疗相关对应的组件列表。其中,所述组件列表可以为与医疗相关的图片组件比如医院图片等以及与医疗相关的按钮组件比如预约挂号、医保缴费等。
在一些实施例中,还可以根据所述制作需求确定所述组件区的组件的相关度,并根据所述相关度生成组件列表。由此可以根据组件的相关度清晰地将相关度较高的组件优先展示给用户,从而提高页面开发的效率。
其中,所述相关度根据所述组件的组件类型确定,而所述组件类型可以基于预先训练好的神经网络模型确定。
具体地,所述神经网络模型可以为类别预测模型,所述类别预测模型分为输入层、特征提取层和输出层,将所述组件区的组件通过所述输入层输入所述神经网络模型;基于所述特征提取层对所述组件区的组件进行特征提取,得到组件类型特征;将所述组件类型特征输入至所述输出层,得到所述组件区的组件的组件类型。
示例性的,将所述组件区的所有组件通过所述类别预测模型进行类别预测,得到所有组件对应的组件类型,比如所述组件区的组件包括预约挂号、医保查询、食品扫码和停车缴费,则预约挂号、医保查询属于医疗类组件,食品扫码属于食品类组件,停车缴费属于交通类组件。若所述制作需求为医疗页面制作时,根据所述空间类型可以确定预约挂号和医保查询的相关度较高,食品扫码和停车缴费的相关度较低,从而优先展示预约挂号和医保查询这两个组件。
在一些实施例中,还可以对所述组件区的组件进行相关度排序,得到排序结果,并根据所述排序结果生成组件列表。由此可以根据排序结果准确地将组件相关度信息反馈给用户。
具体地,基于组件的类别确定类别测试集,利用所述类别测试集对每个组件进行测试,得到每个组件对应的组件类别的准确率;根据所述准确率对每个组件进行排序,得到排序结果;以及基于所述排序结果生成组件列表。
示例性的,若所述制作需求为医疗页面制作,可以根据医疗类别的测试集对组件区的组件进行测试,比如组件区的组件有预约挂号、医保查询、医保缴费、住院缴费,得到每个组件对应的医疗类别的准确率比如预约挂号为100%、医保查询为90%、医保缴费为85%、住院缴费为95%;根据所述准确率对每个组件进行排序,得到排序结果;以及基于所述排序结果生成组件列表,且所述组件列表排序依次为预约挂号、住院缴费、医保查询和医保缴费。
在一些实施例中,还可以根据使用率确定排序结果,所述使用率是统计大多数用户对组件的使用频率而得出。
示例性的,比如组件区的组件有预约挂号、医保查询、医保缴费、住院缴费,其中预约挂号的使用频率为80%、医保查询为90%、医保缴费为75%、住院缴费为60%;则组件列表排序依次为医保查询、预约挂号、医保缴费和住院缴费。
S102、从预设数据库中确定所述目标页面组件对应的接口信息,根据预设的数据库配置规则对所述接口信息进行接口功能信息配置,得到目标接口。
其中,所述接口信息可以数据库信息或数据库表信息,具体可以包括预设数据库中的数据库表字段、字段类型、字段校验、字段展示规则、字段间的关联关系等信息。所述数据库配置规则用于对接口信息进行接口功能信息的配置,实际上可以认为是约束规则。所述目标接口可以为API接口,用于建立目标页面组件与接口信息的联系,可以通过目标页面组件调用目标接口从而得到对应的接口信息。
具体地,可以通过数据库配置模块从预设数据库中确定所述目标页面组件对应的接口信息,并通过接口生成模块根据预设的数据库配置规则对所述接口信息进行接口功能信息配置,得到目标接口。
在一些实施例中,获取预设数据库内与所述目标页面组件相匹配的接口信息;根据预设的数据库配置规则对所述接口信息进行接口功能信息配置,得到接口配置参数;根据所述接口配置参数对预设接口进行参数配置,生成目标接口。
其中,可以先获取目标页面组件的组件定义信息,并根据组件定义信息在预设数据库中进行匹配,得到组件定义信息对应的接口信息,该接口信息即可以认为是与所述目标页面组件相匹配的接口信息。所述组件定义信息可以为组件类型等信息,比如组件类型为输入框或按钮。所述接口配置参数用于对预设接口进行参数配置以生成新的接口。所述预设接口可以为万能接口,所述万能接口为通用的接口配置,前后端按照一定的接口配置参数进行配置可生成***常用的各类接口,从而无需额外接口开发,解决前后端对接口变更的强依赖。
具体地,获取接口配置参数后,可以根据接口配置参数生成目标接口。示例性的,可以根据所选用的计算机语言来确定生成接口的方式,如通过Java语言创建API,则可以通过动态语言的方式或者反射的方式来创建对应接口。由此可以通过自助式的方式来生成接口,增强应用程序开发过程的自动化、智能化水平,同时减少新需求业务功能开发,可以省时省力省资源,并提升接口创建的可靠性及稳定性,降低程序开发***的规模。
在一些实施例中,根据预设的数据库数据配置规则对所述接口信息对应的数据库表进行接口功能信息配置,得到接口配置参数。
具体地,根据预设的数据库数据配置规则对所述接口信息对应的数据库表进行第一接口功能信息配置,得到接口配置参数;或,根据预设的数据库数据配置规则对所述接口信息对应的数据库表进行第二接口功能信息配置,得到接口配置参数;或,根据预设的数据库数据配置规则对所述接口信息对应的数据库表进行第三接口功能信息配置,得到接口配置参数;或,根据预设的数据库数据配置规则对所述接口信息对应的数据库表进行第四接口功能信息配置,得到接口配置参数。
其中,所述第一功能信息可以为对接口信息进行新增的接口功能信息,示例性的,可以用于指示对数据库表进行新增的功能信息;所述第二功能信息可以为对接口信息进行删减的接口功能信息,示例性的,可以用于指示对数据库表进行删减的接口功能信息;所述第三功能信息可以对接口信息进行修正的接口功能信息,示例性的,可以用于指示对数据库表进行修正的接口功能信息;所述第四功能信息可以为对接口信息进行查询的接口功能信息,示例性的,可以用于指示对数据库表进行查询的接口功能信息。
在一些实施例中,将生成的所述目标接口更新至接口列表信息中,以方便后续调用对应的接口,其中,所述接口列表信息用于存储各类接口。
具体地,所述接口列表信息可以存储在全局变量中,方便后续进行接口调用。
S103、调用所述目标接口,根据所述目标页面组件的功能需求对所述目标页面组件对应的组件数据进行编辑,得到目标组件参数。
其中,组件数据可以包括组件ID、组件样式、组件属性等等用于表征目标页面组件的功能需求的数据,所述组件参数是通过对编辑后的组件数据进行转换后生成的,用于对所述目标页面组件进行更新,所述目标组件参数为所述目标页面组件对应的组件参数。
具体地,可以通过在事件方法模块调用所述目标接口,并根据所述目标页面组件的功能需求在页面配置模块对所述目标页面组件对应的组件数据进行编辑,得到目标组件参数。
在一些实施例中,基于预设的接口调用函数和接口调用代码调用所述目标接口;基于所述目标接口的接口功能信息,根据所述目标页面组件的功能需求对所述目标页面组件对应的组件数据进行编辑,得到目标组件参数。由此可以通过接口调用函数以及生成接口调用代码建立了目标页面组件与目标接口的关联关系,即使接口参数或组件需求发生改变,可以自动生成相应的代码,从而无需对接口进行大幅度地调整,降低了工作量,从而提高页面开发的效率。
具体地,可以根据目标接口的接口功能信息以及目标页面组件的功能需求自动对目标页面组件对应的组件数据进行编辑,具体可以通过提取接口功能信息以及功能需求中的目标字段,并自动匹配从而对目标页面组件对应的组件数据进行自动编辑。其中,所述目标字段可以为包括关键词信息的字段。
示例性的,基于所述目标接口的接口功能信息,根据目标页面组件的功能需求对所述目标页面组件对应的组件数据比如组件ID、组件样式、组件属性等进行编辑,并对编辑后的组件数据进行转换,从而得到目标组件参数。
在一些实施例中,对所述目标接口的接口功能信息进行解析,得到接口字段;将所述接口字段填充至代码模板,生成与所述接口字段相匹配的接口调用代码。通过将接口字段填充至代码模板中,能够利用代码模板自动生成接口代码,保证了定义好的接口文档能够直接同步到代码中使用,因此,与现有的API管理工具相比,进一步地提高开发人员的开发效率以及页面生成效率。
其中,所述预设模板为用于生成接口调用代码的代码模板,具体可以为Velocity模板。Velocity模板是一个基于Java的引擎框架,其提供的模板语言可以使用在Java中定义的对象和变量上。
具体地,可以通过自动生成Java接口代码,开发人员无需在代码实现的过程中,在工程代码文件中重复定义一份关于接口的DTO(Data Transfer Object)代码。
S104、将所述目标组件参数映射到所述目标页面组件中,对所述目标页面组件进行更新,根据更新后的目标页面组件生成目标页面。
其中,所述目标页面为用户在页面编辑界面上对页面进行编辑后而生成的页面。具体地,可以通过渲染组件根据更新后的页面配置信息进行属性填充,从而生成目标页面。
具体地,可以通过在页面配置模块将所述目标组件参数映射到所述页面配置信息中以对所述页面配置信息进行更新,根据更新后的页面配置信息对所述页面编辑界面进行属性填充,最后通过页面发布模块生成并发布目标页面。示例性的,可以发布预览页面、测试页面和灰度页面等。
在一些实施例中,对所述目标组件参数进行参数转换处理,得到数据值;将所述数据值映射到所述目标页面组件的属性值表达式上以对所述目标页面组件进行更新。
其中,所述数据值可以用于表征所述目标组件参数对应的值,具体可以在属性值表达式上更改所述目标组件参数对应的值,从而实现对目标页面组件进行更新。
具体地,通过调用目标接口得到目标组件参数,然后对目标组件参数进行转换,得到数据值,最后将数据值映射到该目标页面组件的属性值表达式上,从而实现对所述页面配置信息进行更新。
在一些实施例中,将更新后的目标页面组件逐个添加到超文本标记语言结构中,以刷新并生成目标页面,从而在客户端上展示页面。
其中,得到页面编辑界面中的各个更新后的目标页面组件后,通过渲染组件将目标页面组件逐个逐级添加到超文本标记语言(HTML)结构中,然后刷新并展示页面。
具体地,可以通过VUE框架将各个组件元素的配置信息逐个逐级的添加到HTML结构中,浏览器按照html协议进行解析和展示。其中,VUE是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。由此可以结合可定制化目标页面组件、样式及布局的页面配置信息实现个性化的页面,在整个实现过程中,不需要进行额外的服务调用逻辑编码及前端页面设计和编码,都是通过配置一体化实现。
请参阅图3,图3是本申请一实施例提供的一种页面生成装置的示意性框图,该页面生成装置可以配置于服务器中,用于执行前述的页面生成方法。
如图3所示,该页面生成装置200包括:页面配置模块201、接口生成模块202、接口调用模块203和页面生成模块204。
页面配置模块201,用于获取基于页面编辑界面选择的页面配置信息,所述页面配置信息包括目标页面组件以及所述目标页面组件的功能需求;
接口生成模块202,用于从预设数据库中确定所述目标页面组件对应的接口信息,根据预设的数据库配置规则对所述接口信息进行接口功能信息配置,得到目标接口;
接口调用模块203,用于调用所述目标接口,根据所述目标页面组件的功能需求对所述目标页面组件对应的组件数据进行编辑,得到目标组件参数;
页面生成模块204,用于将所述目标组件参数映射到所述目标页面组件中,对所述目标页面组件进行更新,根据更新后的目标页面组件生成目标页面。
页面配置模块201,还用于响应于页面生成请求,生成页面编辑界面,其中,所述页面编辑界面包括组件区和编辑区;获取用户在所述页面编辑界面的拖曳操作,并根据所述拖曳操作确定目标页面组件,其中,所述拖曳操作为所述用户将所述组件区中的页面组件拖曳至所述编辑区的操作。
接口生成模块202,还用于获取预设数据库内与所述目标页面组件相匹配的接口信息;根据预设的数据库配置规则对所述接口信息进行接口功能信息配置,得到接口配置参数;根据所述接口配置参数对预设接口进行参数配置,生成目标接口。
接口生成模块202,还用于根据预设的数据库数据配置规则对所述接口信息对应的数据库表进行接口功能信息配置,得到接口配置参数。
接口调用模块203,还用于基于预设的接口调用函数和接口调用代码调用所述目标接口;基于所述目标接口的接口功能信息,根据所述目标页面组件的功能需求对所述目标页面组件对应的组件数据进行编辑,得到目标组件参数。
接口调用代码生成模块205,用于对所述目标接口的接口功能信息进行解析,得到接口字段;将所述接口字段填充至代码模板,生成与所述接口字段相匹配的接口调用代码。
页面生成模块204,还用于对所述目标组件参数进行参数转换处理,得到数据值;将所述数据值映射到所述目标页面组件的属性值表达式上以对所述目标页面组件进行更新。
需要说明的是,所属领域的技术人员可以清楚地了解到,为了描述的方便和简洁,上述描述的装置和各模块、单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
本申请的方法、装置可用于众多通用或专用的计算***环境或配置中。例如:个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、多处理器***、基于微处理器的***、机顶盒、可编程的消费终端设备、网络PC、小型计算机、大型计算机、包括以上任何***或设备的分布式计算环境等等。
示例性的,上述的方法、装置可以实现为一种计算机程序的形式,该计算机程序可以在如图4所示的计算机设备上运行。
请参阅图4,图4是本申请实施例提供的一种计算机设备的示意图。该计算机设备可以是服务器。
如图4所示,该计算机设备包括通过***总线连接的处理器、存储器和网络接口,其中,存储器可以包括易失性存储介质、非易失性存储介质和内存储器。
非易失性存储介质可存储操作***和计算机程序。该计算机程序包括程序指令,该程序指令被执行时,可使得处理器执行任意一种页面生成方法。
处理器用于提供计算和控制能力,支撑整个计算机设备的运行。
内存储器为非易失性存储介质中的计算机程序的运行提供环境,该计算机程序被处理器执行时,可使得处理器执行任意一种页面生成方法。
该网络接口用于进行网络通信,如发送分配的任务等。本领域技术人员可以理解,该计算机设备的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
应当理解的是,处理器可以是中央处理单元(Central Processing Unit,CPU),该处理器还可以是其他通用处理器、数字信号处理器(Digital Signal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。其中,通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
其中,在一些实施方式中,所述处理器用于运行存储在存储器中的计算机程序,以实现如下步骤:获取基于页面编辑界面选择的页面配置信息,所述页面配置信息包括目标页面组件以及所述目标页面组件的功能需求;从预设数据库中确定所述目标页面组件对应的接口信息,根据预设的数据库配置规则对所述接口信息进行接口功能信息配置,得到目标接口;调用所述目标接口,根据所述目标页面组件的功能需求对所述目标页面组件对应的组件数据进行编辑,得到目标组件参数;将所述目标组件参数映射到所述目标页面组件中,对所述目标页面组件进行更新,根据更新后的目标页面组件生成目标页面。
在一些实施例中,所述处理器还用于:响应于页面生成请求,生成页面编辑界面,其中,所述页面编辑界面包括组件区和编辑区;获取用户在所述页面编辑界面的拖曳操作,并根据所述拖曳操作确定目标页面组件,其中,所述拖曳操作为所述用户将所述组件区中的页面组件拖曳至所述编辑区的操作。
在一些实施例中,所述处理器还用于:获取预设数据库内与所述目标页面组件相匹配的接口信息;根据预设的数据库配置规则对所述接口信息进行接口功能信息配置,得到接口配置参数;根据所述接口配置参数对预设接口进行参数配置,生成目标接口。
在一些实施例中,所述处理器还用于:根据预设的数据库数据配置规则对所述接口信息对应的数据库表进行接口功能信息配置,得到接口配置参数。
在一些实施例中,所述处理器还用于:基于预设的接口调用函数和接口调用代码调用所述目标接口;基于所述目标接口的接口功能信息,根据所述目标页面组件的功能需求对所述目标页面组件对应的组件数据进行编辑,得到目标组件参数。
在一些实施例中,所述处理器还用于:对所述目标接口的接口功能信息进行解析,得到接口字段;将所述接口字段填充至代码模板,生成与所述接口字段相匹配的接口调用代码。
在一些实施例中,所述处理器还用于:对所述目标组件参数进行参数转换处理,得到数据值;将所述数据值映射到所述目标页面组件的属性值表达式上以对所述目标页面组件进行更新。
本申请实施例还提供一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,所述计算机程序中包括程序指令,所述程序指令被执行时实现本申请实施例提供的任一种页面生成方法。
其中,所述计算机可读存储介质可以是前述实施例所述的计算机设备的内部存储单元,例如所述计算机设备的硬盘或内存。所述计算机可读存储介质也可以是所述计算机设备的外部存储设备,例如所述计算机设备上配备的插接式硬盘,智能存储卡(SmartMedia Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)等。
进一步地,所述计算机可读存储介质可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作***、至少一个功能所需的应用程序等;存储数据区可存储根据区块链节点的使用所创建的数据等。
本发明所指区块链语言模型的存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain),本质上是一个去中心化的数据库,是一串使用密码学方法相关联产生的数据块,每一个数据块中包含了一批次网络交易的信息,用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
以上所述,仅为本申请的具体实施方式,但本申请的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,可轻易想到各种等效的修改或替换,这些修改或替换都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应以权利要求的保护范围为准。
Claims (10)
1.一种页面生成方法,其特征在于,所述方法包括:
获取基于页面编辑界面选择的页面配置信息,所述页面配置信息包括目标页面组件以及所述目标页面组件的功能需求;
从预设数据库中确定所述目标页面组件对应的接口信息,根据预设的数据库配置规则对所述接口信息进行接口功能信息配置,得到目标接口;
调用所述目标接口,根据所述目标页面组件的功能需求对所述目标页面组件对应的组件数据进行编辑,得到目标组件参数;
将所述目标组件参数映射到所述目标页面组件中,对所述目标页面组件进行更新,根据更新后的目标页面组件生成目标页面。
2.根据权利要求1所述的方法,其特征在于,所述获取基于页面编辑界面选择的页面配置信息,包括:
响应于页面生成请求,生成页面编辑界面,其中,所述页面编辑界面包括组件区和编辑区;
获取用户在所述页面编辑界面的拖曳操作,并根据所述拖曳操作确定目标页面组件,其中,所述拖曳操作为所述用户将所述组件区中的页面组件拖曳至所述编辑区的操作。
3.根据权利要求1所述的方法,其特征在于,所述从预设数据库中确定所述目标页面组件对应的接口信息,根据预设的数据库配置规则对所述接口信息进行接口功能信息配置,得到目标接口,包括:
获取预设数据库内与所述目标页面组件相匹配的接口信息;
根据预设的数据库配置规则对所述接口信息进行接口功能信息配置,得到接口配置参数;
根据所述接口配置参数对预设接口进行参数配置,生成目标接口。
4.根据权利要求3所述的方法,其特征在于,所述根据预设的数据库配置规则对所述接口信息进行接口功能信息配置,得到接口配置参数,包括:
根据预设的数据库数据配置规则对所述接口信息对应的数据库表进行接口功能信息配置,得到接口配置参数。
5.根据权利要求1所述的方法,其特征在于,所述调用所述目标接口,根据所述功能需求对所述目标页面组件对应的组件数据进行编辑,得到目标组件参数,包括:
基于预设的接口调用函数和接口调用代码调用所述目标接口;
基于所述目标接口的接口功能信息,根据所述目标页面组件的功能需求对所述目标页面组件对应的组件数据进行编辑,得到目标组件参数。
6.根据权利要求1所述的方法,其特征在于,所述调用所述目标接口之前,所述方法还包括:
对所述目标接口的接口功能信息进行解析,得到接口字段;
将所述接口字段填充至代码模板,生成与所述接口字段相匹配的接口调用代码。
7.根据权利要求1所述的方法,其特征在于,所述将所述目标组件参数映射到所述目标页面组件中,对所述目标页面组件进行更新,包括:
对所述目标组件参数进行参数转换处理,得到数据值;
将所述数据值映射到所述目标页面组件的属性值表达式上以对所述目标页面组件进行更新。
8.一种页面生成装置,其特征在于,包括:
页面配置模块,用于获取基于页面编辑界面选择的页面配置信息,所述页面配置信息包括目标页面组件以及所述目标页面组件的功能需求;
接口生成模块,用于从预设数据库中确定所述目标页面组件对应的接口信息,根据预设的数据库配置规则对所述接口信息进行接口功能信息配置,得到目标接口;
接口调用模块,用于调用所述目标接口,根据所述目标页面组件的功能需求对所述目标页面组件对应的组件数据进行编辑,得到目标组件参数;
页面生成模块,用于将所述目标组件参数映射到所述目标页面组件中,对所述目标页面组件进行更新,根据更新后的目标页面组件生成目标页面。
9.一种计算机设备,其特征在于,所述计算机设备包括存储器和处理器;
所述存储器,用于存储计算机程序;
所述处理器,用于执行所述的计算机程序并在执行所述的计算机程序时实现:
如权利要求1-7任一项所述的页面生成方法。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时使所述处理器实现如权利要求1至7中任一项所述的页面生成方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111520743.8A CN114035793A (zh) | 2021-12-13 | 2021-12-13 | 页面生成方法、页面生成装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111520743.8A CN114035793A (zh) | 2021-12-13 | 2021-12-13 | 页面生成方法、页面生成装置、设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114035793A true CN114035793A (zh) | 2022-02-11 |
Family
ID=80146728
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111520743.8A Pending CN114035793A (zh) | 2021-12-13 | 2021-12-13 | 页面生成方法、页面生成装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114035793A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114610201A (zh) * | 2022-02-24 | 2022-06-10 | 烽台科技(北京)有限公司 | 一种界面显示方法、装置、终端设备及存储介质 |
CN116339733A (zh) * | 2023-03-27 | 2023-06-27 | 天衣(北京)科技有限公司 | 一种应用程序页面生成方法、***、电子设备及介质 |
CN116701811A (zh) * | 2023-08-02 | 2023-09-05 | 腾讯科技(深圳)有限公司 | 一种网页处理方法、装置、设备及计算机可读存储介质 |
-
2021
- 2021-12-13 CN CN202111520743.8A patent/CN114035793A/zh active Pending
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114610201A (zh) * | 2022-02-24 | 2022-06-10 | 烽台科技(北京)有限公司 | 一种界面显示方法、装置、终端设备及存储介质 |
CN116339733A (zh) * | 2023-03-27 | 2023-06-27 | 天衣(北京)科技有限公司 | 一种应用程序页面生成方法、***、电子设备及介质 |
CN116339733B (zh) * | 2023-03-27 | 2023-11-28 | 天衣(北京)科技有限公司 | 一种应用程序页面生成方法、***、电子设备及介质 |
CN116701811A (zh) * | 2023-08-02 | 2023-09-05 | 腾讯科技(深圳)有限公司 | 一种网页处理方法、装置、设备及计算机可读存储介质 |
CN116701811B (zh) * | 2023-08-02 | 2024-02-27 | 腾讯科技(深圳)有限公司 | 一种网页处理方法、装置、设备及计算机可读存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN114035793A (zh) | 页面生成方法、页面生成装置、设备及存储介质 | |
CN106796578B (zh) | 知识自动化***和方法以及存储器 | |
RU2408074C2 (ru) | Способ, система и устройство для предоставления доступа к моделям рабочих книг через удаленные вызовы функций | |
US9015657B2 (en) | Systems and methods for developing and delivering platform adaptive web and native application content | |
US10078843B2 (en) | Systems and methods for analyzing consumer sentiment with social perspective insight | |
JP7206419B2 (ja) | 人工知能推奨モデルの特徴処理方法、装置、電子機器、及びコンピュータプログラム | |
CA2707509A1 (en) | Templating system and method for updating content in real time | |
US20140351684A1 (en) | Methods and apparatus for translating forms to native mobile applications | |
WO2013050958A1 (en) | A method and a system to generate a user interface for analytical models | |
AU2017254506B2 (en) | Method, apparatus, computing device and storage medium for data analyzing and processing | |
CN109063059B (zh) | 行为日志处理方法、装置及电子设备 | |
CN112582073B (zh) | 医疗信息获取方法、装置、电子设备和介质 | |
US9471640B2 (en) | Automatic conversion of units of measure during data stream processing | |
Zosimov et al. | Complex internet data management system | |
CN110866014A (zh) | 一种标准指标数据接入及展示的方法 | |
CN116383787A (zh) | 页面创建方法、装置、计算机设备及存储介质 | |
CN113901770A (zh) | 一种基于随机森林模型的报表生成方法及相关设备 | |
CN116263659A (zh) | 数据处理方法、装置、计算机程序产品、设备及存储介质 | |
CN117891531B (zh) | 用于saas软件的***参数配置方法、***、介质及电子设备 | |
CN111061971B (zh) | 用于抽取信息的方法和装置 | |
Trinh et al. | Linked Widgets Platform for Rapid Collaborative Semantic Mashup Development | |
CN116860864A (zh) | 列表切换组件的生成方法、装置、设备及存储介质 | |
CN117493633A (zh) | 物联网***的层级结构展示方法、装置、设备及存储介质 | |
CN114610807A (zh) | 数据导入模板配置方法、装置、设备及存储介质 | |
CN116661763A (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 |