CN113778397A - 页面生成方法、装置、电子装置和存储介质 - Google Patents
页面生成方法、装置、电子装置和存储介质 Download PDFInfo
- Publication number
- CN113778397A CN113778397A CN202111019688.4A CN202111019688A CN113778397A CN 113778397 A CN113778397 A CN 113778397A CN 202111019688 A CN202111019688 A CN 202111019688A CN 113778397 A CN113778397 A CN 113778397A
- Authority
- CN
- China
- Prior art keywords
- page
- page component
- generation
- component
- target page
- 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
- 238000000034 method Methods 0.000 title claims abstract description 52
- 230000006870 function Effects 0.000 claims description 49
- 238000004590 computer program Methods 0.000 claims description 14
- 238000013461 design Methods 0.000 claims description 7
- 238000011161 development Methods 0.000 abstract description 27
- 230000008569 process Effects 0.000 abstract description 13
- 230000005540 biological transmission Effects 0.000 description 7
- 238000010586 diagram Methods 0.000 description 7
- 230000000694 effects Effects 0.000 description 6
- 238000009877 rendering Methods 0.000 description 4
- 238000004891 communication Methods 0.000 description 3
- 230000003993 interaction Effects 0.000 description 3
- 230000002452 interceptive effect Effects 0.000 description 3
- 238000007781 pre-processing Methods 0.000 description 3
- 230000000007 visual effect Effects 0.000 description 3
- 238000012545 processing Methods 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 230000006978 adaptation Effects 0.000 description 1
- 230000000903 blocking effect Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000004806 packaging method and process Methods 0.000 description 1
- 230000004044 response Effects 0.000 description 1
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/33—Intelligent editors
-
- 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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- 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/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请涉及一种页面生成方法、装置、电子装置和存储介质,其中,该页面生成方法包括:获取目标页面组件的生成链接,所述生成链接指向所述目标页面组件的生成代码的存储位置;基于所述生成链接获取对应的所述生成代码;基于所述生成代码,生成所述目标页面组件。通过本申请,在每次生成页面组件时,根据生成链接直接获取生成代码,并基于该生成代码生成页面组件,避免了大量个性化页面组件代码的重复开发工作,解决了个性化页面组件开发过程繁琐、页面开发效率不高的技术问题,提高了个性化页面组件的开发效率。
Description
技术领域
本申请涉及人机交互领域,特别是涉及页面生成方法、装置、电子装置和存储介质。
背景技术
随着手机、电脑、电视等终端设备的普及,用户对网络的访问频率越来越高,因此,网络前端的终端交互界面的开发要求也越来越高。
为了适应不断提高的页面开发要求,现有技术都是通过HTML等页面开发工具搭建交互页面。但是,现有的页面开发工具只能提供少部分通用的页面组件,外观设计比较单一,并且容易出现卡顿、崩溃等适配问题。当个性化页面组件需要多次开发时,往往需要开发者进行多次代码编译,导致个性化页面组件的开发过程繁琐,页面开发效率不高。
针对相关技术中存在的个性化页面组件的开发过程繁琐,页面开发效率不高的技术问题,目前还没有提出有效的解决方案。
发明内容
在本实施例中提供了一种页面生成方法、装置、电子装置和存储介质,以解决相关技术中个性化页面组件的开发过程繁琐,页面开发效率不高的问题。
第一个方面,在本实施例中提供了一种页面生成方法,包括:
获取目标页面组件的生成链接,所述生成链接指向所述目标页面组件的生成代码的存储位置;
基于所述生成链接获取对应的所述生成代码;
基于所述生成代码,生成所述目标页面组件。
在其中的一些实施例中,所述获取目标页面组件的生成链接之前还包括:
获取标准页面组件的所述生成代码并进行存储,所述标准页面组件为预设的页面组件;
基于所述生成代码的存储位置获取所述生成链接,并建立所述生成链接与所述标准页面组件的对应关系。
在其中的一些实施例中,所述基于所述生成代码,生成所述目标页面组件包括:
获取所述目标页面组件的页面组件参数,所述页面组件参数包括位置、尺寸、颜色、功能中的至少一种;
基于所述生成代码以及页面组件参数,生成所述目标页面组件。
在其中的一些实施例中,所述基于所述生成代码,生成所述目标页面组件之后还包括:
获取所述目标页面组件的调整需求,并基于所述调整需求对所述目标页面组件进行调整,所述调整需求包括外观调整需求以及功能调整需求中的至少一种。
在其中的一些实施例中,所述获取所述目标页面组件的调整需求,并基于所述调整需求对所述目标页面组件进行调整包括:
获取所述目标页面组件的调整需求,并基于所述调整需求获取多个标准页面组件的页面组件参数,所述页面组件参数包括位置、尺寸、颜色、功能中的至少一种;
基于多个所述标准页面组件的页面组件参数获取所述目标页面组件的调整参数;
基于所述调整参数对所述目标页面组件进行调整。
在其中的一些实施例中,所述页面包括网页页面、软件页面、系统页面、设计页面中的至少一种。
在其中的一些实施例中,所述生成链接包括文本链接以及图片链接中的至少一种。
第二个方面,在本实施例中提供了一种页面生成装置,包括:
第一获取模块,用于获取目标页面组件的生成链接,所述生成链接指向所述目标页面组件的生成代码的存储位置;
第二获取模块,用于基于所述生成链接获取对应的所述生成代码;
生成模块,用于基于所述生成代码,生成所述目标页面组件。
第三个方面,在本实施例中提供了一种电子装置,包括存储器、处理器以及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现上述第一个方面所述的页面生成方法。
第四个方面,在本实施例中提供了一种存储介质,其上存储有计算机程序,该程序被处理器执行时实现上述第一个方面所述的页面生成方法。
与相关技术相比,在本实施例中提供的页面生成方法、装置、电子装置和存储介质,获取目标页面组件的生成链接,所述生成链接指向所述目标页面组件的生成代码的存储位置;基于所述生成链接获取对应的所述生成代码;基于所述生成代码,生成所述目标页面组件。在每次生成页面组件时,根据生成链接直接获取生成代码,并基于该生成代码生成页面组件,避免了大量个性化页面组件代码的重复开发工作,解决了个性化页面组件开发过程繁琐、页面开发效率不高的技术问题,提高了个性化页面组件的开发效率。
本申请的一个或多个实施例的细节在以下附图和描述中提出,以使本申请的其他特征、目的和优点更加简明易懂。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1是本发明一实施例的页面生成方法的终端硬件结构框图;
图2是本发明一实施例的页面生成方法的流程示意图;
图3是本发明一实施例的页面生成装置的结构框图。
具体实施方式
为更清楚地理解本申请的目的、技术方案和优点,下面结合附图和实施例,对本申请进行了描述和说明。
除另作定义外,本申请所涉及的技术术语或者科学术语应具有本申请所属技术领域具备一般技能的人所理解的一般含义。在本申请中的“一”、“一个”、“一种”、“该”、“这些”等类似的词并不表示数量上的限制,它们可以是单数或者复数。在本申请中所涉及的术语“包括”、“包含”、“具有”及其任何变体,其目的是涵盖不排他的包含;例如,包含一系列步骤或模块(单元)的过程、方法和系统、产品或设备并未限定于列出的步骤或模块(单元),而可包括未列出的步骤或模块(单元),或者可包括这些过程、方法、产品或设备固有的其他步骤或模块(单元)。在本申请中所涉及的“连接”、“相连”、“耦接”等类似的词语并不限定于物理的或机械连接,而可以包括电气连接,无论是直接连接还是间接连接。在本申请中所涉及的“多个”是指两个或两个以上。“和/或”描述关联对象的关联关系,表示可以存在三种关系,例如,“A和/或B”可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。通常情况下,字符“/”表示前后关联的对象是一种“或”的关系。在本申请中所涉及的术语“第一”、“第二”、“第三”等,只是对相似对象进行区分,并不代表针对对象的特定排序。
在本实施例中提供的方法实施例可以在终端、计算机或者类似的运算装置中执行。比如在终端上运行,图1是本实施例的页面生成方法的终端的硬件结构框图。如图1所示,终端可以包括一个或多个(图1中仅示出一个)处理器102和用于存储数据的存储器104,其中,处理器102可以包括但不限于微处理器MCU或可编程逻辑器件FPGA等的处理装置。上述终端还可以包括用于通信功能的传输设备106以及输入输出设备108。本领域普通技术人员可以理解,图1所示的结构仅为示意,其并不对上述终端的结构造成限制。例如,终端还可包括比图1中所示更多或者更少的组件,或者具有与图1所示出的不同配置。
存储器104可用于存储计算机程序,例如,应用软件的软件程序以及模块,如在本实施例中的页面生成方法对应的计算机程序,处理器102通过运行存储在存储器104内的计算机程序,从而执行各种功能应用以及数据处理,即实现上述的方法。存储器104可包括高速随机存储器,还可包括非易失性存储器,如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中,存储器104可进一步包括相对于处理器102远程设置的存储器,这些远程存储器可以通过网络连接至终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
传输设备106用于经由一个网络接收或者发送数据。上述的网络包括终端的通信供应商提供的无线网络。在一个实例中,传输设备106包括一个网络适配器(NetworkInterface Controller,简称为NIC),其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中,传输设备106可以为射频(Radio Frequency,简称为RF)模块,其用于通过无线方式与互联网进行通讯。
请参阅图2,图2是本发明一实施例的页面生成方法的流程示意图。在本实施例中,页面生成方法包括:
S202:获取目标页面组件的生成链接,生成链接指向目标页面组件的生成代码的存储位置。
示例性地,根据要生成的目标页面组件,获取与该目标页面组件对应的生成链接。其中,页面组件包括但不限于按钮、页脚、轮播图、表单、页头、图标、列表、图片、文本、通知等页面组成部件;生成代码是指预先保存在相关存储器中、用于生成目标页面组件的所有代码;生成链接与目标页面组件相对应,用于指向该目标页面组件的生成代码的存储位置。
S204:基于生成链接获取对应的生成代码。
示例性地,根据目标页面组件的生成链接获取该目标页面组件的生成代码。具体的,基于目标页面组件的生成链接,获取相应的生成代码的存储位置,基于该存储位置提取生成代码。
示例性地,生成代码包括HTML5代码。具体的,HTML5是指构建页面内容的编程语言。相比于其他的语言,HTML5的语法特征更为明显,并且可以更加便捷的处理页面中的多媒体内容,以及对原有的内容进行调整和修改。可以理解的,本实施例中的生成代码并不限于HTML5代码,还可以包括JavaScript等代码,本发明对此不作限制。
S206:基于生成代码,生成目标页面组件。
示例性地,执行该生成代码的相关指令,在页面生成目标页面组件。具体的,可以基于生成代码生成单个目标页面组件,也可以同时基于多个生成代码生成多个目标页面组件的组合。
示例性地,本实施例可以在执行生成代码的相关指令前或者执行生成代码的相关指令的过程中,设置目标页面组件的格式,最终以预设的格式生成目标页面组件,或者先执行生成代码的相关指令,生成目标页面组件,然后根据实际业务需求将目标页面组件调整为预设的格式。
本实施例获取目标页面组件的生成链接,生成链接指向目标页面组件的生成代码的存储位置;基于生成链接获取对应的生成代码;基于生成代码,生成目标页面组件。在每次生成页面组件时,根据生成链接直接获取生成代码,并基于该生成代码生成页面组件,避免了大量个性化页面组件代码的重复开发工作,解决了个性化页面组件开发过程繁琐、页面开发效率不高的技术问题,提高了个性化页面组件的开发效率。
在另一个实施例中,获取目标页面组件的生成链接之前还包括:
步骤1:获取标准页面组件的生成代码并进行存储,标准页面组件为预设的页面组件;
步骤2:基于生成代码的存储位置获取生成链接,并建立生成链接与标准页面组件的对应关系。
示例性地,将形成各类标准页面组件的代码进行打包,得到每个标准页面组件的生成代码,并将该生成代码保存至相关存储空间;基于该生成代码地存储地址,获取对应的指针链接,作为生成链接,并建立该生成链接与标准页面组件的对应关系。
在其中一个具体实施例中,获取形成各类标准页面组件的生成代码,并基于该生成代码建立生成函数。其中,该生成函数的函数体即为标准页面组件的生成代码,该生成函数的函数名即为标准页面组件的生成链接。可以理解的,函数名可以作为函数体的指针,基于函数名可以获取该生成函数的函数体的相关代码的存储地址,从而实现直接调用函数名以执行该生成函数,并生成标准页面组件。
在其中一个具体实施例中,页面包括电视端软件页面。具体的,获取目标页面组件的生成代码的唯一标识,作为生成链接,其中,该生成代码可用于生成页面组件的模板样式、模板交互动画、模板按键规则、模板焦点点击规则、播放器的播放和轮播规则等;获取不同的页面组件对应的样式效果,作为页面组件参数,其中,该页面组件参数包括页面组件的宽度和高度、页面组件数量、文本内容、行高、对齐方式、页面组件距离、图片大小、按钮布局、内容展示方式等;基于生成代码以及页面组件参数构建生成函数。可选的,该生成函数还包括页面组件初始化模块、页面渲染模块、滚动效果模块、文字走马灯效果模块、添加焦点效果模块、移除焦点效果模块、遥控器按键响应模块等。基于生成链接调用该生成函数,即可生成电视端软件页面的页面组件。
可以理解的,在用户使用电视端软件时,如果有新的页面组件加入,只能由开发人员重新开发或者修改相应代码。而在实际运用过程中,由于页面内容复杂多样,业务场景和业务需求经常会发生变化,导致页面组件的生成效率较低。例如,现有的电视端页面的焦点规则比较统一,如果要实现定制化的焦点规则,则需要做出很大的代码调整,才能编译后在电视端运行。其中,电视端页面的焦点即为电视端页面的当前操作对象组件。因此,在实现定制化的目标页面组件功能时,通过获取页面组件的生成代码和生成链接,实现电视端软件页面的快速开发,同时生成代码和生成链接的复用率高,可以避免每次生成定制化目标页面组件的大量代码工作,提高开发效率。
可选的,当打开上述电视端页面时,会先获取页面组件参数,然后遍历查询每一个页面组件,判断每个页面组件是否存在相应的生成函数。若存在生成函数,则将相关页面组件参数传入生成函数,生成目标页面组件。同时,调用相应的渲染模块,对目标页面组件的生成过程进行渲染。
本实施例获取标准页面组件的生成代码;基于生成代码的存储位置获取生成链接,并建立生成链接与标准页面组件的对应关系。通过获取个性化页面组件的生成代码,以及生成链接,建立各类标准页面组件与生成链接的对应关系。在开发个性化页面组件时,无需进行重复的代码开发,只需获取需要生成的标准页面组件对应的生成链接,并调用相关生成代码即可实现,提高了页面组件的开发效率。
在另一个实施例中,基于生成代码,生成目标页面组件包括:
步骤1:获取目标页面组件的页面组件参数,页面组件参数包括位置、尺寸、颜色、功能中的至少一种;
步骤2:基于生成代码以及页面组件参数,生成目标页面组件。
示例性地,根据目标页面组件的设置需求,获取该目标页面组件的页面组件参数;将该页面组件参数传入生成代码,作为生成代码的代码参数,并执行生成代码,生成目标页面组件。其中,页面组件参数是指目标页面组件的属性参数,包括但不限于位置、尺寸、颜色、功能等参数中的至少一种。具体的,位置参数包括但不限于坐标信息,尺寸参数包括但不限于宽度信息和高度信息,颜色参数包括但不限于该目标页面组件及其背景的颜色信息,功能参数包括但不限于该目标页面组件的功能类别信息。可以理解的,上述参数只是作为示例,页面组件参数并不限于上述位置、尺寸等参数,本实施例对此不在赘述。
在其中一个具体实施例中,目标页面组件为页面按钮,该页面按钮的页面组件参数包括:页面按钮的宽度和高度、页面按钮的背景、页面按钮的坐标、页面按钮的文字、页面按钮的对其方式以及其他自定义的页面组件参数。将上述页面组件参数传入该页面按钮的生成代码,作为该生成代码的参数并执行该生成代码,得到该页面按钮。
本实施例获取目标页面组件的页面组件参数,页面组件参数包括位置、尺寸、颜色、功能中的至少一种;基于生成代码以及页面组件参数,生成目标页面组件。通过将目标页面组件的页面组件参数传入生成代码,并基于该生成代码得到目标页面组件,避免了先生成目标页面组件再设置页面组件参数,缩短了目标页面组件的生成进程。
再另一个实施例中,基于生成代码,生成目标页面组件之后还包括:
获取目标页面组件的调整需求,并基于调整需求对目标页面组件进行调整,调整需求包括外观调整需求以及功能调整需求中的至少一种。
示例性的,在生成目标页面组件后,获取该目标页面组件的调整需求,并基于该调整需求对目标页面组件进行调整。其中,目标页面组件的调整需求是指需要对目标页面组件作出调整的相关需求,包括外观调整需求和功能调整需求。外观调整需求用于调整目标页面组件的外观视觉效果,包括但不限于对目标页面组件的位置、尺寸、颜色等进行调整;功能调整需求用于调整目标页面组件所实现的功能,包括但不限于对目标页面组件的搜索、点击、播放、超链接等功能进行调整。
在其中一个具体实施例中,生成的目标页面组件包括可编辑的拖拽框,用户可以基于该目标页面组件的调整需求,移动和缩放该拖拽框,以及在该拖拽框中直接编辑内容和功能等,以实现对目标页面组件的外观调整和功能调整。
在其中一个具体实施例中,基于显示界面的大小和分辨率,以及页面的尺寸等,获取目标页面组件的调整需求,并基于该调整需求对目标页面组件的尺寸、分辨率等进行调整,以适应不同的显示界面。其中,显示界面包括手机、电脑、电视、投影仪等终端设备的显示界面。基于不同的显示界面获取不同的调整需求,可以使得目标页面组件在不同的终端进行显示,提高目标页面组件的通用性。
本实施例获取目标页面组件的调整需求,并基于调整需求对目标页面组件进行调整,使得目标页面组件满足不同的外观需求和功能需求,提高了目标页面组件的通用性和灵活性。
在另一个实施例中,获取目标页面组件的调整需求,并基于调整需求对目标页面组件进行调整包括:
步骤1:获取目标页面组件的调整需求,并基于调整需求获取多个标准页面组件的页面组件参数,页面组件参数包括位置、尺寸、颜色、功能中的至少一种;
步骤2:基于多个标准页面组件的页面组件参数获取目标页面组件的调整参数;
步骤3:基于调整参数对目标页面组件进行调整。
示例性地,一个页面中往往包含多个标准页面组件,根据目标页面组件的调整需求,获取页面中的多个标准页面组件的页面组件参数,根据多个标准页面组件的页面组件参数,获取目标页面组件的调整参数,并基于该调整参数对目标页面组件进行调整。其中,页面组件参数包括但不限于位置、尺寸、颜色、功能等,调整参数为目标页面组件需要进行调整的参数,包括但不限于位置调整参数、尺寸调整参数、颜色调整参数、功能调整参数等。
在其中一个具体实施例中,获取页面中多个标准页面组件的颜色参数,根据多个标准页面组件的颜色参数,获取目标页面组件的颜色调整参数,并基于该颜色调整参数对目标页面组件进行调整,使得目标页面组件的颜色与其他页面组件的颜色协调统一。
在其中一个具体实施例中,获取页面中多个标准页面组件的位置参数和尺寸参数,根据多个标准页面组件的位置参数和尺寸参数,获取目标页面组件的位置调整参数和尺寸调整参数,并基于该位置调整参数和尺寸调整参数对目标页面组件的位置和尺寸进行调整,从而避免页面组件之间发生重叠,以及实现页面整体布局的统一性。
可选的,在不同的页面组件之间,建立控制中心,用于统一实现不同的页面组件之间的页面组件参数的传输,使得页面中的页面组件基于其他页面组件的页面组件参数进行调整。
在其中一个具体实施例中,页面为电视端软件页面,基于电视端软件页面的多个页面组件设置控制中心,用于实现不同的电视端软件页面的页面组件之间的通信,并根据多个页面组件的页面组件参数,实现统一的页面上下滚动、页面组件移动、加载图片地址等视觉效果。
本实施例获取目标页面组件的调整需求,并基于调整需求获取多个标准页面组件的页面组件参数,页面组件参数包括位置、尺寸、颜色、功能中的至少一种;基于多个标准页面组件的页面组件参数获取目标页面组件的调整参数;基于调整参数对目标页面组件进行调整。基于不同的标准页面组件对目标页面组件进行调整,增强了页面组件之间的关联性和统一性。
在另一个实施例中,页面包括网页页面、软件页面、系统页面、设计页面中的至少一种。
示例性地,本实施例中的页面包括但不限于网页页面、软件页面、系统页面、设计页面等。其中,网页页面是指网站前端的页面,用于承载和展示网站的各种应用;软件页面是指软件的交互页面,用于实现软件的功能操作;系统页面是指计算机系统的交互页面,用于呈现计算机系统的各项功能;设计页面是指需要进行设计的各类可视界面,例如相册页面、海报页面等。
在另一个实施例中,生成链接包括文本链接以及图片链接中的至少一种。
示例性地,生成链接包括文本链接和图片链接,用于指向目标页面组件生成代码的存储位置。
在其中一个具体实施例中,获取文本字段,将生成各类页面组件的程序进行打包,关联到文本字段。在生成目标页面组件时,直接获取对应的文本字段,使得系统后台自行获取与该文本字段关联的生成代码,并生成目标页面组件。
在其中一个具体实施例中,获取图片链接,将生成各类页面组件的程序进行打包,关联到该图片链接,其中图片链接是以图片形式呈现的链接,可以位于页面的左侧或者其他方位。在生成目标页面组件时,将该图片链接拖拽至页面的相应区域,系统后台根据该图片链接对应的生成代码,调用相应的功能,在相应区域生成目标页面组件。可以理解的,本实施例也可以定义页面组件的组合形式,并基于关联的图片链接生成页面组件的组合。
应当说明的是,本实施例中的生成链接并不限于上述文本链接以及图片链接,其他如视频链接等也可以作为本实施例中的生成链接,本发明对此不再赘述。
可选的,在将图片链接拖拽到页面的相应区域时,可以调用生成代码,并同时传入目标页面组件的页面组件参数。当拖拽动作完成后,生成代码返回该目标页面组件的位置参数。此时可以基于该目标页面组件的位置参数对拖拽过程进行渲染。具体的,获取目标页面组件的位置参数,以避免渲染过程中其位置发生偏移;将需要拖拽的目标页面组件传入动画组件,根据每次拖拽的移动距离计算目标页面组件的拖动轨迹,并对该拖动轨迹进行渲染,最终呈现出目标页面组件拖拽的动画效果。
需要说明的是,在上述流程中或者附图的流程图中示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
在本实施例中还提供了一种页面生成装置,该装置用于实现上述实施例及优选实施方式,已经进行过说明的不再赘述。以下所使用的术语“模块”、“单元”、“子单元”等可以实现预定功能的软件和/或硬件的组合。尽管在以下实施例中所描述的装置较佳地以软件来实现,但是硬件,或者软件和硬件的组合的实现也是可能并被构想的。
图3是本实施例的页面生成装置的结构框图,如图3所示,该装置包括:
第一获取模块,用于获取目标页面组件的生成链接,生成链接指向目标页面组件的生成代码的存储位置;
第二获取模块,用于基于生成链接获取对应的生成代码;
生成模块,用于基于生成代码,生成目标页面组件;
生成模块,还用于获取目标页面组件的页面组件参数,页面组件参数包括位置、尺寸、颜色、功能中的至少一种;
基于生成代码以及页面组件参数,生成目标页面组件;
页面生成装置,还包括预处理模块;
预处理模块,用于获取标准页面组件的生成代码并进行存储,标准页面组件为预设的页面组件;
基于生成代码的存储位置获取生成链接,并建立生成链接与标准页面组件的对应关系;
页面生成装置,还包括调整模块;
调整模块,用于获取目标页面组件的调整需求,并基于调整需求对目标页面组件进行调整,调整需求包括外观调整需求以及功能调整需求中的至少一种;
调整模块,还用于获取目标页面组件的调整需求,并基于调整需求获取多个标准页面组件的页面组件参数,页面组件参数包括位置、尺寸、颜色、功能中的至少一种;
基于多个标准页面组件的页面组件参数获取目标页面组件的调整参数;
基于调整参数对目标页面组件进行调整。
需要说明的是,上述各个模块可以是功能模块也可以是程序模块,既可以通过软件来实现,也可以通过硬件来实现。对于通过硬件来实现的模块而言,上述各个模块可以位于同一处理器中;或者上述各个模块还可以按照任意组合的形式分别位于不同的处理器中。
在本实施例中还提供了一种电子装置,包括存储器和处理器,该存储器中存储有计算机程序,该处理器被设置为运行计算机程序以执行上述任一项方法实施例中的步骤。
可选地,上述电子装置还可以包括传输设备以及输入输出设备,其中,该传输设备和上述处理器连接,该输入输出设备和上述处理器连接。
可选地,在本实施例中,上述处理器可以被设置为通过计算机程序执行以下步骤:
S1,获取目标页面组件的生成链接,生成链接指向目标页面组件的生成代码的存储位置;
S2,基于生成链接获取对应的生成代码;
S3,基于生成代码,生成目标页面组件。
需要说明的是,在本实施例中的具体示例可以参考上述实施例及可选实施方式中所描述的示例,在本实施例中不再赘述。
此外,结合上述实施例中提供的页面生成方法,在本实施例中还可以提供一种存储介质来实现。该存储介质上存储有计算机程序;该计算机程序被处理器执行时实现上述实施例中的任意一种页面生成方法。
应该明白的是,这里描述的具体实施例只是用来解释这个应用,而不是用来对它进行限定。根据本申请提供的实施例,本领域普通技术人员在不进行创造性劳动的情况下得到的所有其它实施例,均属本申请保护范围。
显然,附图只是本申请的一些例子或实施例,对本领域的普通技术人员来说,也可以根据这些附图将本申请适用于其他类似情况,但无需付出创造性劳动。另外,可以理解的是,尽管在此开发过程中所做的工作可能是复杂和漫长的,但是,对于本领域的普通技术人员来说,根据本申请披露的技术内容进行的某些设计、制造或生产等更改仅是常规的技术手段,不应被视为本申请公开的内容不足。
“实施例”一词在本申请中指的是结合实施例描述的具体特征、结构或特性可以包括在本申请的至少一个实施例中。该短语出现在说明书中的各个位置并不一定意味着相同的实施例,也不意味着与其它实施例相互排斥而具有独立性或可供选择。本领域的普通技术人员能够清楚或隐含地理解的是,本申请中描述的实施例在没有冲突的情况下,可以与其它实施例结合。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对专利保护范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请的保护范围应以所附权利要求为准。
Claims (10)
1.一种页面生成方法,其特征在于,包括:
获取目标页面组件的生成链接,所述生成链接指向所述目标页面组件的生成代码的存储位置;
基于所述生成链接获取对应的所述生成代码;
基于所述生成代码,生成所述目标页面组件。
2.根据权利要求1所述的页面生成方法,其特征在于,所述获取目标页面组件的生成链接之前还包括:
获取标准页面组件的所述生成代码并进行存储,所述标准页面组件为预设的页面组件;
基于所述生成代码的存储位置获取所述生成链接,并建立所述生成链接与所述标准页面组件的对应关系。
3.根据权利要求1所述的页面生成方法,其特征在于,所述基于所述生成代码,生成所述目标页面组件包括:
获取所述目标页面组件的页面组件参数,所述页面组件参数包括位置、尺寸、颜色、功能中的至少一种;
基于所述生成代码以及页面组件参数,生成所述目标页面组件。
4.根据权利要求1所述的页面生成方法,其特征在于,所述基于所述生成代码,生成所述目标页面组件之后还包括:
获取所述目标页面组件的调整需求,并基于所述调整需求对所述目标页面组件进行调整,所述调整需求包括外观调整需求以及功能调整需求中的至少一种。
5.根据权利要求4所述的页面生成方法,其特征在于,所述获取所述目标页面组件的调整需求,并基于所述调整需求对所述目标页面组件进行调整包括:
获取所述目标页面组件的调整需求,并基于所述调整需求获取多个标准页面组件的页面组件参数,所述页面组件参数包括位置、尺寸、颜色、功能中的至少一种;
基于多个所述标准页面组件的页面组件参数获取所述目标页面组件的调整参数;
基于所述调整参数对所述目标页面组件进行调整。
6.根据权利要求1所述的页面生成方法,其特征在于,所述页面包括网页页面、软件页面、系统页面、设计页面中的至少一种。
7.根据权利要求1所述的页面生成方法,其特征在于,所述生成链接包括文本链接以及图片链接中的至少一种。
8.一种页面生成装置,其特征在于,包括:
第一获取模块,用于获取目标页面组件的生成链接,所述生成链接指向所述目标页面组件的生成代码的存储位置;
第二获取模块,用于基于所述生成链接获取对应的所述生成代码;
生成模块,用于基于所述生成代码,生成所述目标页面组件。
9.一种电子装置,包括存储器和处理器,其特征在于,所述存储器中存储有计算机程序,所述处理器被设置为运行所述计算机程序以执行权利要求1至7中任一项所述的页面生成方法。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的页面生成方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111019688.4A CN113778397A (zh) | 2021-09-01 | 2021-09-01 | 页面生成方法、装置、电子装置和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111019688.4A CN113778397A (zh) | 2021-09-01 | 2021-09-01 | 页面生成方法、装置、电子装置和存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113778397A true CN113778397A (zh) | 2021-12-10 |
Family
ID=78840559
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111019688.4A Pending CN113778397A (zh) | 2021-09-01 | 2021-09-01 | 页面生成方法、装置、电子装置和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113778397A (zh) |
Citations (15)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101526942A (zh) * | 2008-03-05 | 2009-09-09 | 徐邦勇 | 在线、实时及自动生成动态网页的组件实现技术 |
CN104679906A (zh) * | 2015-03-24 | 2015-06-03 | 新余兴邦信息产业有限公司 | 利用图片生成链接的方法及系统 |
CN105100001A (zh) * | 2014-05-04 | 2015-11-25 | 腾讯科技(深圳)有限公司 | 在线交互平台动态控制方法、管理后台及交互平台 |
CN106096049A (zh) * | 2016-06-29 | 2016-11-09 | 江苏中威科技软件系统有限公司 | 一种可视化生成网页模板的方法及系统 |
CN106502736A (zh) * | 2016-10-18 | 2017-03-15 | 腾讯科技(深圳)有限公司 | 应用程序处理方法和装置 |
CN107885533A (zh) * | 2017-11-30 | 2018-04-06 | 广州酷狗计算机科技有限公司 | 管理组件代码的方法及装置 |
CN108255847A (zh) * | 2016-12-28 | 2018-07-06 | 腾讯科技(深圳)有限公司 | 页面生成方法及装置 |
CN108345456A (zh) * | 2018-03-07 | 2018-07-31 | 平安普惠企业管理有限公司 | 页面代码生成方法、装置、计算机设备和存储介质 |
CN109542399A (zh) * | 2018-10-25 | 2019-03-29 | 深圳市金证科技股份有限公司 | 软件开发方法、装置、终端设备及计算机可读存储介质 |
CN109582303A (zh) * | 2018-10-31 | 2019-04-05 | 平安科技(深圳)有限公司 | 通用组件调用方法、装置、计算机设备及存储介质 |
CN110400196A (zh) * | 2019-06-20 | 2019-11-01 | 北京奇艺世纪科技有限公司 | 一种页面处理方法、装置及计算机可读存储介质 |
CN111506312A (zh) * | 2020-06-30 | 2020-08-07 | 平安国际智慧城市科技股份有限公司 | 页面生成方法、装置、计算机设备及存储介质 |
CN111836093A (zh) * | 2019-04-16 | 2020-10-27 | 百度在线网络技术(北京)有限公司 | 视频播放方法、装置、设备和介质 |
US20210011690A1 (en) * | 2018-08-10 | 2021-01-14 | Google Llc | Design system for creating graphical content |
CN113254043A (zh) * | 2021-06-04 | 2021-08-13 | 京东科技控股股份有限公司 | Web前端项目处理方法、装置、电子设备及存储介质 |
-
2021
- 2021-09-01 CN CN202111019688.4A patent/CN113778397A/zh active Pending
Patent Citations (15)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101526942A (zh) * | 2008-03-05 | 2009-09-09 | 徐邦勇 | 在线、实时及自动生成动态网页的组件实现技术 |
CN105100001A (zh) * | 2014-05-04 | 2015-11-25 | 腾讯科技(深圳)有限公司 | 在线交互平台动态控制方法、管理后台及交互平台 |
CN104679906A (zh) * | 2015-03-24 | 2015-06-03 | 新余兴邦信息产业有限公司 | 利用图片生成链接的方法及系统 |
CN106096049A (zh) * | 2016-06-29 | 2016-11-09 | 江苏中威科技软件系统有限公司 | 一种可视化生成网页模板的方法及系统 |
CN106502736A (zh) * | 2016-10-18 | 2017-03-15 | 腾讯科技(深圳)有限公司 | 应用程序处理方法和装置 |
CN108255847A (zh) * | 2016-12-28 | 2018-07-06 | 腾讯科技(深圳)有限公司 | 页面生成方法及装置 |
CN107885533A (zh) * | 2017-11-30 | 2018-04-06 | 广州酷狗计算机科技有限公司 | 管理组件代码的方法及装置 |
CN108345456A (zh) * | 2018-03-07 | 2018-07-31 | 平安普惠企业管理有限公司 | 页面代码生成方法、装置、计算机设备和存储介质 |
US20210011690A1 (en) * | 2018-08-10 | 2021-01-14 | Google Llc | Design system for creating graphical content |
CN109542399A (zh) * | 2018-10-25 | 2019-03-29 | 深圳市金证科技股份有限公司 | 软件开发方法、装置、终端设备及计算机可读存储介质 |
CN109582303A (zh) * | 2018-10-31 | 2019-04-05 | 平安科技(深圳)有限公司 | 通用组件调用方法、装置、计算机设备及存储介质 |
CN111836093A (zh) * | 2019-04-16 | 2020-10-27 | 百度在线网络技术(北京)有限公司 | 视频播放方法、装置、设备和介质 |
CN110400196A (zh) * | 2019-06-20 | 2019-11-01 | 北京奇艺世纪科技有限公司 | 一种页面处理方法、装置及计算机可读存储介质 |
CN111506312A (zh) * | 2020-06-30 | 2020-08-07 | 平安国际智慧城市科技股份有限公司 | 页面生成方法、装置、计算机设备及存储介质 |
CN113254043A (zh) * | 2021-06-04 | 2021-08-13 | 京东科技控股股份有限公司 | Web前端项目处理方法、装置、电子设备及存储介质 |
Non-Patent Citations (1)
Title |
---|
夏耘,吉顺如,王学光主编: "大学程序设计(C)实践手册", vol. 1, 31 August 2008, 复旦大学出版社, pages: 175 * |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110795195B (zh) | 一种网页渲染方法、装置、电子设备及存储介质 | |
KR102185864B1 (ko) | 프레젠테이션을 위한 네이티브 콘텐츠의 서버측 렌더링 방법 및 시스템 | |
US11800192B2 (en) | Bullet screen processing method and apparatus, electronic device, and computer-readable storage medium | |
CN109254818B (zh) | 针对浏览器不同分辨率的像素级定位方法和装置 | |
US11909812B2 (en) | Application control method and apparatus, electronic device, and storage medium | |
CN110070593B (zh) | 图片预览信息的显示方法、装置、设备及介质 | |
CN106843794B (zh) | 一种基于安卓的分屏显示方法和系统 | |
CN112016023B (zh) | 业务处理方法、装置、终端及存储介质 | |
US10282172B2 (en) | Authoring and deploying television apps and pages in a content management system | |
CN108595457A (zh) | 一种瀑布流页面的渲染方法和装置 | |
CN111949358A (zh) | 动态显示的方法、装置、可读介质和电子设备 | |
CN106156189A (zh) | 一种标签生成方法及装置、信息获取方法及装置 | |
CN104217028A (zh) | 网络内容分发方法和装置 | |
CN106933439B (zh) | 一种基于社交平台的图片处理方法及系统 | |
CN107704536B (zh) | 软件内容展示方法及系统 | |
CN113778397A (zh) | 页面生成方法、装置、电子装置和存储介质 | |
CN110647371A (zh) | 一种基于业务配置的多语言资源文件解析方法和系统 | |
CN106383705B (zh) | 在应用瘦客户端中设置鼠标显示状态的方法及装置 | |
CN110647327A (zh) | 基于卡片的用户界面动态控制的方法和装置 | |
CN106998350B (zh) | 基于跨用户消息的功能项使用框架的方法及系统 | |
CN115994517A (zh) | 信息处理方法、装置、存储介质、设备及程序产品 | |
CN112799552B (zh) | 一种推广图片分享方法、装置和存储介质 | |
CN112115692A (zh) | 制作电子表单的方法、装置以及存储介质 | |
CN112527423A (zh) | 界面皮肤显示方法及装置 | |
CN115250259B (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 |