CN109697064A - 一种自定义页面的生成方法及装置 - Google Patents
一种自定义页面的生成方法及装置 Download PDFInfo
- Publication number
- CN109697064A CN109697064A CN201811286738.3A CN201811286738A CN109697064A CN 109697064 A CN109697064 A CN 109697064A CN 201811286738 A CN201811286738 A CN 201811286738A CN 109697064 A CN109697064 A CN 109697064A
- Authority
- CN
- China
- Prior art keywords
- component
- page
- customized
- area
- code
- 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 43
- 238000010276 construction Methods 0.000 claims abstract description 20
- 238000005516 engineering process Methods 0.000 claims abstract description 6
- 238000004891 communication Methods 0.000 claims description 15
- 235000008429 bread Nutrition 0.000 claims 1
- 230000006870 function Effects 0.000 description 11
- 230000008901 benefit Effects 0.000 description 4
- 238000005520 cutting process Methods 0.000 description 4
- 238000010586 diagram Methods 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 230000004044 response Effects 0.000 description 4
- 230000005540 biological transmission Effects 0.000 description 3
- 238000012800 visualization Methods 0.000 description 3
- 230000015572 biosynthetic process Effects 0.000 description 2
- 230000006872 improvement Effects 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 238000010009 beating Methods 0.000 description 1
- 230000006399 behavior Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000005611 electricity Effects 0.000 description 1
- 238000001727 in vivo Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000012856 packing Methods 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 230000008439 repair process Effects 0.000 description 1
- 230000003252 repetitive effect Effects 0.000 description 1
- 230000003362 replicative effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 238000012795 verification Methods 0.000 description 1
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/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)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种自定义页面的生成方法及装置,涉及网页技术领域,为解决现有技术中自定义页面内容效率低的问题而发明。本发明的方法主要包括:获取目标页面,确定所述目标页面中的至少一个组件;根据所述目标页面中的至少一个组件构建配置页面,所述配置页面包括组件区和编辑区,所述组件区包括至少一个组件标签;获取用户在所述组件区内选择并添加至所述编辑区的自定义组件标签以及对应的编辑位置;根据所述自定义组件标签及其对应的编辑位置,生成自定义页面的HTML代码;根据所述HTML代码,生成所述自定义页面。本发明主要应用于用户自定义编辑页面内容的过程中。
Description
技术领域
本发明涉及一种网页技术领域,特别是涉及一种自定义页面的生成方法及装置。
背景技术
网页是构成网站的基本元素,是承载各种网站应用的平台,是一个包含HTML标签的纯文本文件。现有网页的页面内容通常是一系列组件的组合、不同网页对组件的需求不同。商城首页的网页为例,其中组件包括banner、标题、产品列表、搜索和推荐产品等。而其中的某些组件,用户并不关注,对用户来说是冗余的。同时网页中组件的设置位置可能与用户习惯不同,固定组件位置的网页设计不能满足用户的个性化需求。
在现有技术中,如果修改网页内容,则需要开发人员调取该网页的页面代码,按照新的组件位置,替换调整组件代码在页面代码中的位置,该操作繁琐,需要开发人员辅助操作才能实现。如果网页结构布局相同,仅仅是各个组件中的文字图片等具体内容不同,大量重复性操作修改效率极低。
发明内容
有鉴于此,本发明提供一种自定义页面的生成方法及装置,主要目的在于现有技术中自定义页面生成效率低的问题。
依据本发明一个方面,提供了一种自定义页面的生成方法,包括:
获取目标页面,确定所述目标页面中的至少一个组件;
根据所述目标页面中的至少一个组件构建配置页面,所述配置页面包括组件区和编辑区,所述组件区包括至少一个组件标签;
获取用户在所述组件区内选择并添加至所述编辑区的自定义组件标签以及对应的编辑位置;
根据所述自定义组件标签及其对应的编辑位置,生成自定义页面的HTML代码;
根据所述HTML代码,生成所述自定义页面。
依据本发明一个方面,提供了一种自定义页面的生成装置,包括:
第一获取单元,用于获取目标页面,确定所述目标页面中的至少一个组件;
构建单元,用于根据所述目标页面中的至少一个组件构建配置页面,所述配置页面包括组件区和编辑区,所述组件区包括至少一个组件标签;
第二获取单元,用于获取用户在所述组件区内选择并添加至所述编辑区的自定义组件标签以及对应的编辑位置;
第一生成单元,用于根据所述自定义组件标签及其对应的编辑位置,生成自定义页面的HTML代码;
第二生成单元,用于根据所述HTML代码,生成所述自定义页面。
根据本发明的又一方面,提供了一种存储介质,所述存储介质中存储有至少一可执行指令,所述可执行指令使处理器执行如上述自定义页面的生成方法对应的操作。
根据本发明的再一方面,提供了一种计算机设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行上述自定义页面的生成方法对应的操作。
借由上述技术方案,本发明实施例提供的技术方案至少具有下列优点:
本发明提供了一种自定义页面的生成方法及装置,首先获取目标页面,确定目标页面中的组件,然后根据目标页面中的组件构建配置页面,,配置页面包括组件区和编辑区,再获取用户在组件区内选择并添加至编辑区的自定义组件标签以及对应的编辑位置,再根据自定义组件标签以及对应的编辑位置,生成自定义页面的HTML代码,最后根据HTML代码生成自定义页面。与现有技术相比,本发明实施例通过依据用户在终端的操作获取的自定义组件标签,生成自定义页面,从而实现对自定义页面内容的编辑。自定义组件标签对应的组件具有已经成功编辑的组件代码,在生成自定义页面代码时不需要重新编辑组件代码,以导入或引用函数的方式实现即可,不需要程序开发者修改大量的代码,提高自定义页面的生成效率。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了本发明实施例一提供的一种自定义页面的生成方法流程图;
图2示出了本发明实施例二提供的另一种自定义页面的生成方法流程图;
图3示出了本发明实施例三提供的一种自定义页面的生成装置框图;
图4示出了本发明实施例四提供的另一种自定义页面的生成装置框图;
图5示出了本发明实施例六提供的一种计算机设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
在服务器上保存网页代码,并给出网页的链接,终端发出链接请求,服务器响应链接请求,将链接对应的网页代码发送至终端,并在终端显示该网页。自定义页面是指基于初始页面的页面内容,调整网页内容的显示位置,或者删除部分网页内容,形成的符合用户需求的网页。为了实现自定义页面,需要服务器和终端进行信息交互。服务器提供可编辑网页内容的可视化界面,在终端显示该可视化界面,用户在终端根据实际需求编辑页面内容,用户将编辑后的页面内容传输至服务器,服务器根据编辑后的页面内容,生成自定义页面。由于终端只涉及对用户操作的响应,没有实质的改进,同时服务器和终端之间的交互过程是现有技术,所以本发明从服务器的角度描述生成自定义页面的实现过程。
本发明实施例提供了一种自定义页面的生成方法,如图1所示,所述方法包括:
101、获取目标页面,确定目标页面中的至少一个组件。
目标页面,是用户需要自定义修改的网页,是用户输入的网页链接直接响应的页面。获取目标页面,即或者目标页面的所有相关信息,包括链接和网页代码。根据目标页面的功能,将目标页面切分成多个组件,且组件之间尽量不要有相互调用。
102、根据目标页面中的至少一个组件构建配置页面。
配置页面,是指在终端展示的,用户接受用户自定义操作的可视化界面。在服务器中,通过编写程序代码构建配置页面。配置页面主要包括组件区和编辑区,组件区用于存放组件标签,组件区包括至少一个组件标签,组件标签用于标识不同的组件。组件是目标网页通过组件化技术切分出来的,组件标签与组件是一一对应的。编辑区用于展示用户自定义的组件,在编辑区内设置组件的放置位置,用于放置组件标签。当用户在终端启动配置页面时,服务器响应于用户操作,将配置页面发送至终端,终端显示配置页面。
103、获取用户在组件区内选择并添加至编辑区的自定义组件标签以及对应的编辑位置。
自定义组件标签是用户在终端添加到编辑区的组件标签。自定义组件标签是依据用户在终端的操作获取的,自定义组件标签属于组件标签。用户在终端显示的配置页面,将组件区中的组件标签添加至编辑区。在添加过程中,还需要为每个组件标签选取对应的编辑位置。当编辑完成后,将编辑区内的组件标签,也就是自定义组件标签,以及组件标签对应的编辑位置,发送至服务器,然后服务器再获取编辑区的自定义组件标签及其对应的编辑位置。编辑位置,是指组件标签在编辑区内的相对位置。编辑位置可以用组件标签在编辑区的中心坐标点标识。
在获取自定义组件标签中,涉及终端与服务器之间的信息传输,在信息传输的过程中遵循现有的网络协议,并根据需要对传输信息进行切分、打包、校验以及数据完整性检测,以确保用户在编辑区边界的自定义组件标签的信息,能够完整正确的被服务器获取。
104、根据自定义组件标签及其对应的编辑位置,生成自定义页面的HTML代码。
自定义页面,是指根据用户在在编辑区中添加的组件标签及其对应的编辑位置生成的网页页面。根据自定义组件标签对应的编辑位置,生成自定义页面的框架代码,查找自定义组件标签对应的组件代码,将组件代码加入到框架代码的对应位置中,生成自定义页面的HTML代码。
在用户开始编辑自定义页面之前,通常会打开初始页面,初始页面中包括所有的自定义组件标签对应的组件。也就是,在自定义组件标签对应的组件代码是已经编写好的,可以直接调用。组件代码可采用JAVA、VB、C++等等,在本发明实施例中对编写组件代码采用的语言不做限定。框架代码可以采用表格、CSS位置或Table移位键构建,在本发明实施例中对构建框架代码的方法不做限定。在框架代码和组件代码的基础上,以HTML语言生成显示网页的HTML代码。
105、根据HTML代码,生成自定义页面。
HTML语言,是超文本标记语言,其结构包括“头”部分和“主体”部分,其中“头”部分提供关于网页的信息,“主体”部分提供网页的具体内容。网页信息是指自定义网页的链接,为了满足用户的特定需求,为用户记录该链接,用户在终端通过该链接访问自定义网页。具体内容包括自定义组件标签对应的组件,组件中可以包含文字、图片、链接、音乐、程序等元素。
通过用户在终端操作生成自定义页面之后,在终端上记录用户选取的自定义组件标签以及对应的编辑位置,如果打开的其他页面中也还有自定义组件标签,则将自定义组件标签对应的组件按照用户自定义的形式展示。
本发明提供了一种自定义页面的生成方法,首先获取目标页面,确定目标页面中的组件,然后根据目标页面中的组件构建配置页面,,配置页面包括组件区和编辑区,再获取用户在组件区内选择并添加至编辑区的自定义组件标签以及对应的编辑位置,再根据自定义组件标签以及对应的编辑位置,生成自定义页面的HTML代码,最后根据HTML代码生成自定义页面。与现有技术相比,本发明实施例通过依据用户在终端的操作获取的自定义组件标签,生成自定义页面,从而实现对自定义页面内容的编辑。自定义组件标签对应的组件具有已经成功编辑的组件代码,在生成自定义页面代码时不需要重新编辑组件代码,以导入或引用函数的方式实现即可,不需要程序开发者修改大量的代码,提高自定义页面的生成效率。
本发明实施例提供了另一种自定义页面的生成方法,如图4所示,方法包括:
201、获取目标页面,确定目标页面中的至少一个组件。
目标页面,是指用户输入的网页链接直接响应的页面。目标页面是生成自定义页面的基础。获取目标网页,即或者目标网页的所有相关信息,包括链接和网页代码。
202、根据React技术,将目标网页切分成至少一个组件。
React主要用于构建UI。你可以在React里传递多种类型的参数,如声明代码,渲染出UI、也可以是静态的HTML DOM元素、也可以传递动态变量、甚至是可交互的应用组件。React是一个UI层面的库,它采用虚拟DOM技术减少Javascript与真正DOM的交互,提升了前端性能;采用单向数据流机制,父组件通过props将数据传递给子组件,这样让数据流向一目了然,据此将目标网页切分成多个组件。在切分页面时,一般将具有独立功能的一个模块定义为一个组件,且组件之间尽量不要有相互调用。
203、建立标识至少一个组件的组件标签。
为每个组件建立标识组件的组件标签,组件标签与组件是一一对应的,组件标签是组件的唯一标识。通过组件标签能够查找到对应的组件。组件标签可以是随机数、组件名称或组件函数名称。
204、根据目标页面中的至少一个组件构建配置页面。
为了能够在终端展示便于用户编辑自定义页面,构建配置页面具体包括:构建配置页面的组件区,将至少一个组件标签添加至组件区;构建配置页面的编辑区,为编辑区设置组件框架,组件框架用于放置组件标签。组件框架,是空的架构,使得放置的组件标签更为整齐,以便于获取组件标签的编辑位置。在配置页面中组件区与编辑区的所占的比例,可以设置为固定比例,也可以设置为可调比例。在配置页面的左侧设置组件区,在配置页面的右侧设置编辑区。组件标签与组件是一一对应的,在组件区内包括目标网页切分的所有组件对于的组件标签,所有组件区包括至少一个组件标签。将所有的组件标签都添加到组件区。
编辑区内置组件框架,用于放置组件标签。组件框架,可以用表格、CSS架构、或者Table移位键构建。根据组件框架,能够准确的定位组件标签的放置位置。在配置页面中,除了组件区和编辑区,还可以构建功能设置选项,功能设置选项包括保存、重置、撤销等。构建功能设置选项,为用户编辑提供方便。
205、获取用户在组件区内选择并添加至编辑区的自定义组件标签以及对应的编辑位置。
自定义组件标签是用户放置在编辑区中的组件标签。自定义组件标签是依据用户在终端的操作获取的,自定义组件标签属于组件标签。编辑位置,也就是自定义组件标签在编辑区的组件框架中的位置。编辑位置,可以用坐标表示,也可以用表格行列数、TAB移位数表示。
如果设置至少一个组件标签的标签属性,标签属性用于标识组件标签能否放置在编辑区,那么本步骤还包括:获取用户在组件区内选择并添加至编辑区的目标组件标签以及对应的编辑位置;将目标组件中标签属性为能放置在编辑区的目标组件标签确定为自定义组件标签,并获取自定义组件标签对应的编辑位置。
标签属性,可以用组件标签底色、或组件标签是否显示,标签组件标签能够放置在编辑区。例如,如果组件标签的底色为透明色,则组件标签能够放置在编辑区;如果组件标签为灰色,则组件标签不能放置在编辑区。例如,如果组件标签已经放置在编辑区,则在组件区不再显示该组件标签,该组件标签的标签属性为隐藏;如果组件标签没有放置在编辑区,则该组件标签的属性的显示。在用户编辑自定义页面时,标签属性是不断变化的。
206、根据自定义组件标签及其对应的编辑位置,生成自定义页面的HTML代码。
生成自定义页面的HTML代码,具体包括:根据编辑位置,生成HTML代码的页面框架代码;获取自定义组件标签对应的组件代码;将组件代码嵌入到页面框架代码的相应位置,生成HTML代码。将自定义页面的组件数量、编辑位置与各个编辑位置对应的自定义组件标签,编写成页面框架代码。页面框架代码,只包括自定义页面的框架,不包括具体的组件。将自定义组件标签对应的组件代码,嵌入到页面框架代码的相应位置,形成自定义页面的HTML代码。其嵌入过程,可采用函数调用、复制代码、或参数传递等方式,在本发明实施例中对嵌入组件代码的方法不做限定。
207、根据HTML代码,生成自定义页面。
在HTML代码的基础上,编写自定义页面的设置选项的选项代码,设置选项包括打开配置页面、还原目标网页和自定义页面的默认下载路径;执行HTML代码和选项代码,生成自定义页面。自定义页面,是依据用户偏好在初始页面的基础上生成的,然后同一用户在不同时期的偏好可能不同,或者在同一终端可能有多个用户使用,所以在自定义页面还需要添加设置选项,设置选项包括打开配置页面、还原目标网页和自定义页面的默认下载路径等操作。通过设置选项用户可以打开配置页面重新编辑自定义页面,还原目标网页。
执行HTML代码和选项代码,生成自定义页面,包括:生成HTML代码和选项代码的URL链接;响应URL链接,生成自定义页面。在HTML代码的生成过程中,生成URL链接,通过响应URL链接,生成自定义页面。用户可以通过该URL,直接访问自定义页面。
在生成自定义页面之后,还包括:保存自定义页面至预设的页面数据库中;当接收到针对目标页面的访问请求时,在页面数据库中获取目标页面对应的自定义页面并显示。当然,在服务器运行过程中,不会无限期的保存自定义页面。可以在服务器中设置,如果访问该自定义页面的时间间隔超过预置时间间隔,则在页面数据库中删除该自定义页面。
本发明提供了一种自定义页面的生成方法,首先获取目标页面,确定目标页面中的组件,然后根据目标页面中的组件构建配置页面,,配置页面包括组件区和编辑区,再获取用户在组件区内选择并添加至编辑区的自定义组件标签以及对应的编辑位置,再根据自定义组件标签以及对应的编辑位置,生成自定义页面的HTML代码,最后根据HTML代码生成自定义页面。与现有技术相比,本发明实施例通过依据用户在终端的操作获取的自定义组件标签,生成自定义页面,从而实现对自定义页面内容的编辑。自定义组件标签对应的组件具有已经成功编辑的组件代码,在生成自定义页面代码时不需要重新编辑组件代码,以导入或引用函数的方式实现即可,不需要程序开发者修改大量的代码,提高自定义页面的生成效率。
进一步的,作为对上述图1所示方法的实现,本发明实施例提供了一种自定义页面的生成装置,如图3所示,该装置包括:
第一获取单元31,用于获取目标页面,确定目标页面中的至少一个组件;
构建单元32,用于根据目标页面中的至少一个组件构建配置页面,配置页面包括组件区和编辑区,组件区包括至少一个组件标签;
第二获取单元33,用于获取用户在组件区内选择并添加至编辑区的自定义组件标签以及对应的编辑位置;
第一生成单元34,用于根据自定义组件标签及其对应的编辑位置,生成自定义页面的HTML代码;
第二生成单元35,用于根据HTML代码,生成自定义页面。
本发明提供了一种自定义页面的生成装置,首先获取目标页面,确定目标页面中的组件,然后根据目标页面中的组件构建配置页面,,配置页面包括组件区和编辑区,再获取用户在组件区内选择并添加至编辑区的自定义组件标签以及对应的编辑位置,再根据自定义组件标签以及对应的编辑位置,生成自定义页面的HTML代码,最后根据HTML代码生成自定义页面。与现有技术相比,本发明实施例通过依据用户在终端的操作获取的自定义组件标签,生成自定义页面,从而实现对自定义页面内容的编辑。自定义组件标签对应的组件具有已经成功编辑的组件代码,在生成自定义页面代码时不需要重新编辑组件代码,以导入或引用函数的方式实现即可,不需要程序开发者修改大量的代码,提高自定义页面的生成效率。
进一步的,作为对上述图2所示方法的实现,本发明实施例提供了另一种自定义页面的生成装置,如图4所示,该装置包括:
第一获取单元41,用于获取目标页面,确定目标页面中的至少一个组件;
构建单元42,用于根据目标页面中的至少一个组件构建配置页面,配置页面包括组件区和编辑区,组件区包括至少一个组件标签;
第二获取单元43,用于获取用户在组件区内选择并添加至编辑区的自定义组件标签以及对应的编辑位置;
第一生成单元44,用于根据自定义组件标签及其对应的编辑位置,生成自定义页面的HTML代码;
第二生成单元45,用于根据HTML代码,生成自定义页面。进一步地,第一获取单元41,包括:
切分模块411,用于根据React技术,将目标网页切分成至少一个组件;
建立模块412,用于建立标识至少一个组件的组件标签。
进一步地,构建单元42,用于:
构建配置页面的组件区,将至少一个组件标签添加至组件区;
构建配置页面的编辑区,为编辑区设置组件框架,组件框架用于放置组件标签。
进一步地,该方法还包括:
设置单元46,用于设置至少一个组件标签的标签属性,标签属性用于标识组件标签能否放置在编辑区;
第二获取单元43用于:
获取用户在组件区内选择并添加至编辑区的目标组件标签以及对应的编辑位置;
将目标组件中标签属性为能放置在编辑区的目标组件标签确定为自定义组件标签,并获取自定义组件标签对应的编辑位置。
进一步地,该方法还包括:
保存单元47,用于保存自定义页面至预设的页面数据库中;
第三获取单元48,用于当接收到针对目标页面的访问请求时,在页面数据库中获取目标页面对应的自定义页面并显示。
进一步地,第一生成单元44,包括:
生成模块441,用于根据编辑位置,生成HTML代码的页面框架代码;
获取模块442,用于获取自定义组件标签对应的组件代码;
生成模块441,用于将组件代码嵌入到页面框架代码的相应位置,生成HTML代码。
进一步地,第二生成单元45,包括:
编写模块451,用于在HTML代码的基础上,编写自定义页面的设置选项的选项代码,设置选项包括打开配置页面、还原目标网页和自定义页面的默认下载路径;
生成模块452,用于执行HTML代码和选项代码,生成自定义页面。
本发明提供了一种自定义页面的生成装置,首先获取目标页面,确定目标页面中的组件,然后根据目标页面中的组件构建配置页面,,配置页面包括组件区和编辑区,再获取用户在组件区内选择并添加至编辑区的自定义组件标签以及对应的编辑位置,再根据自定义组件标签以及对应的编辑位置,生成自定义页面的HTML代码,最后根据HTML代码生成自定义页面。与现有技术相比,本发明实施例通过依据用户在终端的操作获取的自定义组件标签,生成自定义页面,从而实现对自定义页面内容的编辑。自定义组件标签对应的组件具有已经成功编辑的组件代码,在生成自定义页面代码时不需要重新编辑组件代码,以导入或引用函数的方式实现即可,不需要程序开发者修改大量的代码,提高自定义页面的生成效率。
根据本发明一个实施例提供了一种存储介质,所述存储介质存储有至少一可执行指令,该计算机可执行指令可执行上述任意方法实施例中的自定义页面的生成方法。
图5示出了根据本发明一个实施例提供的一种计算机设备的结构示意图,本发明具体实施例并不对计算机设备的具体实现做限定。
如图5所示,该计算机设备可以包括:处理器(processor)502、通信接口(Communications Interface)504、存储器(memory)506、以及通信总线508。
其中:处理器502、通信接口504、以及存储器506通过通信总线508完成相互间的通信。
通信接口504,用于与其它设备比如客户端或其它服务器等的网元通信。
处理器502,用于执行程序510,具体可以执行上述自定义页面的生成方法实施例中的相关步骤。
具体地,程序510可以包括程序代码,该程序代码包括计算机操作指令。
处理器502可能是中央处理器CPU,或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit),或者是被配置成实施本发明实施例的一个或多个集成电路。计算机设备包括的一个或多个处理器,可以是同一类型的处理器,如一个或多个CPU;也可以是不同类型的处理器,如一个或多个CPU以及一个或多个ASIC。
存储器506,用于存放程序510。存储器506可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。
程序510具体可以用于使得处理器502执行以下操作:
获取目标页面,确定所述目标页面中的至少一个组件;
根据所述目标页面中的至少一个组件构建配置页面,所述配置页面包括组件区和编辑区,所述组件区包括至少一个组件标签;
获取用户在所述组件区内选择并添加至所述编辑区的自定义组件标签及其对应的编辑位置;
根据所述自定义组件标签及其对应的编辑位置,生成自定义页面的HTML代码;
根据所述HTML代码,生成所述自定义页面。
显然,本领域的技术人员应该明白,上述的本发明的各模块或各步骤可以用通用的计算装置来实现,它们可以集中在单个的计算装置上,或者分布在多个计算装置所组成的网络上,可选地,它们可以用计算装置可执行的程序代码来实现,从而,可以将它们存储在存储装置中由计算装置来执行,并且在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤,或者将它们分别制作成各个集成电路模块,或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样,本发明不限制于任何特定的硬件和软件结合。
以上所述仅为本发明的优选实施例而已,并不用于限制本发明,对于本领域的技术人员来说,本发明可以有各种更改和变化。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包括在本发明的保护范围之内。
Claims (10)
1.一种自定义页面的生成方法,其特征在于,包括:
获取目标页面,确定所述目标页面中的至少一个组件;
根据所述目标页面中的至少一个组件构建配置页面,所述配置页面包括组件区和编辑区,所述组件区包括至少一个组件标签;
获取用户在所述组件区内选择并添加至所述编辑区的自定义组件标签及其对应的编辑位置;
根据所述自定义组件标签及其对应的编辑位置,生成自定义页面的HTML代码;
根据所述HTML代码,生成所述自定义页面。
2.如权利要求1所述的方法,其特征在于,所述获取目标页面,确定所述目标页面中的至少一个组件包括:
根据React技术,将所述目标网页切分成至少一个组件;
建立标识所述至少一个组件的组件标签。
3.如权利要求1或2所述的方法,其特征在于,所述根据所述目标页面中的至少一个组件构建配置页面,包括:
构建所述配置页面的组件区,将所述至少一个组件标签添加至所述组件区;
构建所述配置页面的编辑区,为所述编辑区设置组件框架,所述组件框架用于放置所述组件标签。
4.如权利要求1所述的方法,其特征在于,所述方法还包括:
设置所述至少一个组件标签的标签属性,所述标签属性用于标识所述组件标签能否放置在所述编辑区;
所述获取用户在所述组件区内选择并添加至所述编辑区的自定义组件标签以及对应的编辑位置包括:
获取用户在所述组件区内选择并添加至所述编辑区的目标组件标签以及对应的编辑位置;
将所述目标组件中标签属性为能放置在所述编辑区的目标组件标签确定为所述自定义组件标签,并获取所述自定义组件标签对应的编辑位置。
5.如权利要求1所述的方法,其特征在于,所述方法还包括:
保存所述自定义页面至预设的页面数据库中;
当接收到针对所述目标页面的访问请求时,在所述页面数据库中获取所述目标页面对应的自定义页面并显示。
6.如权利要求1所述的方法,其特征在于,所述根据自定义组件标签及其对应的编辑位置,生成自定义页面的HTML代码,包括:
根据所述编辑位置,生成所述HTML代码的页面框架代码;
获取所述自定义组件标签对应的组件代码;
将所述组件代码嵌入到所述页面框架代码的相应位置,生成所述HTML代码。
7.如权利要求2所述的方法,其特征在于,所述根据所述HTML代码,生成所述自定义页面,包括:
在所述HTML代码的基础上,编写所述自定义页面的设置选项的选项代码,所述设置选项包括打开所述配置页面、还原所述目标网页和所述自定义页面的默认下载路径;
执行所述HTML代码和所述选项代码,生成所述自定义页面。
8.一种自定义页面的生成装置,其特征在于,包括:
第一获取单元,用于获取目标页面,确定所述目标页面中的至少一个组件;
构建单元,用于根据所述目标页面中的至少一个组件构建配置页面,所述配置页面包括组件区和编辑区,所述组件区包括至少一个组件标签;
第二获取单元,用于获取用户在所述组件区内选择并添加至所述编辑区的自定义组件标签以及对应的编辑位置;
第一生成单元,用于根据所述自定义组件标签及其对应的编辑位置,生成自定义页面的HTML代码;
第二生成单元,用于根据所述HTML代码,生成所述自定义页面。
9.一种存储介质,所述存储介质中存储有至少一可执行指令,所述可执行指令使处理器执行如权利要求1-7中任一项所述的自定义页面的生成方法对应的操作。
10.一种计算机设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行如权利要求1-7中任一项所述的自定义页面的生成方法对应的操作。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811286738.3A CN109697064A (zh) | 2018-10-31 | 2018-10-31 | 一种自定义页面的生成方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811286738.3A CN109697064A (zh) | 2018-10-31 | 2018-10-31 | 一种自定义页面的生成方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109697064A true CN109697064A (zh) | 2019-04-30 |
Family
ID=66229807
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811286738.3A Pending CN109697064A (zh) | 2018-10-31 | 2018-10-31 | 一种自定义页面的生成方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109697064A (zh) |
Cited By (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110134479A (zh) * | 2019-05-10 | 2019-08-16 | 杭州网易云音乐科技有限公司 | 内容页面交互方法、生成方法、介质、装置和计算设备 |
CN110175026A (zh) * | 2019-05-31 | 2019-08-27 | 长沙米拓信息技术有限公司 | 一种网页可视化编辑方法、装置及存储介质 |
CN110457633A (zh) * | 2019-08-09 | 2019-11-15 | 四川长虹电器股份有限公司 | 一种生成目标页面的方法 |
CN110531973A (zh) * | 2019-07-31 | 2019-12-03 | 中至数据集团股份有限公司 | 网页的生成方法、系统、可读存储介质及智能设备 |
CN111241454A (zh) * | 2020-01-21 | 2020-06-05 | 优信拍(北京)信息科技有限公司 | 一种生成网页代码的方法、系统和装置 |
CN111399823A (zh) * | 2020-02-28 | 2020-07-10 | 山东浪潮商用系统有限公司 | 页面组件布局方法、系统和前台终端 |
CN111580808A (zh) * | 2020-04-27 | 2020-08-25 | 平安医疗健康管理股份有限公司 | 页面生成方法、装置、计算机设备及存储介质 |
CN112035117A (zh) * | 2020-08-27 | 2020-12-04 | 北京三快在线科技有限公司 | 页面展示系统、方法及装置 |
CN112307402A (zh) * | 2020-11-11 | 2021-02-02 | 北京指掌易科技有限公司 | 网页组件创建方法、装置、电子设备及可读存储介质 |
CN113222535A (zh) * | 2021-04-30 | 2021-08-06 | 中核武汉核电运行技术股份有限公司 | 组织机构选择方法、装置、设备及存储介质 |
CN113535153A (zh) * | 2021-07-13 | 2021-10-22 | 中国工商银行股份有限公司 | 一种自定义标签的编码方法、装置、设备和介质 |
CN117632334A (zh) * | 2023-10-27 | 2024-03-01 | 青木数字技术股份有限公司 | 一种在流程画布上共享属性的方法、系统和计算机设备 |
CN118409745A (zh) * | 2024-07-04 | 2024-07-30 | 烟台海颐软件股份有限公司 | 一种基于vue技术的双向可视化转换系统及方法 |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104049978A (zh) * | 2014-06-27 | 2014-09-17 | 北京思特奇信息技术股份有限公司 | 一种实现代码可视化编辑组合的方法及系统 |
-
2018
- 2018-10-31 CN CN201811286738.3A patent/CN109697064A/zh active Pending
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104049978A (zh) * | 2014-06-27 | 2014-09-17 | 北京思特奇信息技术股份有限公司 | 一种实现代码可视化编辑组合的方法及系统 |
Cited By (18)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110134479A (zh) * | 2019-05-10 | 2019-08-16 | 杭州网易云音乐科技有限公司 | 内容页面交互方法、生成方法、介质、装置和计算设备 |
CN110175026A (zh) * | 2019-05-31 | 2019-08-27 | 长沙米拓信息技术有限公司 | 一种网页可视化编辑方法、装置及存储介质 |
CN110175026B (zh) * | 2019-05-31 | 2023-10-13 | 长沙米拓信息技术有限公司 | 一种网页可视化编辑方法、装置及存储介质 |
CN110531973B (zh) * | 2019-07-31 | 2023-08-15 | 中至数据集团股份有限公司 | 网页的生成方法、系统、可读存储介质及智能设备 |
CN110531973A (zh) * | 2019-07-31 | 2019-12-03 | 中至数据集团股份有限公司 | 网页的生成方法、系统、可读存储介质及智能设备 |
CN110457633A (zh) * | 2019-08-09 | 2019-11-15 | 四川长虹电器股份有限公司 | 一种生成目标页面的方法 |
CN111241454A (zh) * | 2020-01-21 | 2020-06-05 | 优信拍(北京)信息科技有限公司 | 一种生成网页代码的方法、系统和装置 |
CN111241454B (zh) * | 2020-01-21 | 2024-05-07 | 合肥优荃信息科技有限公司 | 一种生成网页代码的方法、系统和装置 |
CN111399823A (zh) * | 2020-02-28 | 2020-07-10 | 山东浪潮商用系统有限公司 | 页面组件布局方法、系统和前台终端 |
CN111399823B (zh) * | 2020-02-28 | 2023-11-24 | 浪潮软件科技有限公司 | 页面组件布局方法、系统和前台终端 |
CN111580808A (zh) * | 2020-04-27 | 2020-08-25 | 平安医疗健康管理股份有限公司 | 页面生成方法、装置、计算机设备及存储介质 |
CN112035117A (zh) * | 2020-08-27 | 2020-12-04 | 北京三快在线科技有限公司 | 页面展示系统、方法及装置 |
CN112307402A (zh) * | 2020-11-11 | 2021-02-02 | 北京指掌易科技有限公司 | 网页组件创建方法、装置、电子设备及可读存储介质 |
CN112307402B (zh) * | 2020-11-11 | 2024-01-26 | 北京指掌易科技有限公司 | 网页组件创建方法、装置、电子设备及可读存储介质 |
CN113222535A (zh) * | 2021-04-30 | 2021-08-06 | 中核武汉核电运行技术股份有限公司 | 组织机构选择方法、装置、设备及存储介质 |
CN113535153A (zh) * | 2021-07-13 | 2021-10-22 | 中国工商银行股份有限公司 | 一种自定义标签的编码方法、装置、设备和介质 |
CN117632334A (zh) * | 2023-10-27 | 2024-03-01 | 青木数字技术股份有限公司 | 一种在流程画布上共享属性的方法、系统和计算机设备 |
CN118409745A (zh) * | 2024-07-04 | 2024-07-30 | 烟台海颐软件股份有限公司 | 一种基于vue技术的双向可视化转换系统及方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109697064A (zh) | 一种自定义页面的生成方法及装置 | |
CN106371825B (zh) | 一种移动端应用界面表单动态生成方法及装置 | |
Saks | JavaScript Frameworks: Angular vs React vs Vue. | |
CN101211364B (zh) | 用于万维网页中暴露的资源的公共书签的方法和系统 | |
JP5089684B2 (ja) | サービス・プログラムを生成する技術 | |
CN108363602A (zh) | 智能ui界面布局方法、装置、终端设备及存储介质 | |
CN113094037A (zh) | 表单和工作流的交互方法、开发平台、设备及存储介质 | |
US8839192B2 (en) | System and method for presentation of cross organizational applications | |
CN109614424A (zh) | 页面布局生成方法、装置、计算设备和介质 | |
CN103914438A (zh) | 基于模版与标记实现的Excel显示与导出方法及系统 | |
CN103646049B (zh) | 自动生成数据报表的方法及系统 | |
JP2005531083A (ja) | グラフィカルユーザインタフェースのプロトタイピング | |
US20070282616A1 (en) | Systems and methods for providing template based output management | |
CN102360296A (zh) | 一种基于web的在线表单开发工具 | |
CN111104635A (zh) | 一种表格网页的生成方法和装置 | |
CN109408764A (zh) | 页面区域划分方法、装置、计算设备和介质 | |
CN103593414A (zh) | 一种浏览器中网页的展现方法和装置 | |
CN104182225B (zh) | 一种通用移动信息系统适配方法与装置 | |
Whiting et al. | Creating an iPhone application for collecting continuous ABC data | |
CN114036425A (zh) | 页面访问方法、客户端、服务端及系统 | |
CN106372175A (zh) | 报表的处理方法、装置和服务器 | |
CN103729713A (zh) | 稽核结果的展示配置方法及装置 | |
CN103530338A (zh) | 在计算设备上进行页面渲染的框架及生成页面的方法 | |
CN108984632A (zh) | 一种网页设置方法及装置 | |
CN103176778A (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 |