CN109614568A - 一种页面生成方法及装置 - Google Patents
一种页面生成方法及装置 Download PDFInfo
- Publication number
- CN109614568A CN109614568A CN201811500090.5A CN201811500090A CN109614568A CN 109614568 A CN109614568 A CN 109614568A CN 201811500090 A CN201811500090 A CN 201811500090A CN 109614568 A CN109614568 A CN 109614568A
- Authority
- CN
- China
- Prior art keywords
- component
- configuration file
- page
- data
- setting parameter
- 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.)
- Granted
Links
Classifications
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02P—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
- Y02P90/00—Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
- Y02P90/30—Computing systems specially adapted for manufacturing
Abstract
本申请公开了一种页面生成方法,用以解决现有技术中每次在进行营销活动时,均需要根据不同活动的要求重新制作H5推广页面,极大地增加了使用H5页面进行营销活动的策划周期以及开发成本的问题。方法包括:接收用户上传的组件设置参数,其中,所述组件设置参数中携带有所述用户选择的组件的标识信息;确定与所述标识信息对应的组件的原始配置文件,将所述组件设置参数保存为结构化数据,并写入所述原始配置文件中,得到第一配置文件;根据所述第一配置文件,渲染生成页面元素组件;基于所述页面元素组件组合生成页面。本申请还公开了一种页面生成装置。
Description
技术领域
本申请涉及计算机技术领域,尤其涉及一种页面生成方法及装置。
背景技术
随着互联网的飞速发展,企业商家的营销途径也逐渐由线下向线上转移,借助互联网和社交圈实现对品牌以及产品的营销、客户服务、获取客户等目标。
目前,线上营销以及广告活动比较常见的是通过微信平台进行传播,主要依靠推送、客户自发的转发等方式传播,而在该营销过程中,推送或转发的内容通常为H5页面(Hyper Tex tMarkup Language 5页面,HTML5页面)。因此,企业在确定营销活动后,在进行营销活动的线上推广之前,首先需要根据活动的需要进行H5推广页面的制作。在现有技术中,企业往往都是采用定制的方法进行H5推广页面的制作,即根据每次活动的要求开发H5活动页面。这样的开发方式,导致H5推广页面的制作周期长,且每次制作的H5推广页面往往只能适用于一项营销活动,不能重复利用,使得开发成本巨大,而且每个活动都要重复这个过程,极大地提高了推广活动的策划周期以及开发成本。
由此可见,目前亟需一种可以根据不同的需要快速、批量生成H5推广页面的方法。
发明内容
本申请实施例提供一种页面生成方法,用以解决现有技术中每次在进行营销活动时,均需要根据不同活动的要求重新制作H5推广页面,极大地增加了使用H5页面进行营销活动的策划周期以及开发成本。
本申请实施例还提供一种页面生成装置,用以解决现有技术中每次在进行营销活动时,均需要根据不同活动的要求重新制作H5推广页面,极大地增加了使用H5页面进行营销活动的策划周期以及开发成本。
本申请实施例采用下述技术方案:
一种页面生成方法,包括:
接收用户上传的组件设置参数,其中,所述组件设置参数中携带有所述用户选择的组件的标识信息;
确定与所述标识信息对应的组件的原始配置文件,将所述组件设置参数保存为结构化数据,并写入所述原始配置文件中,得到第一配置文件;
根据所述第一配置文件,渲染生成页面元素组件;
基于所述页面元素组件组合生成页面。
一种页面生成装置,包括:
设置参数接收单元,用于接收用户上传的组件设置参数,其中,所述组件设置参数中携带有所述用户选择的组件的标识信息;
设置参数写入单元,用于确定与所述标识信息对应的组件的原始配置文件,将所述组件设置参数保存为结构化数据,并写入所述原始配置文件中,得到第一配置文件;
组件渲染单元,用于根据所述第一配置文件,渲染生成页面元素组件;
页面生成单元,用于基于所述页面元素组件组合生成页面。
本申请实施例采用的上述至少一个技术方案能够达到以下有益效果:
采用本申请实施例提供的页面生成方法,通过将H5页面中的各个部分按照功能拆分为不同的组件,通过组件组合的方式来生成用户所需要的H5页面,当用户需要开发H5页面时,用户可以直接将页面各组件的设置参数上传至服务器,以使得服务器可以将用户上传的组件设置参数保存为结构化数据,并写入组件的原始配置文件中,得到根据用户需求进行个性化设置后的第一配置文件,进而服务器渲染模块可以根据该第一配置文件,渲染生成符合用户需要的页面元素组件,则后续通过将多个符合用户需要的组件进行组合的方式,生成符合用户需要的H5页面。本方案利用了组件的核心特点:自身数据和逻辑的对外透明,以及组件之间的可任意组合,用户在生成H5页面时,只需要根据自身的使用需要输入页面中各组件的参数,即可快速渲染生成符合用户需要的组件,并通过可以自定义组件组合方式来灵活地生成符合用户需求的页面。相比于现有技术,本方案省去了在生成页面过程中,根据用户需要个性化定制开发工具的流程,极大地降低了页面的开发周期以及页面的开发成本。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1为本申请实施例提供的一种页面生成服务平台的前端系统架构图;
图2为本申请实施例提供的一种页面生成服务平台的后端系统架构图;
图3为本申请实施例提供的一种页面生成方法的具体流程示意图;
图4为本申请实施例提供的一种页面生成装置的具体结构示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
以下结合附图,详细说明本申请各实施例提供的技术方案。
本申请实施例提供的一种页面生成方法,用以解决现有技术中每次在进行营销活动时,均需要根据不同活动的要求重新制作H5推广页面,极大地增加了使用H5页面进行营销活动的策划周期以及开发成本的问题。
本申请实施例所提供的页面生成方法,该方法的执行主体,可以是服务器,例如,页面生成服务器;此外该方法的执行主体也可以是在前端供用户直接使用的页面生成服务平台,或者是具有页面生成服务功能的应用程序。所述的执行主体并不构成对本申请的限定,为了便于描述,本发明实施例均以执行主体是页面生成服务平台为例进行说明。
需要说明的是,在本申请实施例中,页面生成服务平台主要由前端部分以及后端部分这两大功能模块组成。
其中,前端部分主要负责管理组件模板、样式、逻辑和数据,渲染生成组件,以及生成页面,在一种实施方式中,本申请中前端部分的系统架构可以如图1所示。其中,在服务器侧,内容分发网络服务器(Content Delivery Network Server,CDN服务器)负责管理组件的功能以及逻辑资源,并实现对这两种资源的载入;超文本预处理服务器(PHP:HypertextPreprocessor Server,PHP服务器)负责管理组件的样式、模板数据,服务器侧通过异步JavaScript和XML(Asynchronous Javascript And XML,ajax)接口将数据传输至浏览器侧,以使得浏览器利用异步渲染机制(amd-loader)完成对组件渲染并生成页面。
而其中,后端部分主要负责对前端发来的数据进行结构化处理,存储以及对数据的校验,在一种实施方式中,本申请中后端部分的系统架构可以如图2所示。图2中,数据组装模块主要用于将前端传送过来的数据结构拼装成完整的JSON数据并作必要的结构校验工作;存储模块主要用于对数据组装模块生成的结构化数据将进行入库持久化处理,并进行页面上线,回滚和操作记录的管理;安全模块主要用于对涉及用户输入交互数据作安全性校验,确保数据上下行安全。下文基于上述系统架构,对本方案所提供的页面生成方法进行具体介绍。
该方法的具体实现流程示意图如图3所示,主要包括下述步骤:
步骤11,接收用户上传的组件设置参数;
其中,所述组件设置参数中携带有所述用户选择的组件的标识信息。具体地,用户可以在页面生成服务平台上根据需要选择组成H5页面时所需要使用的组件,并根据需要输入该组件的设置参数,则页面生成服务平台可以接收到用户上传的、携带有组件标识信息的组件设置参数。
所述组件设置参数一般是指用于表示组件尺寸、样式以及功能实现方式的逻辑参数,其中,组件的尺寸及样式很好理解,就是指渲染生成组件的外观;而组件的功能实现方式则是指组件的功能具体是如何实现的,比如某个组件的功能为视频播放,则该组件的功能实现方式参数则可以描述该组件具体是如何进行视频播放的(例如,循环播放、随机播放、顺序播放等等)。
进而在步骤11中,用户可以通过自定义组件的设置参数,以实现根据使用需要对组件的个性化设置。
另外还需要说明的是,上述步骤11由页面生成服务平台的前端部分实现,用户通过前端浏览器侧选择需要使用的组件,并输入该组件的设置参数。
步骤12,确定与通过执行步骤11接收到的标识信息对应的组件的原始配置文件,将所述组件设置参数保存为结构化数据,并写入所述原始配置文件中,得到第一配置文件;
其中,组件的原始配置文件中包括:组件样式数据以及组件逻辑数据,该组件样式数据用于表示所述组件的功能,而组件逻辑数据用于表示所述组件功能的实现方式。即组件的原始配置文件中保存有该组件的模板、基础样式、基础功能实现逻辑以及功能的相关参数,由于组件的功能是区分不同组件的基本特征,因而在本方案中,组件的功能是固定不变的,当用户需要使用其他功能时,则用户可以选择具有该功能的其他组件。则在这种情况下,用户可以根据需要,对组件的样式以及组件的功能实现方式进行调整。
具体地,用户可以根据自己的使用需要,在前端浏览器侧输入组件的设置参数,前端浏览器在接收到该些组件设置参数后,会将该些数据发送至后端部分,后端部分的数据组装功能模块在接收到该些组件设置参数后,首先会确定该些组件设置参数分别针对组件的哪些属性,比如组件的播放方式或者组件中展示的素材等等,进而数据组装功能模块可以在该组件原始配置文件中查找到表示该些属性的数据,并根据接收到的设置参数,对原始配置文件中的该些数据进行调整。由此可见,在步骤12中数据组装模块主要是通过将设置参数写入原始配置文件中的组件逻辑数据的方式,来实现得到符合用户需求的第一配置文件的。
在一种实施方式中,具体可以采用下述方法将通过执行步骤11接收到的设置参数保存为结构化数据,并写入所述原始配置文件中,以得到第一配置文件:将所述设置参数与所述组件逻辑数据进行组合,得到脚本对象简谱JSON格式数据;将所述JSON格式数据以及所述组件样式数据打包,得到所述第一配置文件。
需要说明的是,由于在组件的原始配置文件中,组件样式数据以及组件逻辑数据均会被打包成JavaScript对象简谱(JavaScript Object Notation,JSON)格式的数据,以便于后续传输至前端部分通过渲染模块进行渲染,因而为了保证将设置参数写入原始配置文件后,得到的第一配置文件仍然可以被前端部分的渲染模块使用,在一种实施方式中,数据组装功能模块在接收到前端上传的设置参数后,会将该设置参数与原始配置文件中对应的组件逻辑数据组合成JSON格式的数据,并将新得到的JSON格式数据与原始配置文件中剩余的其他数据进行打包,从而可以的得到符合用户需要的第一配置文件。
另外还需要说明的是,为了保证页面生成服务平台的系统安全,以及用户的信息安全,在本申请实施例中,当后端部分接收到前端发送来的设置参数后,在通过数据组装功能模块对该些数据进行处理之前,后端部分会通过安全模块对接收到的设置参数进行安全性校验,并在校验通过后,方可执行后续操作。具体地,在一种实施方式中,在执行步骤12前,后端部分还可以执行如下操作:对所述组件设置参数进行数据安全校验,并确认所述组件设置参数通过所述数据安全校验。在本申请实施例中,安全模块可以采用奇偶校验法、循环冗余校验法(Cyclic Redundancy Check,CRC)以及消息摘要算法(Message DigestAlgorithm,MD5)等校验方法完成对设置参数的校验,本申请对安全模块采用何种方法完成对设置参数的校验不做具体限定。通过安全模块对数据的校验,以保证系统中数据上下行的安全。
在一种实施方式中,安全模块除了可以对前端部分发送的设置参数进行安全校验以外,还可以对接收到的设置参数进行加密处理,比如利用数据掩码加密方法对设置参数进行加密处理,以隐藏设置参数中保存的如用户账号一类的个人信息,从而可以保证用户个人信息的安全。
步骤13,根据通过执行步骤12得到的第一配置文件,渲染生成页面元素组件;
通过执行步骤12,后端部分的数据组装功能模块将接收到的用户输入的设置参数写入组件对应的原始配置文件并得到与用户需求对应的第一配置文件后,后端部分会将第一配置文件发送至前端部分,以使得前端部分中的渲染模块根据该第一配置文件中记载的相关数据,渲染生成相关组件。
一般来说,用户根据业务需要生成的推广页面往往需要针对多种不同的移动设备,而不同移动设备的屏幕显示尺寸往往并不相同,为了使生成的推广页面可以适配不同的移动设备(即让生成的推广页面在不同尺寸的移动设备上有相同的视觉效果),在一种实施方式中,前端的渲染模块在渲染组件以及生成推广页面时,往往会根据组件以及页面所对应的移动设备(其中,对应的移动设备是指将要展示生成页面的移动设备)的显示界面的尺寸来渲染组件,在本申请实施例中,具体可以采用以下方法进行组件渲染:确定与所述页面元素组件对应的显示设备,并获取所述显示设备显示界面的宽度以及像素比;根据所述显示界面的宽度、像素比以及所述第一配置文件,渲染生成页面元素组件。
为了可以实现渲染生成的组件与移动终端显示界面适配的效果,在一种实施方式中,本方案引入了相对于根元素的字体大小的单位(font size of the root element,rem)。在本方案中,假设根元素包含的像素(Picture Element,PX)为16PX,则在这种情况下,当该页面中的一个字体、图像或者元素所包含的像素也为16PX时,则该页面的字体相对于根元素的大小为:1rem,且在本方案中,将该页面的字体相对于根元素的大小作为基准值,并将该页面的大小作为标准页面尺寸,即页面尺寸为100%,不需要进行缩小或者放大。在此基准下,在本方案中,首先可以确定与生成的页面匹配的移动终端的字体相对于根元素的大小值,进而后续通过将该移动终端的字体相对于根元素的大小值与上述确定的基准值进行比较,从而可以确定出在该移动终端上,渲染生成的页面相比标准页面应该进行多少比例的缩小或者放大。
具体地,在本方案中渲染模块在进行组件渲染时,首先可以通过适配模块动态获取与待生成组件匹配的移动终端的显示屏幕宽度以及像素比,进而可以根据屏幕宽度以及像素比确定出该移动终端的根元素大小以及字体相对于根元素的大小值,进而可以根据该显示屏幕的字体相对于根元素的大小值与上述确定的基准值的比例,确定在该移动终端上生成的页面相比标准页面应该进行多少比例的缩小或者放大。具体地,在本申请实施中可以按照以下方法渲染生成页面元素组件:根据所述显示界面的宽度以及像素比,确定所述页面元素组件的尺寸信息;根据所述第一配置文件,按照所述尺寸信息渲染生成页面元素组件。
步骤14,基于通过执行步骤13渲染生成的页面元素组件组合生成页面;
通过执行上述步骤11~步骤13,前端部分的渲染功能模块会根据后端部分发来的配置文件,生成多个符合用户需求的页面元素组件,进而该渲染功能模块可以进一步地根据用户的需要,将多个页面元素组件进行组合,以得到符合用户使用需要的页面。
采用本申请实施例提供的页面生成方法,通过将H5页面中的各个部分按照功能拆分为不同的组件,通过组件组合的方式来生成用户所需要的H5页面,当用户需要开发H5页面时,用户可以直接将页面各组件的设置参数上传至服务器,以使得服务器可以将用户上传的组件设置参数保存为结构化数据,并写入组件的原始配置文件中,得到根据用户需求进行个性化设置后的第一配置文件,进而服务器渲染模块可以根据该第一配置文件,渲染生成符合用户需要的页面元素组件,则后续通过将多个符合用户需要的组件进行组合的方式,生成符合用户需要的H5页面。本方案利用了组件的核心特点:自身数据和逻辑的对外透明,以及组件之间的可任意组合,用户在生成H5页面时,只需要根据自身的使用需要输入页面中各组件的参数,即可快速渲染生成符合用户需要的组件,并通过可以自定义组件组合方式来灵活地生成符合用户需求的页面。相比于现有技术,本方案省去了在生成页面过程中,根据用户需要个性化定制开发工具的流程,极大地降低了页面的开发周期以及页面的开发成本。
另外,本申请实施例还提供了一种页面生成装置,用以解决现有技术中每次在进行营销活动时,均需要根据不同活动的要求重新制作H5推广页面,极大地增加了使用H5页面进行营销活动的策划周期以及开发成本的问题。该装置的具体结构示意图如图4所示,包括:设置参数接收单元41、设置参数写入单元42、组件渲染单元43以及页面生成单元44。
其中,设置参数接收单元41,用于接收用户上传的组件设置参数,其中,所述组件设置参数中携带有所述用户选择的组件的标识信息;
设置参数写入单元42,用于确定与所述标识信息对应的组件的原始配置文件,将所述组件设置参数保存为结构化数据,并写入所述原始配置文件中,得到第一配置文件;
组件渲染单元43,用于根据所述第一配置文件,渲染生成页面元素组件;
页面生成单元44,用于基于所述页面元素组件组合生成页面。
在一种实施方式中,所述原始配置文件包括:组件样式数据以及组件逻辑数据,其中,所述组件样式数据用于表示所述组件的功能,所述组件逻辑数据用于表示所述组件功能的实现方式;
设置参数写入单元42,具体用于:
将所述组件设置参数与所述组件逻辑数据进行组合,得到脚本对象简谱JSON格式数据:
将所述JSON格式数据以及所述组件样式数据打包,得到所述第一配置文件。
在一种实施方式中,设置参数写入单元42,还用于:将所述组件设置参数与所述组件逻辑数据进行组合,得到脚本对象简谱JSON格式数据之前,对所述设置参数进行数据安全校验,并确认所述组件设置参数所述数据安全校验。
在一种实施方式中,组件渲染单元43,具体用于:确定与所述页面元素组件对应的显示设备,并获取所述显示设备显示界面的宽度以及像素比;根据所述显示界面的宽度、像素比以及所述第一配置文件,渲染生成页面元素组件。
在一种实施方式中,组件渲染单元43,具体用于:
根据所述显示界面的宽度以及像素比,确定所述页面元素组件的尺寸信息;根据所述第一配置文件,按照所述页面元素组件的尺寸信息渲染生成页面元素组件。
采用本申请实施例提供的页面生成装置,通过将H5页面中的各个部分按照功能拆分为不同的组件,通过组件组合的方式来生成用户所需要的H5页面,当用户需要开发H5页面时,用户可以直接将页面各组件的设置参数上传至服务器,以使得服务器可以将用户上传的组件设置参数保存为结构化数据,并写入组件的原始配置文件中,得到根据用户需求进行个性化设置后的第一配置文件,进而服务器渲染模块可以根据该第一配置文件,渲染生成符合用户需要的页面元素组件,则后续通过将多个符合用户需要的组件进行组合的方式,生成符合用户需要的H5页面。本方案利用了组件的核心特点:自身数据和逻辑的对外透明,以及组件之间的可任意组合,用户在生成H5页面时,只需要根据自身的使用需要输入页面中各组件的参数,即可快速渲染生成符合用户需要的组件,并通过可以自定义组件组合方式来灵活地生成符合用户需求的页面。相比于现有技术,本方案省去了在生成页面过程中,根据用户需要个性化定制开发工具的流程,极大地降低了页面的开发周期以及页面的开发成本。
本领域内的技术人员应明白,本发明的实施例可提供为方法、系统、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个......”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上所述仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (10)
1.一种页面生成方法,其特征在于,包括:
接收用户上传的组件设置参数,其中,所述组件设置参数中携带有所述用户选择的组件的标识信息;
确定与所述标识信息对应的组件的原始配置文件,将所述组件设置参数保存为结构化数据,并写入所述原始配置文件中,得到第一配置文件;
根据所述第一配置文件,渲染生成页面元素组件;
基于所述页面元素组件组合生成页面。
2.根据权利要求1所述的方法,其特征在于,所述原始配置文件包括:组件样式数据以及组件逻辑数据,其中,所述组件样式数据用于表示所述组件的功能,所述组件逻辑数据用于表示所述组件功能的实现方式;
将所述组件设置参数保存为结构化数据,并写入所述原始配置文件中,得到第一配置文件,具体包括:
将所述组件设置参数与所述组件逻辑数据进行组合,得到脚本对象简谱JSON格式数据;
将所述JSON格式数据以及所述组件样式数据打包,得到所述第一配置文件。
3.根据权利要求2所述的方法,其特征在于,将所述组件设置参数与所述组件逻辑数据进行组合,得到脚本对象简谱JSON格式数据之前,还包括:
对所述组件设置参数进行数据安全校验,并确认所述组件设置参数通过所述数据安全校验。
4.根据权利要求1所述的方法,其特征在于,根据所述第一配置文件,渲染生成页面元素组件,具体包括:
确定与所述页面元素组件对应的显示设备,并获取所述显示设备显示界面的宽度以及像素比;
根据所述显示界面的宽度、像素比以及所述第一配置文件,渲染生成页面元素组件。
5.根据权利要求4所述的方法,其特征在于,根据所述显示界面的尺寸以及所述第一配置文件,渲染生成页面元素组件,具体包括:
根据所述显示界面的宽度以及像素比,确定所述页面元素组件的尺寸;
根据所述第一配置文件,按照所述页面元素组件的尺寸渲染生成页面元素组件。
6.一种页面生成装置,其特征在于,包括:
设置参数接收单元,用于接收用户上传的组件设置参数,其中,所述组件设置参数中携带有所述用户选择的组件的标识信息;
设置参数写入单元,用于确定与所述标识信息对应的组件的原始配置文件,将所述组件设置参数保存为结构化数据,并写入所述原始配置文件中,得到第一配置文件;
组件渲染单元,用于根据所述第一配置文件,渲染生成页面元素组件;
页面生成单元,用于基于所述页面元素组件组合生成页面。
7.根据权利要求6所述的装置,其特征在于,所述原始配置文件包括:组件样式数据以及组件逻辑数据,其中,所述组件样式数据用于表示所述组件的功能,所述组件逻辑数据用于表示所述组件功能的实现方式;
设置参数写入单元,具体用于:
将所述组件设置参数与所述组件逻辑数据进行组合,得到脚本对象简谱JSON格式数据;
将所述JSON格式数据以及所述组件样式数据打包,得到所述第一配置文件。
8.根据权利要求7所述的装置,其特征在于,设置参数写入单元,还用于:
将所述组件设置参数与所述组件逻辑数据进行组合,得到脚本对象简谱JSON格式数据之前,对所述组件设置参数进行数据安全校验,并确认所述组件设置参数通过所述数据安全校验。
9.根据权利要求6所述的装置,其特征在于,组件渲染单元,具体用于:
确定与所述页面元素组件对应的显示设备,并获取所述显示设备显示界面的宽度以及像素比;
根据所述显示界面的宽度、像素比以及所述第一配置文件,渲染生成页面元素组件。
10.根据权利要求9所述的装置,其特征在于,组件渲染单元,具体用于:
根据所述显示界面的宽度以及像素比,确定所述页面元素组件的尺寸;
根据所述第一配置文件,按照所述页面元素组件的尺寸渲染生成页面元素组件。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811500090.5A CN109614568B (zh) | 2018-12-07 | 2018-12-07 | 一种页面生成方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811500090.5A CN109614568B (zh) | 2018-12-07 | 2018-12-07 | 一种页面生成方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109614568A true CN109614568A (zh) | 2019-04-12 |
CN109614568B CN109614568B (zh) | 2023-04-14 |
Family
ID=66007942
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811500090.5A Active CN109614568B (zh) | 2018-12-07 | 2018-12-07 | 一种页面生成方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109614568B (zh) |
Cited By (17)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110084525A (zh) * | 2019-05-05 | 2019-08-02 | 重庆天蓬网络有限公司 | 一种基于业务需求的工作管理引擎方法以及装置 |
CN110221831A (zh) * | 2019-04-25 | 2019-09-10 | 深圳壹账通智能科技有限公司 | H5页面的自动生成化方法、装置及计算机设备 |
CN110297636A (zh) * | 2019-07-03 | 2019-10-01 | 广州鲁邦通物联网科技有限公司 | 一种基于页面配置文件的页面自动生成和参数管理方法、系统和装置 |
CN110457020A (zh) * | 2019-07-05 | 2019-11-15 | 苏宁云计算有限公司 | 用户界面生成工具的生成方法、装置和计算机设备 |
CN111158680A (zh) * | 2019-12-27 | 2020-05-15 | 北京同邦卓益科技有限公司 | 一种页面构建的方法、装置、设备及存储介质 |
CN111199007A (zh) * | 2020-01-10 | 2020-05-26 | 北京智信通联信息技术有限公司 | 基于Web页面的配置方法、数据加密方法及装置 |
CN111258675A (zh) * | 2020-01-15 | 2020-06-09 | 平安银行股份有限公司 | 共享前端组件的渲染方法、装置、设备及存储介质 |
CN111259294A (zh) * | 2019-12-31 | 2020-06-09 | 万表名匠(广州)科技有限公司 | 页面加载请求响应方法、装置、设备和存储介质 |
CN111324835A (zh) * | 2020-02-06 | 2020-06-23 | 北京字节跳动网络技术有限公司 | 渲染用户界面组件的方法、装置、电子设备、及存储介质 |
CN111679875A (zh) * | 2020-05-07 | 2020-09-18 | 北京齐尔布莱特科技有限公司 | 页面内容展示方法、系统及移动终端 |
CN112051994A (zh) * | 2019-06-06 | 2020-12-08 | 阿里巴巴集团控股有限公司 | 可视化组件信息处理、页面可视化设计方法及装置 |
CN112487331A (zh) * | 2020-11-26 | 2021-03-12 | 北京有竹居网络技术有限公司 | 页面生成方法和装置、存储介质和电子设备 |
CN112528199A (zh) * | 2020-12-11 | 2021-03-19 | 杭州搜车数据科技有限公司 | 活动页面发布方法、装置、电子装置及存储介质 |
CN112612538A (zh) * | 2020-12-17 | 2021-04-06 | 平安信托有限责任公司 | 页面服务组件配置方法、装置、计算机设备及存储介质 |
CN112650522A (zh) * | 2019-09-26 | 2021-04-13 | 北京国双科技有限公司 | 平台动态配置的方法、装置、存储介质及设备 |
CN113268233A (zh) * | 2021-04-26 | 2021-08-17 | 众安信息技术服务有限公司 | 一种页面生成方法、装置、计算机设备及存储介质 |
CN113535269A (zh) * | 2021-07-21 | 2021-10-22 | 重庆富民银行股份有限公司 | 可视化动态页面配置方法 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20130212465A1 (en) * | 2012-02-09 | 2013-08-15 | Alexander Kovatch | Postponed rendering of select web page elements |
CN106294816A (zh) * | 2016-08-16 | 2017-01-04 | 腾讯科技(深圳)有限公司 | 页面信息的处理方法和装置 |
CN108664296A (zh) * | 2017-03-31 | 2018-10-16 | 阿里巴巴集团控股有限公司 | 一种页面渲染方法和装置、一种页面处理方法和装置 |
-
2018
- 2018-12-07 CN CN201811500090.5A patent/CN109614568B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20130212465A1 (en) * | 2012-02-09 | 2013-08-15 | Alexander Kovatch | Postponed rendering of select web page elements |
CN106294816A (zh) * | 2016-08-16 | 2017-01-04 | 腾讯科技(深圳)有限公司 | 页面信息的处理方法和装置 |
CN108664296A (zh) * | 2017-03-31 | 2018-10-16 | 阿里巴巴集团控股有限公司 | 一种页面渲染方法和装置、一种页面处理方法和装置 |
Cited By (19)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110221831A (zh) * | 2019-04-25 | 2019-09-10 | 深圳壹账通智能科技有限公司 | H5页面的自动生成化方法、装置及计算机设备 |
CN110084525A (zh) * | 2019-05-05 | 2019-08-02 | 重庆天蓬网络有限公司 | 一种基于业务需求的工作管理引擎方法以及装置 |
CN112051994A (zh) * | 2019-06-06 | 2020-12-08 | 阿里巴巴集团控股有限公司 | 可视化组件信息处理、页面可视化设计方法及装置 |
CN110297636A (zh) * | 2019-07-03 | 2019-10-01 | 广州鲁邦通物联网科技有限公司 | 一种基于页面配置文件的页面自动生成和参数管理方法、系统和装置 |
CN110297636B (zh) * | 2019-07-03 | 2023-06-27 | 广州鲁邦通物联网科技股份有限公司 | 一种基于页面配置文件的页面自动生成和参数管理方法、系统和装置 |
CN110457020A (zh) * | 2019-07-05 | 2019-11-15 | 苏宁云计算有限公司 | 用户界面生成工具的生成方法、装置和计算机设备 |
CN112650522A (zh) * | 2019-09-26 | 2021-04-13 | 北京国双科技有限公司 | 平台动态配置的方法、装置、存储介质及设备 |
CN111158680A (zh) * | 2019-12-27 | 2020-05-15 | 北京同邦卓益科技有限公司 | 一种页面构建的方法、装置、设备及存储介质 |
CN111259294A (zh) * | 2019-12-31 | 2020-06-09 | 万表名匠(广州)科技有限公司 | 页面加载请求响应方法、装置、设备和存储介质 |
CN111199007A (zh) * | 2020-01-10 | 2020-05-26 | 北京智信通联信息技术有限公司 | 基于Web页面的配置方法、数据加密方法及装置 |
CN111258675A (zh) * | 2020-01-15 | 2020-06-09 | 平安银行股份有限公司 | 共享前端组件的渲染方法、装置、设备及存储介质 |
CN111324835A (zh) * | 2020-02-06 | 2020-06-23 | 北京字节跳动网络技术有限公司 | 渲染用户界面组件的方法、装置、电子设备、及存储介质 |
CN111679875A (zh) * | 2020-05-07 | 2020-09-18 | 北京齐尔布莱特科技有限公司 | 页面内容展示方法、系统及移动终端 |
CN112487331A (zh) * | 2020-11-26 | 2021-03-12 | 北京有竹居网络技术有限公司 | 页面生成方法和装置、存储介质和电子设备 |
CN112528199A (zh) * | 2020-12-11 | 2021-03-19 | 杭州搜车数据科技有限公司 | 活动页面发布方法、装置、电子装置及存储介质 |
CN112528199B (zh) * | 2020-12-11 | 2022-09-09 | 杭州搜车数据科技有限公司 | 活动页面发布方法、装置、电子装置及存储介质 |
CN112612538A (zh) * | 2020-12-17 | 2021-04-06 | 平安信托有限责任公司 | 页面服务组件配置方法、装置、计算机设备及存储介质 |
CN113268233A (zh) * | 2021-04-26 | 2021-08-17 | 众安信息技术服务有限公司 | 一种页面生成方法、装置、计算机设备及存储介质 |
CN113535269A (zh) * | 2021-07-21 | 2021-10-22 | 重庆富民银行股份有限公司 | 可视化动态页面配置方法 |
Also Published As
Publication number | Publication date |
---|---|
CN109614568B (zh) | 2023-04-14 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109614568A (zh) | 一种页面生成方法及装置 | |
US10705942B1 (en) | Simulated testing of API | |
US20130272679A1 (en) | Video Generator System | |
WO2016044507A1 (en) | Mobile stamp creation and management for digital communications | |
KR20140033094A (ko) | 애플리케이션 프레젠테이션용 임베디드 웹 뷰어 | |
CN103518195B (zh) | 用于基于矢量的表格字段文档的设备、系统和方法 | |
CN105791178B (zh) | 报文组装方法及装置 | |
US20210006515A1 (en) | Conversation-Enabled Document System and Method | |
CN103377039B (zh) | 一种网页游戏开发、解析方法、一种编辑器以及解析装置 | |
US20160292135A1 (en) | Enhanced preview technology for application add-ins | |
Love | Progressive Web Application Development by Example: Develop fast, reliable, and engaging user experiences for the web | |
CN109242934A (zh) | 一种动画代码的生成方法及设备 | |
CN107943465A (zh) | 一种生成html表单的方法及装置 | |
CN105989126B (zh) | 一种网页显示方法及装置 | |
CN109598171A (zh) | 一种基于二维码的数据处理方法、装置及系统 | |
CN110197445A (zh) | 知识产权状态的生成、查询方法、计算机设备及存储介质 | |
CN115841236A (zh) | 一种用于实现快速响应的业务建模方法、设备及介质 | |
US11232503B1 (en) | System and method for blockchain-based product configuration and referral | |
Levkowitz et al. | Cloud and mobile web-based graphics and visualization | |
CN113721910A (zh) | 界面代码生成方法、装置、电子设备和计算机可读介质 | |
WO2016030879A1 (en) | Distribution of visual content editing function | |
US9230022B1 (en) | Customizable result sets for application program interfaces | |
US9715541B1 (en) | Identifying credits and aggregating credits into sets | |
CN114036162A (zh) | 一种游戏nft作品处理方法及其装置 | |
CN113110829A (zh) | 多ui组件库数据处理方法及装置 |
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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |