CN112416348A - 页面生成方法、系统及计算设备 - Google Patents
页面生成方法、系统及计算设备 Download PDFInfo
- Publication number
- CN112416348A CN112416348A CN202011404990.7A CN202011404990A CN112416348A CN 112416348 A CN112416348 A CN 112416348A CN 202011404990 A CN202011404990 A CN 202011404990A CN 112416348 A CN112416348 A CN 112416348A
- Authority
- CN
- China
- Prior art keywords
- page
- file
- component
- configuration platform
- component package
- 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
- 238000000034 method Methods 0.000 title claims abstract description 84
- 238000004891 communication Methods 0.000 description 16
- 238000011161 development Methods 0.000 description 15
- 238000010586 diagram Methods 0.000 description 6
- 230000006870 function Effects 0.000 description 6
- 238000005516 engineering process Methods 0.000 description 4
- 238000012545 processing Methods 0.000 description 4
- 238000007726 management method Methods 0.000 description 3
- 230000002093 peripheral effect Effects 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 238000009877 rendering Methods 0.000 description 3
- 230000008901 benefit Effects 0.000 description 2
- 238000004806 packaging method and process Methods 0.000 description 2
- 230000007723 transport mechanism Effects 0.000 description 2
- 230000007547 defect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000007667 floating Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification 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/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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
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)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了页面生成方法,包括:接收配置平台的创建页面请求,创建页面请求包括与页面相对应的组件包标识;基于组件包标识从文件服务器获取相应的组件包;基于组件包中的配置文件生成相应的页面面板,并将页面面板发送至配置平台进行展示;基于组件包中的可执行文件生成相应的基础组件模块,并将生成的基础组件模块发送至配置平台进行展示;接收配置平台对基础组件模块的样式设置和/或信息设置;基于样式设置和/或信息设置以及基础组件模块生成最终组件模块,并基于页面面板和最终组件模块生成页面文件。本发明还一并公开了相应的页面生成系统和计算设备。本发明的页面生成方法,可以方便高效地创建各种各样的页面,能满足多种业务需求。
Description
技术领域
本发明涉及互联网开发技术领域,特别涉及一种页面生成方法、页面生成系统及计算设备。
背景技术
随着移动互联网技术的发展,促使越来越多的开发者开始利用HTML5(H5)开发移动友好型网站。HTML5旨在提供足以与原生技术相匹配的功能。
HTML5现已被世界各地的网站广泛采用,不仅适用于桌面浏览器和移动浏览器,还可用于移动应用的开发。随着H5的使用场景越来越广泛、功能越来越强大,前端开发人员的工作量越来越大,开发模式越来越不规范,导致H5的模块化规范难以统一。
现有技术中,页面生成技术都是基于原生HTML、Javascript,没有形成组件化和模块化的设计,对业务逻辑的封装不完善,导致复用性较差。而且,不对外开放定制页面的功能,无法适应复杂的业务场景,不支持业务级别的定制开发,无法满足不同业务场景的定制需求,无法同时适用当下组件化的React和Vue框架,导致扩展性较差、可维护性较差。以上缺陷导致现有的页面生成技术只适用于基本的简单的小型H5页面,不能满足当前复杂多变的业务环境。
为此,需要一种页面生成方法和系统,来解决上述技术方案中存在的问题。
发明内容
为此,本发明提供一种新的页面生成方法和页面生成系统,以力图解决或者至少缓解上面存在的问题。
根据本发明的一个方面,提供了一种页面生成方法,在计算设备中执行,所述计算设备与配置平台耦接,并与文件服务器连接,所述文件服务器包括多个组件包,每个组件包包括相应的组件包标识,所述方法包括:接收配置平台的创建页面请求,所述创建页面请求包括与页面相对应的组件包标识;基于所述组件包标识从文件服务器获取相应的组件包,所述组件包包括可执行文件和配置文件;基于所述组件包中的配置文件生成相应的页面面板,并将页面面板发送至配置平台进行展示;基于所述组件包中的可执行文件生成相应的基础组件模块,并将生成的基础组件模块发送至配置平台进行展示;接收配置平台对所述基础组件模块的样式设置和/或信息设置;以及基于所述样式设置和/或信息设置以及所述基础组件模块生成最终组件模块,并基于所述页面面板和最终组件模块生成相应的页面文件。
可选地,在根据本发明的页面生成方法中,在生成最终组件模块之后,还包括步骤:将所述最终组件模块返回至配置平台,以便在配置平台展示所述最终组件模块。
可选地,在根据本发明的页面生成方法中,将页面面板发送至配置平台进行展示之后,还包括步骤:接收配置平台对所述页面面板配置的格式信息;基于所述页面面板和格式信息生成最终页面面板;将所述最终页面面板返回至配置平台进行展示。
可选地,在根据本发明的页面生成方法中,基于所述页面面板和最终组件模块生成相应的页面文件包括:基于所述最终页面面板和最终组件模块生成相应的页面文件。
可选地,在根据本发明的页面生成方法中,在接收配置平台的创建页面请求之前,包括步骤:生成与页面相对应的组件包,将所述组件包发送至文件服务器。
可选地,在根据本发明的页面生成方法中,生成与页面相对应的组件包的步骤包括:获取与页面相对应的源代码文件;接收配置平台对所述源代码文件的编译请求,基于所述编译请求对所述源代码文件进行编译,以生成与页面相对应的组件包。
可选地,在根据本发明的页面生成方法中,所述文件服务器中还包括多种编译模板文件,对所述源代码文件进行编译的步骤包括:基于所述编译请求从文件服务器获取相应的编译模板文件;基于所述编译模板文件对所述源代码文件进行编译。
可选地,在根据本发明的页面生成方法中,还包括步骤:接收配置平台对组件包的版本更新请求,所述版本更新请求包括组件包标识、请求更新的版本以及与所述版本相对应的更新文件;基于所述组件包标识从文件服务器获取相应的组件包,基于所述更新文件对获取的组件包进行更新,以生成新版本组件包;将所述新版本组件包发送至文件服务器。
可选地,在根据本发明的页面生成方法中,所述计算设备与配置平台通过消息队列连接,在基于所述编译请求对所述源代码文件进行编译之后,包括步骤:将对源代码文件的编译结果封装为编译消息体添加到消息队列中;定时从所述消息队列中获取编译消息体,并将编译消息体对应的编译结果发送至配置平台。
可选地,在根据本发明的页面生成方法中,所述计算设备与配置平台通过消息队列连接,基于所述更新文件对获取的组件包进行更新之后,包括步骤:将对组件包的更新结果封装包更新消息体添加到消息队列中;定时从所述消息队列中获取包更新消息体,并将包更新消息体对应的更新结果发送至配置平台。
可选地,在根据本发明的页面生成方法中,所述页面为H5页面。
可选地,在根据本发明的页面生成方法中,所述文件服务器为NPM服务器或GIT服务器。
根据本发明的一个方面,提供了一种页面生成系统,包括:
页面生成服务器,与文件服务器连接,所述文件服务器包括多个组件包,每个组件包包括相应的组件包标识,其中,所述页面服务器适于执行如上所述的方法来生成页面;以及配置平台,与所述页面生成服务器耦接,适于向页面生成服务器发送创建页面请求,接收页面生成服务器返回的页面面板、基础组件模块,并适于对所述基础组件模块进行样式设置和/或信息设置后发送至页面生成服务器,接收页面生成服务器返回的最终组件模块。
可选地,在根据本发明的页面生成系统中,还包括消息队列服务器,消息队列服务器包括消息队列,所述消息队列服务器分别与页面生成服务器、配置设备连接。
根据本发明的一个方面,提供了一种计算设备,包括:至少一个处理器;以及存储器,存储有程序指令,其中,所述程序指令被配置为适于由所述至少一个处理器执行,所述程序指令包括用于执行如上所述的页面生成方法的指令。
根据本发明的一个方面,提供了一种存储有程序指令的可读存储介质,当所述程序指令被计算设备读取并执行时,使得所述计算设备执行如上所述方法。
根据本发明的技术方案,业务人员可以根据所要创建的页面的应用场景、业务需求在配置平台进行相关配置并请求页面生成服务器创建页面。页面生成服务器通过获取符合业务需求的、与页面相适配的组件包,并基于组件包来生成相应的页面面板和组件模块,返回至配置平台进行渲染展示,进而,业务人员可以在配置平台对页面面板和组件模块配置参数、设置样式,以便生成最终完整的页面。根据本发明的页面生成方法,可以方便地在配置平台配置页面的相关信息,并基于组件来创建页面,不仅可以方便、高效地创建各种各样的页面,能满足多种业务需求,适用于多种应用场景,而且,组件包可以复用于多种业务下的页面开发。
进一步地,根据本发明的技术方案,不仅可以选择符合业务需求的现有的组件包来创建页面,也可以根据实际业务需求开发新的组件包来创建页面。这样,可以根据实际应用场景和业务需求更加灵活地创建页面,以满足不同的业务需求,而且,可以不断地丰富组件包的种类。
此外,页面生成服务器还可以提供对组件原代码文件的编译服务、以及对组件包的版本更新服务,在编译时可以针对源代码文件的开发模式获取相应的编译模板文件,基于编译模板文件对源代码文件进行编译生成组件包。这样,能够满足多种业务开发模式的组件编译需求。
附图说明
为了实现上述以及相关目的,本文结合下面的描述和附图来描述某些说明性方面,这些方面指示了可以实践本文所公开的原理的各种方式,并且所有方面及其等效方面旨在落入所要求保护的主题的范围内。通过结合附图阅读下面的详细描述,本公开的上述以及其它目的、特征和优势将变得更加明显。遍及本公开,相同的附图标记通常指代相同的部件或元素。
图1示出了根据本发明一个实施例的页面生成系统100的示意图;
图2示出了根据本发明一个实施例的计算设备200的示意图;以及
图3示出了根据本发明一个实施例的页面生成方法300的流程图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
图1示出了根据本发明一个实施例的页面生成系统100的示意图。
如图1所示,页面生成系统100包括页面生成服务器120、配置平台110,配置平台110与页面生成服务器120通信连接。并且,页面生成服务器120还通信连接到文件服务器150。应当指出,本发明对文件服务器150的具体种类不做限制,其可以实现为NPM服务器、GIT服务器等,但不限于此。
配置平台110可以是为业务人员提供的可以发送创建页面请求、配置页面信息的客户端平台,业务人员可以在客户端访问配置平台110,例如通过客户端应用、浏览器来访问配置平台110的页面。通过将配置平台110连接到页面生成服务器120,业务人员利用配置平台110可以与页面生成服务器120进行数据交互,这样,便于根据不同业务场景来创建不同结构和内容的页面,满足多种业务需求。
在一个实施例中,配置平台110所在的客户端具体可以是桌面电脑、笔记本电脑等个人计算机,也可以是手机、平板电脑、多媒体设备、智能可穿戴设备等,但不限于此。
在本发明的实施例中,页面生成服务器120用于提供页面的创建服务。页面生成服务器120可以实现为各种服务器等;也可以实现为桌面电脑、笔记本电脑、处理器芯片、手机、平板电脑等计算设备,但不限于此。
在本发明的实施例中,页面生成服务器120适于执行页面生成方法。本发明的页面生成方法300将在下文中详述。
在本发明的实施例中,页面生成服务器120可以基于组件包来生成页面。页面例如是H5页面,但不限于此。文件服务器150中可以存储各种各样的组件包。
业务人员在配置平台110请求创建页面时,可以根据所要创建的页面的应用场景、业务需求确定与页面相适配的组件包,通过在配置平台110进行相关配置,基于组件包标识向页面生成服务器120发送创建页面请求。
页面生成服务器120在接收到创建页面请求后,可以基于组件包标识从文件服务器150中获取相应的组件包,这里,组件包中包括相应的可执行文件和配置文件。基于组件包可以分别生成页面面板以及相应的组件模块(功能模块),并返回至配置平台110进行渲染展示。进而,业务人员可以在配置平台对页面面板和组件模块配置参数、设置样式,以便基于配置后的页面面板和组件模块生成最终完整的页面。
在一个实施例中,页面生成服务器120可以基于组件包中的配置文件生成相应的页面面板,并将页面面板发送至配置平台110,从而可以在配置平台110渲染页面面板并进行展示。在配置平台110获取到页面面板并展示页面面板后,业务人员便可以根据页面的具体使用场景、在配置平台110对页面面板上展示的相应内容配置具体格式信息。这里,页面面板上展示的内容例如包括图片,格式信息可以包括图片的布局方式、尺寸信息、位置信息等。
页面生成服务器120获取配置平台110对页面面板配置的格式信息,并基于页面面板和所获取的格式信息来合并生成最终页面面板。进而,将最终页面面板返回至配置平台110,在配置平台110渲染最终页面面板并进行展示。
在一个实施例中,页面生成服务器120基于组件包中的可执行文件生成相应的基础组件模块,并将生成的基础组件模块发送至配置平台110,以便在配置平台110展示基础组件模块。这里,在配置平台110获取到基础组件模块并展示基础组件模块后,业务人员便可以根据页面的使用场景和实际需求,在配置平台110对基础组件模块进行相应的样式设置和/或信息设置。
页面生成服务器120通过获取配置平台110对基础组件模块的样式设置和/或信息设置的具体信息,进而,基于样式设置和/或信息设置以及先前生成的基础组件模块生成最终组件模块,并且,基于页面面板和最终组件模块生成相应的页面文件。这里,在生成最终组件模块之后,页面生成服务器120还可以将最终组件模块返回至配置平台110,以便在配置平台110展示最终组件模块和页面面板(最终页面面板),所展示的即是最终创建生成的页面。
根据本发明的技术方案,可以方便地在配置平台配置页面的相关信息,并基于组件来创建页面,不仅可以方便、高效地创建各种各样的页面,能满足多种业务需求,适用于多种应用场景,而且,组件包可以复用于多种业务下的页面开发。
在一个实施例中,页面生成服务器120中包括适于对源代码文件进行编译的编译模块、适于对组件包进行版本更新的组件包管理模块,从而,页面生成服务器120还可以提供对源代码文件的编译服务、对组件包的版本更新服务。
在一个实施例中,业务人员在请求页面生成服务器120创建页面之前,如果文件服务器150中不存在与所要创建的页面相对应的组件包,可以由开发人员开发相应的源代码文件,并在配置平台110请求页面生成服务器120对相应的源代码文件进行编译。页面生成服务器120在接收到配置平台110对源代码文件的编译请求时,基于编译请求对源代码文件进行编译,从而生成与页面相对应的组件包。
可见,根据本发明的页面生成系统100,不仅可以选择符合业务需求的现有的组件包来创建页面,也可以根据实际业务需求开发新的组件包来创建页面。这样,可以根据实际应用场景和业务需求更加灵活地创建页面,以满足不同的业务需求,而且,可以不断地丰富组件包的种类。
在一个实施例中,文件服务器150中还包括多种编译模板文件,页面生成服务器120的编译模块在对源代码文件进行编译时,可以从文件服务器150中获取与组件的源代码文件的开发模式相对应的编译模板文件。进而,基于相应的编译模板文件对源代码文件进行编译生成组件包。这样,能够满足多种业务开发模式的组件编译需求。
需要说明的是,根据本发明页面生成服务器120中的编译模块,能实现对React组件的源代码进行编译,也能实现对Vue组件的源代码进行编译。
在一个实施例中,在配置平台110还可以请求页面生成服务器120对相应的组件包进行版本更新。页面生成服务器120在接收到对组件包的版本更新请求后,基于版本更新请求中的组件包标识从文件服务器150获取相应的组件包,并基于更新文件对组件包进行更新,从而生成新版本组件包,并将新版本组件包发送至文件服务器150进行存储,以替换先前版本的组件包。
在一个实施例中,页面生成系统100还包括消息队列服务器130,消息队列服务器130分别与页面生成服务器120、配置平台110通信连接。消息队列服务器130包括消息队列,本发明的页面生成服务器120可以通过消息队列与配置平台110异步通信。
这样,页面生成服务器120在对源代码文件进行编译之后,可以将对源代码文件的编译结果封装为编译消息体添加到消息队列中。进而,定时从消息队列中获取相应的编译消息体,并将编译消息体对应的编译结果发送至配置平台110,以便业务人员在配置平台110随时查看对源代码文件的编译结果。页面生成服务器120在对组件包进行更新之后,可以将对组件包的更新结果封装包更新消息体添加到消息队列中。进而,定时从消息队列中获取包更新消息体,并将包更新消息体对应的更新结果发送至配置平台110,以便业务人员在配置平台110随时查看对组件包的更新结果。这种基于消息队列对编译结果、包更新结果进行异步推送的方式,可避免业务人员在配置平台110对编译结果的长时间等待,从而提高用户体验。
在一个实施例中,本发明的页面生成服务器120可以实现为一种计算设备,使得本发明的页面生成方法可以在计算设备中执行。
图2示出了根据本发明一个实施例的计算设备200的结构图。如图2所示,在基本的配置202中,计算设备200典型地包括系统存储器206和一个或者多个处理器204。存储器总线208可以用于在处理器204和系统存储器206之间的通信。
取决于期望的配置,处理器204可以是任何类型的处理,包括但不限于:微处理器(μP)、微控制器(μC)、数字信息处理器(DSP)或者它们的任何组合。处理器204可以包括诸如一级高速缓存210和二级高速缓存212之类的一个或者多个级别的高速缓存、处理器核心214和寄存器216。示例的处理器核心214可以包括运算逻辑单元(ALU)、浮点数单元(FPU)、数字信号处理核心(DSP核心)或者它们的任何组合。示例的存储器控制器218可以与处理器204一起使用,或者在一些实现中,存储器控制器218可以是处理器204的一个内部部分。
取决于期望的配置,系统存储器206可以是任意类型的存储器,包括但不限于:易失性存储器(诸如RAM)、非易失性存储器(诸如ROM、闪存等)或者它们的任何组合。系统存储器106可以包括操作系统220、一个或者多个应用222以及程序数据224。应用222实际上是多条程序指令,其用于指示处理器204执行相应的操作。在一些实施方式中,应用222可以布置为在操作系统上使得处理器204利用程序数据224进行操作。
计算设备200还可以包括有助于从各种接口设备(例如,输出设备242、外设接口244和通信设备246)到基本配置202经由总线/接口控制器230的通信的接口总线240。示例的输出设备242包括图形处理单元248和音频处理单元250。它们可以被配置为有助于经由一个或者多个A/V端口252与诸如显示器或者扬声器之类的各种外部设备进行通信。示例外设接口244可以包括串行接口控制器254和并行接口控制器256,它们可以被配置为有助于经由一个或者多个I/O端口258和诸如输入设备(例如,键盘、鼠标、笔、语音输入设备、触摸输入设备)或者其他外设(例如打印机、扫描仪等)之类的外部设备进行通信。示例的通信设备246可以包括网络控制器260,其可以被布置为便于经由一个或者多个通信端口264与一个或者多个其他计算设备262通过网络通信链路的通信。
网络通信链路可以是通信介质的一个示例。通信介质通常可以体现为在诸如载波或者其他传输机制之类的调制数据信号中的计算机可读指令、数据结构、程序模块,并且可以包括任何信息递送介质。“调制数据信号”可以这样的信号,它的数据集中的一个或者多个或者它的改变可以在信号中编码信息的方式进行。作为非限制性的示例,通信介质可以包括诸如有线网络或者专线网络之类的有线介质,以及诸如声音、射频(RF)、微波、红外(IR)或者其它无线介质在内的各种无线介质。这里使用的术语计算机可读介质可以包括存储介质和通信介质二者。
在根据本发明的实施例中,计算设备200被配置为执行根据本发明的页面生成方法。计算设备200的应用222中包括执行本发明的页面生成方法300的多条程序指令,这些程序指令可以指示处理器204执行本发明的页面生成方法300。计算设备200通过执行本发明的页面生成方法300能实现创建页面。
图3示出了根据本发明一个实施例的页面生成方法300的流程图。方法300适于在计算设备(例如前述计算设备200)中执行。
根据本发明的实施例,计算设备200与配置平台110通信连接。并且,计算设备200还通信连接到文件服务器150。应当指出,本发明对文件服务器150的具体种类不做限制,其可以实现为NPM服务器、GIT服务器等,但不限于此。
需要说明的是,在具体实施例中,本发明仅以H5(HTML5)页面为例对页面生成方法300进行了具体说明。但,应当理解,本发明的页面生成方法300并不受限于页面的具体结构和种类,任何能通过本发明的页面生成方法300创建的页面种类均在本发明的保护范围之内。
如图3所示,页面生成方法300始于步骤S310。
在步骤S310中,计算设备200接收配置平台110的创建页面请求,创建页面请求包括与请求创建的页面相对应的组件包标识。这里,配置平台110请求创建的页面例如是H5页面,但不限于此。
需要说明的是,在根据本发明的方法300,是基于组件来创建页面。具体而言,将页面上功能独立的模块封装为相应的组件,通过开发一个或多个组件(即是组件的源代码文件),对组件的源代码文件进行编译生成相应的组件包,计算设备200通过相应的组件包来创建页面。在生成页面后,组件以组件模块的形式展示在页面上。
根据本发明的实施例,文件服务器150中可以存储各种各样的组件包。业务人员在配置平台110请求创建页面时,可以根据所要创建的页面的应用场景、业务需求来确定与页面相适配的组件包,并确定组件包标识,基于组件包标识向计算设备200发送创建页面请求。计算设备200基于组件包标识可以从文件服务器150获取相应的组件包,基于组件包可以分别生成页面面板以及相应的组件模块(功能模块),基于页面面板和组件模块可以生成最终的页面。页面面板例如包括背景图片、产品图片等静态页面内容。
随后,在步骤S320中,计算设备200基于与页面相对应的组件包标识从文件服务器150获取相应的组件包,其中,组件包中包括相应的可执行文件和配置文件。这里,可执行文件包括与待生成的组件模块相对应的可执行代码文件,配置文件包括与待生成的页面面板上的内容相对应的资源文件。
随后,在步骤S330中,基于组件包中的配置文件生成相应的页面面板,并将页面面板发送至配置平台110,从而可以在配置平台110渲染页面面板并进行展示。这里,在配置平台110获取到页面面板并展示页面面板后,业务人员便可以根据页面的具体使用场景、在配置平台110对页面面板上展示的相应内容配置具体格式信息。
根据一个实施例,在将页面面板发送至配置平台110进行展示之后,计算设备200接收在配置平台110对页面面板配置的格式信息。这里,页面面板上展示的内容例如包括图片,格式信息可以包括图片的布局方式、尺寸信息、位置信息等。
计算设备200在获取到具体格式信息之后,会基于页面面板和所获取的格式信息来合并生成最终页面面板。进而,将最终页面面板返回至配置平台110,在配置平台110渲染最终页面面板并进行展示。
随后,在步骤S340中,计算设备200基于组件包中的可执行文件生成相应的基础组件模块,并将生成的基础组件模块发送至配置平台110,以便在配置平台110展示基础组件模块。这里,在配置平台110获取到基础组件模块并展示基础组件模块后,业务人员便可以根据页面的使用场景和实际需求,在配置平台110对基础组件模块进行相应的样式设置和/或信息设置。
随后,在步骤S350中,计算设备200接收配置平台对基础组件模块的样式设置和/或信息设置的具体信息。这里,样式设置例如包括对基础组件模块的位置设置、尺寸设置等,信息设置例如包括对组件模块的配置项输入的相关信息,例如用于介绍具体产品的产品型号信息、价格信息。
最后,在步骤S360中,计算设备200基于样式设置和/或信息设置以及先前生成的基础组件模块来生成最终组件模块,并且,基于页面面板和最终组件模块生成相应的页面文件。这里,根据一个实施例,在生成最终组件模块之后,计算设备200还可以将最终组件模块返回至配置平台110,以便在配置平台110展示最终组件模块和页面面板,所展示的即是最终创建生成的页面。
根据一个实施例,在步骤S360中,基于页面面板和最终组件模块生成相应的页面文件,即是基于最终页面面板和最终组件模块生成相应的页面文件。并且,将最终组件模块返回至配置平台后,在配置平台110所展示的最终生成的页面包括最终页面面板和最终组件模块。
还需要说明的是,在具体实施过程中,如果文件服务器150中不存在与所要创建的页面相对应的组件包时,或者说,现有的组件包不能够满足所要创建的页面的需求时,可以先生成与页面相对应的组件包。
根据一个实施例,计算设备200在接收配置平台110的创建页面请求之前,可以生成与页面相对应的组件包,并将组件包发送至文件服务器150进行存储。
具体而言,计算设备200中驻留有编译模块,基于编译模块可以提供对源代码文件的编译服务。业务人员在请求计算设备200创建页面之前,如果文件服务器150中不存在与所要创建的页面相对应的组件包,可以由开发人员开发相应的源代码文件,并在配置平台110请求计算设备200对相应的源代码文件进行编译,以便计算设备200生成与所要创建的页面相对应的组件包。计算设备200在生成与页面相对应的组件包之前,先获取与页面相对应的源代码文件,并在接收到配置平台110对源代码文件的编译请求时,基于编译请求对源代码文件进行编译,以生成与页面相对应的组件包。
可见,根据本发明的页面生成方法300,可以选择符合业务需求的现有的组件包来创建页面,也可以根据实际业务需求开发新的组件包来创建页面。这样,可以根据实际应用场景和业务需求更加灵活地创建页面,以满足不同的业务需求,而且,可以不断地丰富组件包的种类。
根据一个实施例,文件服务器150中包括多种编译模板文件,计算设备200(编译模块)在对源代码文件进行编译时,可以基于配置平台110的编译请求从文件服务器150中获取与组件的源代码文件的开发模式相对应的编译模板文件。进而,基于相应的编译模板文件对源代码文件进行编译生成组件包。这样,能够满足多种业务开发模式的组件编译需求。
需要说明的是,根据本发明计算设备200中的编译模块,能实现对React组件的源代码进行编译,也能实现对Vue组件的源代码进行编译。
根据一个实施例,计算设备200中驻留有对组件包的管理模块,基于组件包管理模块可以提供对组件包的更新服务。在需要对文件服务器150中存储的组件包进行版本更新时,业务人员可以在配置平台110请求计算设备200从文件服务器150获取相应的组件包,并对相应的组件包进行版本更新,进而,将更新后的组件包上传至文件服务器150。这样,计算设备200在后续创建页面时,可以从文件服务器150获取到更新版本后的相应组件包,以便基于最新版本的组件包创建用户体验更好的页面。
根据一个实施例,在方法300中,计算设备200可以接收配置平台110对组件包的版本更新请求,这里,版本更新请求包括请求更新的组件包的标识、请求更新的版本以及与更新的版本相对应的更新文件。进而,计算设备200基于组件包标识从文件服务器150获取相应的组件包,并基于更新文件对获取的组件包进行更新,从而生成新版本组件包,并将新版本组件包发送至文件服务器150进行存储,以替换先前版本的组件包。
根据一个实施例,计算设备200与配置平台110通过消息队列连接。计算设备200在基于配置平台110的编译请求对源代码文件进行编译之后,还可以将对源代码文件的编译结果封装为编译消息体添加到消息队列中。进而,定时从消息队列中获取相应的编译消息体,并将编译消息体对应的编译结果发送至配置平台110,以便业务人员在配置平台110随时查看对源代码文件的编译结果。
计算设备200在基于更新文件对获取的组件包进行更新之后,还将对组件包的更新结果封装包更新消息体添加到消息队列中。进而,定时从消息队列中获取包更新消息体,并将包更新消息体对应的更新结果发送至配置平台110,以便业务人员在配置平台110随时查看对组件包的更新结果。
这种基于消息队列对编译结果、包更新结果进行异步推送的方式,可避免业务人员在配置平台110对编译结果的长时间等待,从而提高用户体验。
根据本发明的技术方案,业务人员可以根据所要创建的页面的应用场景、业务需求在配置平台110进行相关配置并请求计算设备200创建页面。计算设备200通过获取符合业务需求的、与页面相适配的组件包,并基于组件包来生成相应的页面面板和组件模块,返回至配置平台110进行渲染展示,进而,业务人员还可以在配置平台110对页面面板和组件模块配置参数、设置样式,以便生成最终完整的页面。根据本发明的页面生成方法,可以方便地在配置平台配置页面的相关信息,并基于组件来创建页面,不仅可以方便、高效地创建各种各样的页面,能满足多种业务需求,适用于多种应用场景,而且,组件包可以复用于多种业务下的页面开发。
A8、如A1-A7任一项所述的方法,其中,还包括步骤:接收配置平台对组件包的版本更新请求,所述版本更新请求包括组件包标识、请求更新的版本以及与所述版本相对应的更新文件;基于所述组件包标识从文件服务器获取相应的组件包,基于所述更新文件对获取的组件包进行更新,以生成新版本组件包;将所述新版本组件包发送至文件服务器。
A9、如A6或A7所述的方法,其中,所述计算设备与配置平台通过消息队列连接,在基于所述编译请求对所述源代码文件进行编译之后,包括步骤:将对源代码文件的编译结果封装为编译消息体添加到消息队列中;定时从所述消息队列中获取编译消息体,并将编译消息体对应的编译结果发送至配置平台。
A10、如A8所述的方法,其中,所述计算设备与配置平台通过消息队列连接,基于所述更新文件对获取的组件包进行更新之后,包括步骤:将对组件包的更新结果封装包更新消息体添加到消息队列中;定时从所述消息队列中获取包更新消息体,并将包更新消息体对应的更新结果发送至配置平台。
A11、如A1-A10任一项所述的方法,其中,所述页面为H5页面。
A12、如A1-A11任一项所述的方法,其中,所述文件服务器为NPM服务器或GIT服务器。
B14、如B13所述的页面生成系统,其中,还包括:
消息队列服务器,包括消息队列,所述消息队列服务器分别与页面生成服务器、配置设备连接。
这里描述的各种技术可结合硬件或软件,或者它们的组合一起实现。从而,本发明的方法和设备,或者本发明的方法和设备的某些方面或部分可采取嵌入有形媒介,例如可移动硬盘、U盘、软盘、CD-ROM或者其它任意机器可读的存储介质中的程序代码(即指令)的形式,其中当程序被载入诸如计算机之类的机器,并被所述机器执行时,所述机器变成实践本发明的设备。
在程序代码在可编程计算机上执行的情况下,计算设备一般包括处理器、处理器可读的存储介质(包括易失性和非易失性存储器和/或存储元件),至少一个输入装置,和至少一个输出装置。其中,存储器被配置用于存储程序代码;处理器被配置用于根据该存储器中存储的所述程序代码中的指令,执行本发明的多语言垃圾文本的识别方法。
以示例而非限制的方式,可读介质包括可读存储介质和通信介质。可读存储介质存储诸如计算机可读指令、数据结构、程序模块或其它数据等信息。通信介质一般以诸如载波或其它传输机制等已调制数据信号来体现计算机可读指令、数据结构、程序模块或其它数据,并且包括任何信息传递介质。以上的任一种的组合也包括在可读介质的范围之内。
在此处所提供的说明书中,算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与本发明的示例一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下被实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员应当理解在本文所公开的示例中的设备的模块或单元或组件可以布置在如该实施例中所描述的设备中,或者可替换地可以定位在与该示例中的设备不同的一个或多个设备中。前述示例中的模块可以组合为一个模块或者此外可以分成多个子模块。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
此外,所述实施例中的一些在此被描述成可以由计算机系统的处理器或者由执行所述功能的其它装置实施的方法或方法元素的组合。因此,具有用于实施所述方法或方法元素的必要指令的处理器形成用于实施该方法或方法元素的装置。此外,装置实施例的在此所述的元素是如下装置的例子:该装置用于实施由为了实施该发明的目的的元素所执行的功能。
如在此所使用的那样,除非另行规定,使用序数词“第一”、“第二”、“第三”等等来描述普通对象仅仅表示涉及类似对象的不同实例,并且并不意图暗示这样被描述的对象必须具有时间上、空间上、排序方面或者以任意其它方式的给定顺序。
尽管根据有限数量的实施例描述了本发明,但是受益于上面的描述,本技术领域内的技术人员明白,在由此描述的本发明的范围内,可以设想其它实施例。此外,应当注意,本说明书中使用的语言主要是为了可读性和教导的目的而选择的,而不是为了解释或者限定本发明的主题而选择的。因此,在不偏离所附权利要求书的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。对于本发明的范围,对本发明所做的公开是说明性的,而非限制性的,本发明的范围由所附权利要求书限定。
Claims (10)
1.一种页面生成方法,在计算设备中执行,所述计算设备与配置平台耦接,并与文件服务器连接,所述文件服务器包括多个组件包,每个组件包包括相应的组件包标识,所述方法包括:
接收配置平台的创建页面请求,所述创建页面请求包括与页面相对应的组件包标识;
基于所述组件包标识从文件服务器获取相应的组件包,所述组件包包括可执行文件和配置文件;
基于所述组件包中的配置文件生成相应的页面面板,并将页面面板发送至配置平台进行展示;
基于所述组件包中的可执行文件生成相应的基础组件模块,并将生成的基础组件模块发送至配置平台进行展示;
接收配置平台对所述基础组件模块的样式设置和/或信息设置;以及
基于所述样式设置和/或信息设置以及所述基础组件模块生成最终组件模块,并基于所述页面面板和最终组件模块生成相应的页面文件。
2.如权利要求1所述的方法,其中,在生成最终组件模块之后,还包括步骤:
将所述最终组件模块返回至配置平台,以便在配置平台展示所述最终组件模块。
3.如权利要求1或2所述的方法,其中,将页面面板发送至配置平台进行展示之后,还包括步骤:
接收配置平台对所述页面面板配置的格式信息;
基于所述页面面板和格式信息生成最终页面面板;
将所述最终页面面板返回至配置平台进行展示。
4.如权利要求3所述的方法,其中,基于所述页面面板和最终组件模块生成相应的页面文件包括:
基于所述最终页面面板和最终组件模块生成相应的页面文件。
5.如权利要求1-4任一项所述的方法,其中,在接收配置平台的创建页面请求之前,包括步骤:
生成与页面相对应的组件包,将所述组件包发送至文件服务器。
6.如权利要求5所述的方法,其中,生成与页面相对应的组件包的步骤包括:
获取与页面相对应的源代码文件;
接收配置平台对所述源代码文件的编译请求,基于所述编译请求对所述源代码文件进行编译,以生成与页面相对应的组件包。
7.如权利要求6所述的方法,其中,所述文件服务器中还包括多种编译模板文件,对所述源代码文件进行编译的步骤包括:
基于所述编译请求从文件服务器获取相应的编译模板文件;
基于所述编译模板文件对所述源代码文件进行编译。
8.一种页面生成系统,包括:
页面生成服务器,与文件服务器连接,所述文件服务器包括多个组件包,每个组件包包括相应的组件包标识,其中,所述页面服务器适于执行如权利要求1-7任一项所述的方法来生成页面;以及
配置平台,与所述页面生成服务器耦接,适于向页面生成服务器发送创建页面请求,接收页面生成服务器返回的页面面板、基础组件模块,并适于对所述基础组件模块进行样式设置和/或信息设置后发送至页面生成服务器,接收页面生成服务器返回的最终组件模块。
9.一种计算设备,包括:
至少一个处理器;以及
存储器,存储有程序指令,其中,所述程序指令被配置为适于由所述至少一个处理器执行,所述程序指令包括用于执行如权利要求1-7中任一项所述的方法的指令。
10.一种存储有程序指令的可读存储介质,当所述程序指令被计算设备读取并执行时,使得所述计算设备执行如权利要求1-7中任一项所述方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011404990.7A CN112416348B (zh) | 2020-12-02 | 2020-12-02 | 页面生成方法、系统及计算设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011404990.7A CN112416348B (zh) | 2020-12-02 | 2020-12-02 | 页面生成方法、系统及计算设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112416348A true CN112416348A (zh) | 2021-02-26 |
CN112416348B CN112416348B (zh) | 2024-04-12 |
Family
ID=74830059
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011404990.7A Active CN112416348B (zh) | 2020-12-02 | 2020-12-02 | 页面生成方法、系统及计算设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112416348B (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113312045A (zh) * | 2021-06-10 | 2021-08-27 | 车智互联(北京)科技有限公司 | 一种数据处理方法、系统及计算设备 |
CN114461205A (zh) * | 2022-04-13 | 2022-05-10 | 杭州比智科技有限公司 | 数据可视化平台及适用于数据可视化平台的组件管理方法 |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070234320A1 (en) * | 2006-03-31 | 2007-10-04 | Ebay Inc. | Distributed parallel build system |
CN103365855A (zh) * | 2012-03-28 | 2013-10-23 | 腾讯科技(深圳)有限公司 | 生成网页的方法及服务器 |
WO2016015432A1 (zh) * | 2014-07-28 | 2016-02-04 | 百度在线网络技术(北京)有限公司 | 页面的构建方法、装置、系统、设备及非易失性计算机存储介质 |
US20160357527A1 (en) * | 2015-06-07 | 2016-12-08 | Wix.Com Ltd | System and method for the generation of an adaptive user interface in a website building system |
CN109189370A (zh) * | 2018-08-01 | 2019-01-11 | 中国联合网络通信集团有限公司 | 软件组件的生成方法、装置、设备及计算机可读存储介质 |
CN109508191A (zh) * | 2018-11-22 | 2019-03-22 | 北京腾云天下科技有限公司 | 一种代码生成方法及系统 |
CN110096271A (zh) * | 2019-05-08 | 2019-08-06 | 中汇信息技术(上海)有限公司 | 组件可视化方法、基于组件可视化的页面处理方法及装置 |
CN110442336A (zh) * | 2019-08-05 | 2019-11-12 | 上海钧正网络科技有限公司 | 一种网页开发方法及装置、存储介质及电子设备 |
CN110990126A (zh) * | 2019-12-12 | 2020-04-10 | 北京明略软件系统有限公司 | 基于js的快捷前端业务页面实现方法及装置 |
-
2020
- 2020-12-02 CN CN202011404990.7A patent/CN112416348B/zh active Active
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20070234320A1 (en) * | 2006-03-31 | 2007-10-04 | Ebay Inc. | Distributed parallel build system |
CN103365855A (zh) * | 2012-03-28 | 2013-10-23 | 腾讯科技(深圳)有限公司 | 生成网页的方法及服务器 |
WO2016015432A1 (zh) * | 2014-07-28 | 2016-02-04 | 百度在线网络技术(北京)有限公司 | 页面的构建方法、装置、系统、设备及非易失性计算机存储介质 |
US20160357527A1 (en) * | 2015-06-07 | 2016-12-08 | Wix.Com Ltd | System and method for the generation of an adaptive user interface in a website building system |
CN109189370A (zh) * | 2018-08-01 | 2019-01-11 | 中国联合网络通信集团有限公司 | 软件组件的生成方法、装置、设备及计算机可读存储介质 |
CN109508191A (zh) * | 2018-11-22 | 2019-03-22 | 北京腾云天下科技有限公司 | 一种代码生成方法及系统 |
CN110096271A (zh) * | 2019-05-08 | 2019-08-06 | 中汇信息技术(上海)有限公司 | 组件可视化方法、基于组件可视化的页面处理方法及装置 |
CN110442336A (zh) * | 2019-08-05 | 2019-11-12 | 上海钧正网络科技有限公司 | 一种网页开发方法及装置、存储介质及电子设备 |
CN110990126A (zh) * | 2019-12-12 | 2020-04-10 | 北京明略软件系统有限公司 | 基于js的快捷前端业务页面实现方法及装置 |
Non-Patent Citations (4)
Title |
---|
DAODAN988: "【Vue】动态添加组件的两种实现_组件二次封装, 根据组件名动态想页面添加组件", pages 1 - 18, Retrieved from the Internet <URL:https://blog.csdn.net/daodan988/article/details/103791622> * |
于述春等: "基于消息队列的在线编译系统", 《怀化学院学报》, vol. 35, no. 05, pages 56 - 59 * |
曾安军: "基于Node.js和REST风格的移动端页面可视化构建平台", 《中国优秀硕士学位论文全文数据库信息科技辑》, 15 August 2018 (2018-08-15), pages 139 - 73 * |
黄思远: "基于XML的JS页面生成系统的设计与实现", 《中国优秀硕士学位论文全文数据库信息科技辑》, 15 April 2018 (2018-04-15), pages 138 - 557 * |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113312045A (zh) * | 2021-06-10 | 2021-08-27 | 车智互联(北京)科技有限公司 | 一种数据处理方法、系统及计算设备 |
CN113312045B (zh) * | 2021-06-10 | 2024-04-16 | 车智互联(北京)科技有限公司 | 一种数据处理方法、系统及计算设备 |
CN114461205A (zh) * | 2022-04-13 | 2022-05-10 | 杭州比智科技有限公司 | 数据可视化平台及适用于数据可视化平台的组件管理方法 |
Also Published As
Publication number | Publication date |
---|---|
CN112416348B (zh) | 2024-04-12 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107391114B (zh) | 页面可视化渲染方法及装置 | |
JP6755954B2 (ja) | インターフェースデータの提示方法及び装置 | |
EP2227760A1 (en) | Templating system and method for updating content in real time | |
CN112416348B (zh) | 页面生成方法、系统及计算设备 | |
CN113805882A (zh) | 应用程序开发的方法、装置、电子设备及存储介质 | |
US20130198325A1 (en) | Provision and running a download script | |
CN114691240A (zh) | 驱动硬件配置信息加载方法、装置和系统,以及计算设备 | |
CN111177664A (zh) | 水印信息添加方法、服务器及系统 | |
CN110532016B (zh) | 版本管理方法、版本更新方法和版本管理系统 | |
US20130176320A1 (en) | Machine processor | |
CN112000334A (zh) | 页面开发方法、装置、服务器及存储介质 | |
CN113535275A (zh) | 一种混合应用构建方法、装置及计算设备 | |
CN111796727A (zh) | 一种界面数据处理方法及装置 | |
US20130103931A1 (en) | Machine processor | |
Wurster et al. | Tosca lightning: An integrated toolchain for transforming tosca light into production-ready deployment technologies | |
US10949176B2 (en) | Automatic view generation based on annotations | |
US9448823B2 (en) | Provision of a download script | |
US20220284371A1 (en) | Method, device and medium for a business function page | |
WO2022099913A1 (zh) | 界面配置方法、装置、设备及介质 | |
CN116795913A (zh) | 数据导出方法、数据导入方法、数据导出导入系统 | |
CN111801696A (zh) | 支付页面管理方法、设备、支付系统以及存储介质 | |
CN112667202B (zh) | Mda与bpmn相结合的软件设计方法和装置 | |
CN112104544B (zh) | 一种基于FreeMarker发送动态邮件的方法及装置 | |
CN114168937A (zh) | 一种资源访问方法、计算设备及可读存储介质 | |
CN113885996A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |