Movatterモバイル変換


[0]ホーム

URL:


CN107818143B - Page configuration and generation method and device - Google Patents

Page configuration and generation method and device
Download PDF

Info

Publication number
CN107818143B
CN107818143BCN201710959775.5ACN201710959775ACN107818143BCN 107818143 BCN107818143 BCN 107818143BCN 201710959775 ACN201710959775 ACN 201710959775ACN 107818143 BCN107818143 BCN 107818143B
Authority
CN
China
Prior art keywords
page
template
configuration file
accessed
identifier
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.)
Active
Application number
CN201710959775.5A
Other languages
Chinese (zh)
Other versions
CN107818143A (en
Inventor
解楠
张昊
林芃
丰朋
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
China Unionpay Co Ltd
Original Assignee
China Unionpay Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by China Unionpay Co LtdfiledCriticalChina Unionpay Co Ltd
Priority to CN201710959775.5ApriorityCriticalpatent/CN107818143B/en
Publication of CN107818143ApublicationCriticalpatent/CN107818143A/en
Application grantedgrantedCritical
Publication of CN107818143BpublicationCriticalpatent/CN107818143B/en
Activelegal-statusCriticalCurrent
Anticipated expirationlegal-statusCritical

Links

Images

Classifications

Landscapes

Abstract

Translated fromChinese

本发明公开了一种页面配置、生成方法及装置。该方法包括:服务器根据接收到的模板选取指令中的待配置页面的模板的标识,确定待配置页面的模板,并提取待配置页面的模板中的内容要素,并在显示界面上显示待配置页面的模板中的内容要素;进而,服务器根据接收到的要素更改指令得到待配置页面的配置文件。本发明通过采用这种方式,使用一套页面模板即可完成多个不同活动页面的内容要素配置,从而有效避免重复的开发投入,简化页面开发流程,提高页面开发效率,进而能够缩短活动上线周期。

Figure 201710959775

The invention discloses a page configuration and generation method and device. The method includes: the server determines the template of the page to be configured according to the identifier of the template of the page to be configured in the received template selection instruction, extracts the content elements in the template of the page to be configured, and displays the page to be configured on the display interface The content elements in the template; furthermore, the server obtains the configuration file of the page to be configured according to the received element modification instruction. By adopting this method, the present invention can use a set of page templates to complete the configuration of content elements of multiple different activity pages, thereby effectively avoiding repeated development investment, simplifying the page development process, improving page development efficiency, and further shortening the activity online cycle. .

Figure 201710959775

Description

Translated fromChinese
一种页面配置、生成方法及装置A kind of page configuration, generation method and device

技术领域technical field

本发明涉及计算机应用技术领域,尤其涉及一种页面配置、生成方法及装置。The present invention relates to the technical field of computer applications, and in particular, to a page configuration and generation method and device.

背景技术Background technique

随着互联网技术的飞速发展,各种前端页面的开发也得到了空前的发展,越来越多的营销活动以页面的形式呈现在用户面前,比如,银联钱包经常会有例行的病毒营销活动,也会联合一些品牌和机构进行相似的营销活动。因此,页面开发的高效性显得越来越重要。With the rapid development of Internet technology, the development of various front-end pages has also achieved unprecedented development, and more and more marketing activities are presented to users in the form of pages. For example, UnionPay wallet often has routine viral marketing activities , and will also cooperate with some brands and agencies to carry out similar marketing activities. Therefore, the efficiency of page development is becoming more and more important.

现有技术中,在开发营销活动的页面时,通常需要研发人员撰写页面代码以构建页面,再由运营、涉及人员负责文案以及页面设计,这种页面开发方式可有效适用于页面框架不同的营销活动。然而,针对于主题不同,但采用的页面框架较为相似的营销活动,若采用上述页面开发方式,则针对每个页面均需要经过上述流程来实现,从而导致页面开发效率较低、上线周期较长且涉及到需求方、交互设计、开发、测试等众多人力投入。In the prior art, when developing pages for marketing activities, developers usually need to write page code to build the page, and then the operation and related personnel are responsible for the copywriting and page design. This page development method can be effectively applied to marketing with different page frameworks. Activity. However, for marketing campaigns with different themes but similar page frameworks, if the above-mentioned page development method is adopted, each page needs to go through the above-mentioned process, resulting in low page development efficiency and long online cycle. And it involves many human inputs such as demand side, interaction design, development, and testing.

综上,目前亟需一种页面配置方法,用于解决现有技术中页面开发效率较低、上线周期较长的问题。In conclusion, there is an urgent need for a page configuration method to solve the problems of low page development efficiency and long online cycle in the prior art.

发明内容SUMMARY OF THE INVENTION

本发明实施例提供一种页面配置、生成方法及装置,以解决现有技术中开发相似页面效率低的技术问题。Embodiments of the present invention provide a page configuration and generation method and apparatus to solve the technical problem of low efficiency in developing similar pages in the prior art.

本发明提供一种页面配置方法,所述方法包括:The present invention provides a page configuration method, the method includes:

服务器接收模板选取指令,所述模板选取指令中包括待配置页面的模板的标识;The server receives a template selection instruction, where the template selection instruction includes the identifier of the template of the page to be configured;

所述服务器根据所述待配置页面的模板的标识,确定待配置页面的模板;The server determines the template of the page to be configured according to the identifier of the template of the page to be configured;

所述服务器提取所述待配置页面的模板中的内容要素,并在显示界面上显示所述待配置页面的模板中的内容要素;The server extracts the content elements in the template of the page to be configured, and displays the content elements in the template of the page to be configured on the display interface;

所述服务器接收要素更改指令,并根据所述要素更改指令得到待配置页面的配置文件。The server receives the element modification instruction, and obtains the configuration file of the page to be configured according to the element modification instruction.

可选地,所述内容要素包括文本、图片、样式、颜色、控件的属性。Optionally, the content elements include text, pictures, styles, colors, and attributes of controls.

可选地,所述方法还包括:Optionally, the method further includes:

所述服务器接收配置文件删除指令,所述配置文件删除指令中包括待删除的配置文件的标识;The server receives a configuration file deletion instruction, where the configuration file deletion instruction includes an identifier of the configuration file to be deleted;

所述服务器根据所述待删除的配置文件的标识,删除所述待删除的配置文件。The server deletes the configuration file to be deleted according to the identifier of the configuration file to be deleted.

本发明实施例提供一种页面生成方法,所述方法包括:An embodiment of the present invention provides a method for generating a page, and the method includes:

客户端设备接收访问指令,所述访问指令包括待访问页面的配置文件的标识和模板的标识;The client device receives an access instruction, where the access instruction includes an identifier of a configuration file of a page to be accessed and an identifier of a template;

所述客户端设备根据所述待访问页面的配置文件的标识和模板的标识,获取所述待访问页面的配置文件和模板;obtaining, by the client device, the configuration file and template of the page to be accessed according to the identification of the configuration file of the page to be accessed and the identification of the template;

所述客户端设备根据待访问页面的配置文件和模板,生成待访问页面。The client device generates the page to be accessed according to the configuration file and template of the page to be accessed.

可选地,所述待访问页面的模板为默认模板;所述默认模板中包括内容要素的默认值;Optionally, the template of the page to be accessed is a default template; the default template includes default values of content elements;

所述客户端设备根据待访问页面的配置文件和模板,生成待访问页面,包括:The client device generates the page to be accessed according to the configuration file and template of the page to be accessed, including:

所述客户端设备根据所述默认模板加载所述待访问页面的框架,并根据所述待访问页面的配置文件,在所述待访问页面的框架的基础上使用所述配置文件中的内容要素的值覆盖所述默认模板中对应的内容要素的默认值。The client device loads the frame of the page to be accessed according to the default template, and uses the content elements in the configuration file on the basis of the frame of the page to be accessed according to the configuration file of the page to be accessed The value of overwrites the default value of the corresponding content element in the default template.

本发明实施例提供一种服务器,所述服务器包括:An embodiment of the present invention provides a server, and the server includes:

接收单元,用于接收模板选取指令,所述模板选取指令中包括待配置页面的模板的标识;a receiving unit, configured to receive a template selection instruction, where the template selection instruction includes an identifier of the template of the page to be configured;

处理单元,用于根据所述待配置页面的模板的标识,确定待配置页面的模板;a processing unit, configured to determine the template of the page to be configured according to the identifier of the template of the page to be configured;

显示单元,用于提取所述待配置页面的模板中的内容要素,并在显示界面上显示所述待配置页面的模板中的内容要素;a display unit, configured to extract content elements in the template of the page to be configured, and display the content elements in the template of the page to be configured on a display interface;

所述接收单元,还用于接收要素更改指令;The receiving unit is further configured to receive an element modification instruction;

所述处理单元,还用于根据所述要素更改指令得到待配置页面的配置文件。The processing unit is further configured to obtain the configuration file of the page to be configured according to the element modification instruction.

可选地,所述内容要素包括文本、图片、样式、颜色、控件的属性。Optionally, the content elements include text, pictures, styles, colors, and attributes of controls.

可选地,所述接收单元还用于:Optionally, the receiving unit is also used for:

接收配置文件删除指令,所述配置文件删除指令中包括待删除的配置文件的标识;receiving a configuration file deletion instruction, where the configuration file deletion instruction includes an identifier of the configuration file to be deleted;

所述处理单元,还用于根据所述待删除的配置文件的标识,删除所述待删除的配置文件。The processing unit is further configured to delete the configuration file to be deleted according to the identifier of the configuration file to be deleted.

本发明实施例提供一种客户端设备,所述客户端设备包括:An embodiment of the present invention provides a client device, where the client device includes:

接收单元,用于接收访问指令,所述访问指令包括待访问页面的配置文件的标识和模板的标识;a receiving unit, configured to receive an access instruction, where the access instruction includes an identifier of a configuration file of a page to be accessed and an identifier of a template;

获取单元,用于根据所述待访问页面的配置文件的标识和模板的标识,获取所述待访问页面的配置文件和模板;an obtaining unit, configured to obtain the configuration file and template of the page to be accessed according to the identification of the configuration file of the page to be accessed and the identification of the template;

生成单元,用于根据待访问页面的配置文件和模板,生成待访问页面。The generating unit is configured to generate the to-be-visited page according to the configuration file and template of the to-be-visited page.

可选地,所述待访问页面的模板为默认模板;所述默认模板中包括内容要素的默认值;Optionally, the template of the page to be accessed is a default template; the default template includes default values of content elements;

所述生成单元具体用于:The generating unit is specifically used for:

根据所述默认模板加载所述待访问页面的框架,并根据所述待访问页面的配置文件,在所述待访问页面的框架的基础上使用所述配置文件中的内容要素的值覆盖所述默认模板中对应的内容要素的默认值。The frame of the page to be accessed is loaded according to the default template, and according to the configuration file of the page to be accessed, based on the frame of the page to be accessed, the value of the content element in the configuration file is used to overwrite the The default value for the corresponding content element in the default template.

本发明实施例中,服务器根据接收到的模板选取指令中的待配置页面的模板的标识,确定待配置页面的模板,并提取待配置页面的模板中的内容要素,以及在显示界面上显示待配置页面的模板中的内容要素;进而,服务器根据接收到的要素更改指令得到待配置页面的配置文件。通过采用这种方式,使用一套页面模板即可完成多个不同活动页面的内容要素配置,从而有效避免重复的开发投入,简化页面开发流程,提高页面开发效率,进而能够缩短活动上线周期;且,服务器将待配置页面的模板中的内容要素显示在显示界面上,从而提供了友好的可视化界面,便于开发人员进行页面开发。In the embodiment of the present invention, the server determines the template of the page to be configured according to the identifier of the template of the page to be configured in the received template selection instruction, extracts the content elements in the template of the page to be configured, and displays the template to be configured on the display interface. Content elements in the template of the configuration page; furthermore, the server obtains the configuration file of the page to be configured according to the received element modification instruction. In this way, the configuration of content elements of multiple different activity pages can be completed using a set of page templates, thereby effectively avoiding repeated development investment, simplifying the page development process, improving page development efficiency, and shortening the activity launch cycle; and , the server displays the content elements in the template of the page to be configured on the display interface, thereby providing a friendly visual interface and facilitating page development for developers.

附图说明Description of drawings

为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简要介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域的普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。In order to illustrate the technical solutions in the embodiments of the present invention more clearly, the following briefly introduces the accompanying drawings used in the description of the embodiments. Obviously, the drawings in the following description are only some embodiments of the present invention. For those of ordinary skill in the art, other drawings can also be obtained from these drawings without any creative effort.

图1为本发明实施例适用的一种系统架构示意图;1 is a schematic diagram of a system architecture to which an embodiment of the present invention is applicable;

图2为本发明实施例提供的一种页面配置方法所对应的流程示意图;FIG. 2 is a schematic flowchart corresponding to a page configuration method provided by an embodiment of the present invention;

图3为本发明实施例提供的一种待配置页面的示意图;3 is a schematic diagram of a page to be configured according to an embodiment of the present invention;

图4为本发明实施例提供的一种在显示界面上显示的内容要素的示意图;4 is a schematic diagram of a content element displayed on a display interface according to an embodiment of the present invention;

图5为本发明实施例提供的一种页面生成方法所对应的流程示意图;5 is a schematic flowchart corresponding to a method for generating a page according to an embodiment of the present invention;

图6为本发明实施例提供的一种空白页面模板的结构示意图;6 is a schematic structural diagram of a blank page template provided by an embodiment of the present invention;

图7为本发明实施例提供的一种整体的页面配置以及页面生成的流程示意图;7 is a schematic flowchart of an overall page configuration and page generation provided by an embodiment of the present invention;

图8为本发明实施例提供的一种服务器的结构示意图;FIG. 8 is a schematic structural diagram of a server according to an embodiment of the present invention;

图9为本发明实施例提供的一种客户端设备的结构示意图。FIG. 9 is a schematic structural diagram of a client device according to an embodiment of the present invention.

具体实施方式Detailed ways

为了使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明作进一步地详细描述,显然,所描述的实施例仅仅是本发明一部份实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例,都属于本发明保护的范围。In order to make the objectives, technical solutions and advantages of the present invention clearer, the present invention will be further described in detail below with reference to the accompanying drawings. Obviously, the described embodiments are only a part of the embodiments of the present invention, rather than all the embodiments. . Based on the embodiments of the present invention, all other embodiments obtained by those of ordinary skill in the art without creative efforts shall fall within the protection scope of the present invention.

图1为本发明实施例适用的一种系统架构示意图,如图1所示,该系统架构中包括数据库101,一个或多个服务器(如图1中的第一服务器1021、第二服务器1022、第三服务器1023),一个或多个客户端设备(如图1中的第一客户端设备1031、第二客户端设备1032、第三客户端设备1033)。第一服务器1021、第二服务器1022和第三服务器1023均可以访问数据库101,第一客户端设备1031、第二客户端设备1032、第三客户端设备1033均可以访问数据库101。FIG. 1 is a schematic diagram of a system architecture to which an embodiment of the present invention is applicable. As shown in FIG. 1, the system architecture includes adatabase 101, one or more servers (such as thefirst server 1021, thesecond server 1022, the The third server 1023), one or more client devices (such as thefirst client device 1031, thesecond client device 1032, and thethird client device 1033 in FIG. 1). Thefirst server 1021 , thesecond server 1022 and thethird server 1023 can all access thedatabase 101 , and thefirst client device 1031 , thesecond client device 1032 and thethird client device 1033 can all access thedatabase 101 .

本发明实施例中,服务器可以是具有显示屏并且支持页面配置的各种电子设备,例如配置端设备等。客户端设备可以为多种类型的终端,例如智能手机、平板电脑、智能电视等。In this embodiment of the present invention, the server may be various electronic devices having a display screen and supporting page configuration, such as a configuration terminal device. The client device can be various types of terminals, such as smart phones, tablet computers, smart TVs, and so on.

具体来说,服务器可以安装有各种系统和工具,例如页面编辑器,页面配置工具等,如此,运营设计人员、研发人员或者有权限的用户(例如能够为自己的商业推广制作页面的用户)可以通过服务器来配置营销活动的页面,页面配置成功后,服务器可将配置文件存储到数据库中。Specifically, the server can be installed with various systems and tools, such as page editors, page configuration tools, etc. In this way, operation designers, R&D personnel, or authorized users (such as users who can create pages for their own business promotion) The page of the marketing campaign can be configured through the server. After the page is configured successfully, the server can store the configuration file in the database.

客户端设备可通过安装在客户端设备中的浏览器或其他类型的应用程序,访问数据库中的数据来获取网页等信息,并向用户展示出相应的网页。The client device can access data in the database through a browser or other types of application programs installed in the client device to obtain information such as web pages, and display the corresponding web pages to the user.

需要说明的是,图1仅是一种可能的系统架构图,在其它可能的实施方式中,服务器也可以将配置文件直接保存在服务器中,后续客户端设备可通过访问服务器来获取配置文件,此时,无需设置一个单独的数据库。It should be noted that FIG. 1 is only a possible system architecture diagram. In other possible implementations, the server may also directly save the configuration file in the server, and subsequent client devices may access the server to obtain the configuration file. At this point, there is no need to set up a separate database.

基于图1所示的网络架构,图2示例性示出了本发明实施例提供的一种页面配置方法所对应的流程示意图,如图2所示,具体包括如下步骤:Based on the network architecture shown in FIG. 1, FIG. 2 exemplarily shows a schematic flowchart corresponding to a page configuration method provided by an embodiment of the present invention, as shown in FIG. 2, which specifically includes the following steps:

步骤201,服务器接收模板选取指令,所述模板选取指令中包括待配置页面的模板的标识。Step 201: The server receives a template selection instruction, where the template selection instruction includes an identifier of the template of the page to be configured.

步骤202,服务器根据所述待配置页面的模板的标识,确定待配置页面的模板。Step 202, the server determines the template of the page to be configured according to the identifier of the template of the page to be configured.

步骤203,服务器提取所述待配置页面的模板中的内容要素,并在显示界面上显示所述待配置页面的模板中的内容要素。Step 203: The server extracts the content elements in the template of the page to be configured, and displays the content elements in the template of the page to be configured on the display interface.

步骤204,服务器接收要素更改指令,并根据所述要素更改指令得到待配置页面的配置文件。Step 204, the server receives the element modification instruction, and obtains the configuration file of the page to be configured according to the element modification instruction.

需要说明的是,上述步骤201至步骤204中所述的方法可以是基于Chrome浏览器开发的扩展应用,具体实现方式为,一个Chrome扩展应用定义为压缩在一起的一组文件,包括超文本链接标示语言(Hypertext Markup Language,HTML)、层叠样式表(Cascading StyleSheets,CSS)、JavaScript脚本、图片文件及其它任何需要的文件。它们可以使用浏览器提供的所有的应用程序编程接口(Application Programming Interface,API),包含了从可扩展超文本传输请求(XMLHttpRequest,XML)到对象标记(JavaScript Object Notation,JSON)到HTML5的全部特性。采用这种方式,通过Chrome浏览器中可用的HTML5中的新的文件操作API——FileSystem,能够实现在浏览器上对目录、文件的读写操作,且所有对目录、文件的操作都采用了JavaScript语言中的异步回调的机制,从而能够保证目录、文件操作的高性能。It should be noted that the methods described in theabove steps 201 to 204 may be an extension application developed based on the Chrome browser. The specific implementation method is that a Chrome extension application is defined as a group of files compressed together, including hypertext links. Markup Language (Hypertext Markup Language, HTML), Cascading Style Sheets (Cascading Style Sheets, CSS), JavaScript scripts, image files and any other required files. They can use all the Application Programming Interfaces (APIs) provided by the browser, including all features from Extensible Hypertext Transfer Request (XMLHttpRequest, XML) to Object Markup (JavaScript Object Notation, JSON) to HTML5 . In this way, through the new file operation API-FileSystem in HTML5 available in the Chrome browser, the read and write operations of directories and files on the browser can be realized, and all operations on directories and files are performed using The asynchronous callback mechanism in the JavaScript language can ensure the high performance of directory and file operations.

本发明实施例中,服务器将提取到待配置页面的模板中的内容要素显示在显示界面上,然后再对这些内容要素进行更改,采用这种方式,使用一套页面模板即可完成多个不同活动页面的内容要素配置,有效避免重复的开发投入,简化页面开发流程,提高页面开发效率,进而能够缩短活动上线周期;进一步地,程序开发人员和运营设计等人员能够各司其职,程序开发人员负责待配置页面模板的设计,运营设计等人员负责待配置页面的文本、样式及业务流程,这样无需程序开发人员的参与即可配置出模板规则范围内的不同内容要素的页面。In the embodiment of the present invention, the server displays the content elements extracted from the template of the page to be configured on the display interface, and then changes these content elements. In this way, a set of page templates can be used to complete multiple different The configuration of the content elements of the activity page can effectively avoid repeated development investment, simplify the page development process, improve the page development efficiency, and then shorten the activity launch cycle; further, program developers and operation designers can perform their own duties and program development. The personnel are responsible for the design of the page template to be configured, and the operation design personnel are responsible for the text, style and business process of the page to be configured, so that pages with different content elements within the scope of the template rules can be configured without the participation of program developers.

具体来说,步骤201和步骤202中,待配置页面包括图片、文本、各种控件等信息,根据这些信息的不同可以将待配置页面划分为不同类型,例如,投票活动的页面、邀请好友的页面、活动宣传的页面、公告通知的页面等。不同类型的待配置页面,其所包含的信息也不同,投票活动的页面可能包含投票主题、多个投票选项、文本描述、图片显示、投票按钮等信息;邀请好友的页面可能包含多个控件(如输入姓名、输入地址、输入联系方式等)、文本描述、图片显示、提交按钮等信息。每种类型的待配置页面对应一个代表该类型的待配置页面的模板的标识。Specifically, insteps 201 and 202, the pages to be configured include pictures, texts, various controls and other information, and the pages to be configured can be divided into different types according to the different information, for example, pages for voting activities, pages for inviting friends, etc. page, event promotion page, announcement notification page, etc. Different types of pages to be configured contain different information. The voting page may contain voting topics, multiple voting options, text description, picture display, voting buttons and other information; the page for inviting friends may contain multiple controls ( Such as input name, input address, input contact information, etc.), text description, picture display, submit button and other information. Each type of to-be-configured page corresponds to an identifier representing the template of the type of to-be-configured page.

进一步地,模板的标识可以为能够唯一标识模板的信息,例如可以为数字或字母等。以数字为例,如表1所示,可以将投票活动的页面的模板的标识设置为1、邀请好友的页面的模板的标识设置为2、活动宣传的页面的模板的标识设置为3、公告通知的页面的模板的标识设置为4。以字母为例,如表2所示,可以将投票活动的页面的模板的标识设置为toupiao、邀请好友的页面的模板的标识设置为yaoqing、活动宣传的页面的模板的标识设置为xuanchuan、公告通知的页面的模板的标识设置为tongzhi。Further, the identifier of the template may be information that can uniquely identify the template, such as numbers or letters. Taking numbers as an example, as shown in Table 1, the logo of the template of the page of the voting activity can be set to 1, the logo of the template of the page of inviting friends is set to 2, the logo of the template of the page of event promotion can be set to 3, the notice The id of the template of the notification page is set to 4. Taking letters as an example, as shown in Table 2, the logo of the template of the voting page can be set to toupiao, the logo of the template of inviting friends can be set to yaoqing, the logo of the template of the event promotion page can be set to xuanchuan, announcement. The identity of the template of the notification page is set to tongzhi.

表1:模板的标识示例一Table 1: Template identification example one

带配置页面的类型Type with configuration page模板的标识template's logo投票活动的页面polling page11邀请好友的页面Invite friends page22活动宣传的页面event promotion page33公告通知的页面Announcement notification page44……...……...

表2:模板的标识示例二Table 2: Example 2 of template identification

带配置页面的类型Type with configuration page模板的标识template's logo投票活动的页面polling pagetoupiaotoupiao邀请好友的页面Invite friends pageyaoqingyaoqing活动宣传的页面event promotion pagexuanchuanxuanchuan公告通知的页面Announcement notification pagetongzhitongzhi……...……...

本发明实施例中,服务器可以根据模板选取指令中模板的标识,确定待配置页面的模板,举个例子,以上述表1为例,模板选取指令中包括的模板的标识为1,则确定与模板的标识为1所对应的带配置页面为投票活动页面。In this embodiment of the present invention, the server may determine the template of the page to be configured according to the identifier of the template in the template selection instruction. For example, taking the above Table 1 as an example, the identifier of the template included in the template selection instruction is 1. The page with configuration corresponding to the template ID of 1 is the voting activity page.

步骤203中,待配置页面的模板中的内容要素可以是图片、文本、各种控件等。图3示例性示出了本发明实施例提供的一种待配置页面的示意图,如图3所示,待配置页面主要包括以下内容要素:页面标题文本301、页面摘要文本302、背景图片303、图标图片304、输入控件305、提交控件306、超链接307。此外,待配置页面还可以包括样式、颜色、控件的属性等内容要素,例如,样式可以是指文本字体、文本大小等具体信息;颜色可以是指页面背景颜色、文本颜色、控件填充颜色等具体信息;控件的属性可以是指显示控件或隐藏控件等具体信息。Instep 203, the content elements in the template of the page to be configured may be pictures, texts, various controls, and the like. FIG. 3 exemplarily shows a schematic diagram of a page to be configured provided by an embodiment of the present invention. As shown in FIG. 3, the page to be configured mainly includes the following content elements:page title text 301,page summary text 302,background image 303,Icon picture 304 ,input control 305 , submitcontrol 306 ,hyperlink 307 . In addition, the page to be configured may also include content elements such as style, color, and control attributes. For example, style may refer to specific information such as text font and text size; color may refer to specific information such as page background color, text color, and control fill color. Information; the properties of a control can refer to specific information such as showing the control or hiding the control.

为了便于运营设计人员、研发人员或者有权限的用户能够更加清楚、有序地进行要素更改,本发明实施例中,服务器提取上述待配置页面的模板中的内容要素之后,可以将提取后的内容要素显示在显示界面上。具体的显示方式可以是在显示界面上以列表的形式显示内容要素,也可以是在显示界面上以文字描述的形式显示内容要素,本发明不做具体限定。In order to facilitate operation designers, R&D personnel, or authorized users to change elements more clearly and orderly, in this embodiment of the present invention, after the server extracts the content elements in the template of the page to be configured, the extracted content may be The elements are displayed on the display interface. The specific display manner may be to display the content elements in the form of a list on the display interface, or to display the content elements in the form of text descriptions on the display interface, which is not specifically limited in the present invention.

进一步地,本发明实施例中,提取后的内容要素可以是一一罗列显示在显示界面上,也可以是将内容要素分类后显示在显示界面上。为了便于运营设计等人员更加清晰明了地对内容要素进行更改,本发明实施例优选将内容要素分类后显示在显示界面上,内容要素的分类方式有多种,例如,可以按照内容要素的格式进行分类,可将内容要素分为文本类、图片类、控件类等;也可以按照内容要素的执行功能进行分类,可将内容要素分为标题类、背景类、链接类等;还可以按照内容要素的具体内容进行分类,可将内容要素分为活动基本配置类、邀请细则配置类、背景图片配置类、基本样式配置类等。Further, in the embodiment of the present invention, the extracted content elements may be listed one by one and displayed on the display interface, or the content elements may be classified and displayed on the display interface. In order to facilitate the operation design and other personnel to make changes to the content elements more clearly, the embodiment of the present invention preferably classifies the content elements and displays them on the display interface. There are various ways of classifying the content elements. Classification, content elements can be divided into text, picture, control, etc.; can also be classified according to the execution function of content elements, content elements can be divided into title, background, link, etc.; can also be classified according to content elements The specific content is classified, and the content elements can be divided into basic activity configuration, invitation details configuration, background image configuration, basic style configuration, etc.

针对上文所描述的内容,本发明实施例提供的一种在显示界面上显示的内容要素的示意图,如图4所示,本发明实施例对提取后的内容要素进行了分类,具体划分为活动基本配置、分享内容配置、礼包页面配置、邀请页面配置、邀请列表页配置、拉新细则配置、背景图片配置、提示卡片配置、基本样式界面配置、以及条款、链接配置。具体地,以活动基本配置为例,这一分类可以包括活动编号(Identification,ID)、页面协议、活动状态等内容要素;以分享内容配置为例,这一分类可以包括分享标题、分享摘要、分享图标路径、分享图标、扫码提示、分享链接等内容要素。基于同样的思路,其他分类所包括的内容要素本发明不再具体介绍。For the content described above, an embodiment of the present invention provides a schematic diagram of content elements displayed on a display interface. As shown in FIG. 4 , the embodiment of the present invention classifies the extracted content elements, which are specifically divided into Basic event configuration, shared content configuration, gift package page configuration, invitation page configuration, invitation list page configuration, new pull details configuration, background image configuration, reminder card configuration, basic style interface configuration, as well as terms, link configuration. Specifically, taking the basic configuration of activities as an example, this category may include content elements such as activity ID (Identification, ID), page agreement, activity status, etc.; Content elements such as share icon path, share icon, scan code prompt, and share link. Based on the same idea, the content elements included in other categories will not be described in detail in the present invention.

图4所示出的示例在具体实施过程中,服务器可以先根据接收到分类选取指令,确定所要更改的内容要素的分类,然后再以列表的形式显示该分类中包括的内容要素。In the example shown in FIG. 4 , in a specific implementation process, the server may first determine the classification of the content element to be modified according to the received classification selection instruction, and then display the content elements included in the classification in the form of a list.

步骤204中,要素更改指令用于指示内容要素的更改,例如,更改文本内容、更改字体颜色、更改背景图片、更改控件属性等指令。本发明实施例中,可以由运营设计等人员通过键盘输入的方式触发要素更改指令,例如,运营设计等人员利用键盘在内容要素对应的输入框中输入文字;或者,也可以由运营设计等人员通过鼠标点击的方式发送给服务器,例如,运营设计等人员利用鼠标在内容要素对应的选择框中点击勾选。Instep 204, the element modification instruction is used to instruct the modification of the content element, for example, instructions for modifying the text content, modifying the font color, modifying the background image, modifying the properties of the control and so on. In the embodiment of the present invention, the operation designer and other personnel can trigger the element modification instruction through keyboard input. For example, the operation designer and other personnel use the keyboard to input text in the input box corresponding to the content element; or, the operation designer and other personnel can also be used. It is sent to the server by clicking the mouse. For example, the operation design personnel use the mouse to click and check the selection box corresponding to the content element.

进一步地,本发明实施例中,服务器根据接收到的要素更改指令对内容要素进行更改之后,可以得到待配置页面的配置文件,其中,配置文件中包括更改后的内容要素的具体内容,例如,待配置页面的文本及控件属性、待配置页面的样式及图片。Further, in this embodiment of the present invention, after the server modifies the content element according to the received element modification instruction, a configuration file of the page to be configured can be obtained, wherein the configuration file includes the specific content of the modified content element, for example, The text and control properties of the page to be configured, the style and image of the page to be configured.

本发明实施例中,在得到待配置页面的配置文件之后,为了便于后续对配置文件的调用,本发明可以将配置文件进行存储,本发明对具体的存储方式不做限定,例如,可以将配置文件以压缩包的形式存储,在具体实施过程中,可以利用第三方的JavaScript库中的zip.js工具实现,具体来说,zip.js工具中提供了importBlob、exportBlob等方法实现对上文中文件系统的解压、压缩等操作。当服务器得到待配置页面的配置文件后,可以通过zip.js工具导出为一个名为theme.zip的配置文件压缩包,解压后的配置文件压缩包中可以包括config.js文件、theme.css文件和img文件夹,其中,config.js文件中主要包括待配置页面的文本及控件属性,theme.css文件中主要包括待配置页面的样式,img文件夹中主要包括待配置页面的图片。In this embodiment of the present invention, after the configuration file of the page to be configured is obtained, in order to facilitate subsequent invocation of the configuration file, the present invention may store the configuration file. The present invention does not limit the specific storage method. The files are stored in the form of compressed packages. In the specific implementation process, the zip.js tool in the third-party JavaScript library can be used to implement. Specifically, the zip.js tool provides methods such as importBlob and exportBlob to implement the above files. System decompression, compression and other operations. After the server obtains the configuration file of the page to be configured, it can be exported as a configuration file compressed package named theme.zip through the zip.js tool. The decompressed configuration file compressed package can include the config.js file and theme.css file and img folders, where the config.js file mainly includes the text and control properties of the page to be configured, the theme.css file mainly includes the style of the page to be configured, and the img folder mainly includes the image of the page to be configured.

本发明实施例中,服务器可以将配置文件存储到服务器本地,也可以将配置文件存储到数据库中,还可以将配置文件存储到服务器本地以及数据库中,具体不做限定。In this embodiment of the present invention, the server may store the configuration file locally on the server, or store the configuration file in the database, or store the configuration file locally on the server and in the database, which is not specifically limited.

更进一步地,为了更好地管理配置文件,本发明实施例还可以对配置文件进行删除,具体包括如下操作步骤:Further, in order to better manage the configuration file, the embodiment of the present invention can also delete the configuration file, which specifically includes the following operation steps:

步骤一:服务器在接收配置文件删除指令,所述配置文件删除指令中包括待删除的配置文件的标识。Step 1: The server is receiving a configuration file deletion instruction, where the configuration file deletion instruction includes an identifier of the configuration file to be deleted.

步骤二:服务器根据所述待删除的配置文件的标识,删除所述待删除的配置文件。Step 2: The server deletes the configuration file to be deleted according to the identifier of the configuration file to be deleted.

具体来说,配置文件的标识可以为配置文件的生成时间、配置文件的主题字母,具体可以通过数字、字母、字符串、数字与字母的组合等形式表示,本发明不做具体限定。举个例子,以配置文件的生成时间用数字进行表示,配置文件1的标识为201710011507代表该配置文件是2017年10月1日15点07分生成的;再举个例子,以配置文件的主题字母用字母进行表示,配置文件2的标识为zhongqiujie代表该配置文件是主题是关于“中秋节”的;再举个例子,以配置文件的生成时间和主题字母用数字与字母的组合进行表示,配置文件3的标识为guoqingjie201709300958代表该配置文件是关于“国庆节”的,且,该配置文件是2017年09月30日09点58分生成的。在本发明实施例的一些可选的实施方式中,服务器还可以对配置文件进行更新、预览等操作。Specifically, the identifier of the configuration file can be the generation time of the configuration file and the subject letter of the configuration file, which can be represented by numbers, letters, character strings, combinations of numbers and letters, etc., which are not specifically limited in the present invention. For example, the generation time of the configuration file is represented by numbers. The identification of configuration file 1 is 201710011507, which means that the configuration file was generated at 15:07 on October 1, 2017; for another example, the subject of the configuration file Letters are represented by letters, and the identification of profile 2 is zhongqiujie, which means that the topic of the profile is about the "Mid-Autumn Festival"; for another example, the generation time of the profile and the subject letters are represented by a combination of numbers and letters, The identification of the configuration file 3 is guoqingjie201709300958, which means that the configuration file is about "National Day", and the configuration file was generated at 09:58 on September 30, 2017. In some optional implementations of the embodiment of the present invention, the server may further perform operations such as updating, previewing, and the like on the configuration file.

上述内容对页面配置方法的具体内容进行了描述,进一步地,本发明实施例还提供一种页面生成方法,该页面生成方法可以是结合上述页面配置方法来执行,或者,也可以是单独执行。The above content describes the specific content of the page configuration method. Further, an embodiment of the present invention further provides a page generation method. The page generation method can be executed in combination with the above page configuration method, or can also be executed independently.

图5示例性示出了本发明实施例提供的一种页面生成方法所对应的流程示意图,如图5所示,具体包括如下步骤:FIG. 5 exemplarily shows a schematic flowchart corresponding to a page generation method provided by an embodiment of the present invention, as shown in FIG. 5 , which specifically includes the following steps:

步骤501,客户端设备接收访问指令,所述访问指令包括待访问页面的配置文件的标识和模板的标识。Step 501: The client device receives an access instruction, where the access instruction includes an identifier of a configuration file of a page to be accessed and an identifier of a template.

步骤502,客户端设备根据所述待访问页面的配置文件的标识和模板的标识,获取所述待访问页面的配置文件和模板。Step 502: The client device acquires the configuration file and template of the page to be accessed according to the identifier of the configuration file and the identifier of the template of the page to be accessed.

步骤503,客户端设备根据待访问页面的配置文件和模板,生成待访问页面。Step 503, the client device generates the page to be accessed according to the configuration file and template of the page to be accessed.

本发明实施例中,客户端设备根据待访问页面的配置文件和模板,生成待访问页面,使得通过一套页面模板即可完成多个不同活动页面的内容要素配置,能够有效避免重复的开发投入,简化页面开发流程,提高页面开发效率,进而能够缩短活动上线周期。In the embodiment of the present invention, the client device generates the page to be accessed according to the configuration file and template of the page to be accessed, so that the configuration of content elements of multiple different active pages can be completed through a set of page templates, which can effectively avoid repeated development investment , simplify the page development process, improve the page development efficiency, and then shorten the activity launch cycle.

具体来说,步骤501和步骤502中,访问指令可以通过多种方式发送给客户端设备,例如,访问指令可以通过超文本传输协议(HyperText Transfer Protocol,HTTP)请求的方式发送给客户端设备。访问指令中包含待访问页面的配置文件的标识和模板的标识,具体来说,访问指令中可以为待访问页面的网址信息,例如统一资源定位符(Uniform ResourceLocator,URL),网址信息中包含待访问页面的配置文件的标识和模板的标识;或者,访问指令中也可以为其它类型的信息,此处不做具体限制。Specifically, instep 501 and step 502, the access instruction can be sent to the client device in various ways, for example, the access instruction can be sent to the client device through a HyperText Transfer Protocol (HyperText Transfer Protocol, HTTP) request. The access instruction includes the identifier of the configuration file of the page to be accessed and the identifier of the template. Specifically, the access instruction may be the URL information of the page to be accessed, such as a Uniform ResourceLocator (URL), and the URL information includes the URL to be accessed. The identifier of the configuration file and the identifier of the template for accessing the page; or, other types of information may also be included in the access instruction, which is not specifically limited here.

进一步地,客户端设备可以根据访问指令中的待访问页面的配置文件的标识,获取待访问页面的配置文件,根据访问指令中的待访问页面的模板的标识,获取待访问页面的模板。举个例子,访问指令为https://wallet.95516.com/toupiao/201709300958//html/snsIndex.html,其中,该访问指令中包括的待访问页面的配置文件的标识为201709300958,根据上文所述,该配置文件的标识表示配置文件是在2017年09月30日09点58分生成时间的;该访问指令中包括的待访问页面的模板的标识为toupiao,根据上文所述,该模板的标识表示模板为投票活动页面的模板。Further, the client device may obtain the configuration file of the page to be accessed according to the identifier of the configuration file of the page to be accessed in the access instruction, and obtain the template of the page to be accessed according to the identifier of the template of the page to be accessed in the access instruction. For example, the access instruction is https://wallet.95516.com/toupiao/201709300958//html/snsIndex.html, wherein the identifier of the configuration file of the page to be accessed included in the access instruction is 201709300958. According to the above The identification of the configuration file indicates that the configuration file was generated at 09:58 on September 30, 2017; the identification of the template of the page to be accessed included in the access instruction is toupiao, and according to the above, the The ID of the template indicates that the template is the template of the polling activity page.

步骤503中,页面的模板可以为内容要素的值为空白值的模板,即页面的模板为空白模板,例如,以邀请好友页面的模板为例,如图6所示,空白模板中限定了各个区域的功能,但不涉及具体显示的内容;页面的模板也可以为包括默认的内容要素的值的模板,即页面的模板为默认模板,例如,如上述图3所示,默认的文本1为“体育盛宴礼约银联”,默认的文本2为“汗水拼搏今天,激情点燃明天!发展体育运动,全民乐享优惠!”等,默认模板中包括内容要素的默认值。为了避免页面生成时,由于页面配置过程中的失误导致某个内容要素的值为空白值,本发明实施例中可优选页面的模板为默认模板。Instep 503, the template of the page can be a template whose content element is a blank value, that is, the template of the page is a blank template. The function of the area, but does not involve the specific displayed content; the template of the page can also be a template including the value of the default content element, that is, the template of the page is the default template. For example, as shown in Figure 3 above, the default text 1 is "Sports Feast Rewards UnionPay", the default text 2 is "Sweat today, passion ignites tomorrow! Develop sports, enjoy discounts for all!" etc. The default template includes the default values of content elements. In order to prevent the value of a certain content element from being a blank value due to an error in the page configuration process when the page is generated, the template of the page may preferably be the default template in the embodiment of the present invention.

基于上文所述的内容,根据页面的模板中内容要素的值的不同,可以将页面的模板分为:空白模板和默认模板。下面对利用这两种页面的模板生成页面的方式进行具体说明。Based on the above-mentioned content, and according to different values of content elements in the template of the page, the template of the page can be divided into: a blank template and a default template. The following will describe in detail how to generate pages by using the templates of these two pages.

(1)页面的模板为空白模板:客户端设备根据空白模板加载待访问页面的框架,然后根据待访问页面的配置文件,在待访问页面的框架的基础上加载待访问页面的内容要素。(1) The template of the page is a blank template: the client device loads the frame of the page to be accessed according to the blank template, and then loads the content elements of the page to be accessed based on the frame of the page to be accessed according to the configuration file of the page to be accessed.

具体地,根据上文所述,配置文件压缩包中可以包括config.js文件、theme.css文件和img文件夹,客户端设备可以在待访问页面的框架的基础上分别加载config.js文件、theme.css文件和img文件夹,从而生成待访问页面。Specifically, according to the above, the configuration file compressed package may include the config.js file, the theme.css file and the img folder, and the client device may load the config.js file, theme.css file and img folder to generate the page to be accessed.

(2)页面的模板为默认模板:客户端设备根据默认模板加载待访问页面的框架,然后根据待访问页面的配置文件,在待访问页面的框架的基础上使用所述配置文件中的内容要素的值覆盖所述默认模板中对应的内容要素的默认值。(2) The template of the page is the default template: the client device loads the frame of the page to be accessed according to the default template, and then uses the content elements in the configuration file based on the frame of the page to be accessed according to the configuration file of the page to be accessed The value of overwrites the default value of the corresponding content element in the default template.

具体实施过程中,客户端设备在加载配置文件中的config.js文件时,可以采用增量覆盖的方法生成待访问页面,举个例子,客户端设备可以通过jQuery的$.extend()方法,用其中定义的控件的属性对默认的全局配置项window.config进行增量覆盖,如果window.config这一全局对象中有showButton这一控件的属性且默认值为0,那么当配置文件的config.js文件中定义的控件没有showButton这一属性,showButton这一属性将采用默认值;当配置文件的config.js文件中定义的控件有showButton这一属性且值为1,全部变量window.config的showButton属性的值将会被覆盖为1。如果全局变量window.config中没有showButton这一属性,而配置文件的config.js文件中定义的控件有showButton这一属性,那么全局变量window.config的showButton属性的值将跟配置文件的config.js文件中配置的一致,即页面生成时将使用配置文件的config.js文件中的配置。In the specific implementation process, when loading the config.js file in the configuration file, the client device can use the incremental overwrite method to generate the page to be accessed. For example, the client device can use the $.extend() method of jQuery, The default global configuration item window.config is incrementally overwritten with the properties of the controls defined in it. If the global object of window.config has the property of the showButton control and the default value is 0, then when the config. The control defined in the js file does not have the property showButton, and the property showButton will take the default value; when the control defined in the config.js file of the configuration file has the property showButton and the value is 1, the showButton of all variables window.config The value of the property will be overridden to 1. If there is no showButton property in the global variable window.config, and the control defined in the config.js file of the configuration file has the showButton property, then the value of the showButton property of the global variable window.config will be the same as the value of the config.js of the configuration file. The configuration in the file is consistent, that is, the configuration in the config.js file of the configuration file will be used when the page is generated.

客户端设备在在加载配置文件中的config.js文件时,还可以对config.js文件中的内容要素的进行判断,根据config.js文件中的内容要素的不同进入不同的分支,从而进行不同的逻辑处理。例如,客户端设备会判断内容要素window.config.showButton的值是为0还是1,如果为1就显示按钮,为0就隐藏按钮并禁用其功能。When the client device loads the config.js file in the configuration file, it can also judge the content elements in the config.js file, and enter different branches according to the different content elements in the config.js file, so as to make different decisions. logical processing. For example, the client device will determine whether the value of the content element window.config.showButton is 0 or 1, and if it is 1, it will show the button, and if it is 0, it will hide the button and disable its function.

客户端设备在加载配置文件中的theme.css文件时,可以先加载默认模板中的theme.css文件,后加载配置文件中的theme.css文件,采用这种方式,如果theme.css中对某个内容要素进行了特殊配置,就会覆盖默认模板中关于该内容要素的配置,从而保证配置文件相比默认模板具有更高的优先级。类似地,待访问页面中的图片使用配置文件的img文件夹中的图片,而非默认模板中的图片。举个例子,如果默认模板的theme.css文件中有定义.page-container这一内容要素的文字颜色和背景图片。当配置文件的theme.css文件中也定义了.page-container这一内容要素,那么在页面生成时将使用配置文件的theme.css文件中定义的文字颜色和配置文件的img文件夹中的图片。When loading the theme.css file in the configuration file, the client device can load the theme.css file in the default template first, and then load the theme.css file in the configuration file. If a content element is specially configured, the configuration of the content element in the default template will be overwritten, thereby ensuring that the configuration file has a higher priority than the default template. Similarly, the image in the page to be accessed uses the image in the img folder of the configuration file, not the image in the default template. For example, if the theme.css file of the default template defines the text color and background image of the .page-container content element. When the content element .page-container is also defined in the theme.css file of the configuration file, the text color defined in the theme.css file of the configuration file and the image in the img folder of the configuration file will be used when the page is generated .

本发明实施例中,针对一个待访问页面的模板,可以加载多个配置文件,从而能够生成页面框架相同但内容要素不同的页面。In the embodiment of the present invention, for a template of a page to be accessed, multiple configuration files can be loaded, so that pages with the same page frame but different content elements can be generated.

根据上文所描述的内容,图7示例性示出了本发明实施例提供的一种整体的页面配置以及页面生成的流程示意图,客户端设备可以通过前后端通信技术AJAX方式完成前后端的通信,前端页面请求预先商定好的后台接口名,传递所需参数,后台服务在收到请求后执行处理,并返回应答,客户端设备接受到应答后,执行对应的回调操作。具体可结合上述描述,此处不再赘述。According to the content described above, FIG. 7 exemplarily shows an overall page configuration and a schematic flowchart of page generation provided by an embodiment of the present invention. The client device can complete the front-end and back-end communication through the front-end and back-end communication technology AJAX. The front-end page requests the pre-agreed background interface name and passes the required parameters. The background service performs processing after receiving the request and returns a response. After the client device receives the response, it executes the corresponding callback operation. The details can be combined with the above description, and details are not repeated here.

基于同样的发明构思,图8示例性示出了本发明实施例提供的一种服务器的结构示意图,如图8所示,该服务器800包括接收单元801,处理单元802,显示单元803;其中,Based on the same inventive concept, FIG. 8 exemplarily shows a schematic structural diagram of a server provided by an embodiment of the present invention. As shown in FIG. 8 , theserver 800 includes a receivingunit 801, aprocessing unit 802, and adisplay unit 803; wherein,

接收单元801,用于接收模板选取指令,所述模板选取指令中包括待配置页面的模板的标识;A receivingunit 801, configured to receive a template selection instruction, where the template selection instruction includes an identifier of a template of a page to be configured;

处理单元802,用于根据所述待配置页面的模板的标识,确定待配置页面的模板;Aprocessing unit 802, configured to determine the template of the page to be configured according to the identifier of the template of the page to be configured;

显示单元803,用于提取所述待配置页面的模板中的内容要素,并在显示界面上显示所述待配置页面的模板中的内容要素;Adisplay unit 803, configured to extract the content elements in the template of the page to be configured, and display the content elements in the template of the page to be configured on a display interface;

所述接收单元801,还用于接收要素更改指令;The receivingunit 801 is further configured to receive an element modification instruction;

所述处理单元802,还用于根据所述要素更改指令得到待配置页面的配置文件。Theprocessing unit 802 is further configured to obtain the configuration file of the page to be configured according to the element modification instruction.

图9示例性示出了本发明实施例提供的一种客户端设备的结构示意图,如图9所示,该服务器900包括接收单元901,获取单元902,生成单元903;其中,FIG. 9 exemplarily shows a schematic structural diagram of a client device provided by an embodiment of the present invention. As shown in FIG. 9 , theserver 900 includes a receivingunit 901, an obtainingunit 902, and agenerating unit 903; wherein,

接收单元901,用于接收访问指令,所述访问指令包括待访问页面的配置文件的标识和模板的标识;a receivingunit 901, configured to receive an access instruction, where the access instruction includes an identifier of a configuration file of a page to be accessed and an identifier of a template;

获取单元902,用于根据所述待访问页面的配置文件的标识和模板的标识,获取所述待访问页面的配置文件和模板;an obtainingunit 902, configured to obtain the configuration file and template of the page to be accessed according to the identification of the configuration file and the identification of the template of the page to be accessed;

生成单元903,用于根据待访问页面的配置文件和模板,生成待访问页面。The generatingunit 903 is configured to generate the page to be accessed according to the configuration file and template of the page to be accessed.

本发明实施例中,服务器根据接收到的模板选取指令中的待配置页面的模板的标识,确定待配置页面的模板,并提取待配置页面的模板中的内容要素,以及在显示界面上显示待配置页面的模板中的内容要素;进而,服务器根据接收到的要素更改指令得到待配置页面的配置文件。通过采用这种方式,使用一套页面模板即可完成多个不同活动页面的内容要素配置,从而有效避免重复的开发投入,简化页面开发流程,提高页面开发效率,进而能够缩短活动上线周期;且,服务器将待配置页面的模板中的内容要素显示在显示界面上,从而提供了友好的可视化界面,便于开发人员进行页面开发。In the embodiment of the present invention, the server determines the template of the page to be configured according to the identifier of the template of the page to be configured in the received template selection instruction, extracts the content elements in the template of the page to be configured, and displays the template to be configured on the display interface. Content elements in the template of the configuration page; furthermore, the server obtains the configuration file of the page to be configured according to the received element modification instruction. In this way, the configuration of content elements of multiple different activity pages can be completed using a set of page templates, thereby effectively avoiding repeated development investment, simplifying the page development process, improving page development efficiency, and shortening the activity launch cycle; and , the server displays the content elements in the template of the page to be configured on the display interface, thereby providing a friendly visual interface and facilitating page development for developers.

本领域内的技术人员应明白,本发明的实施例可提供为方法、系统、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。As will be appreciated by one skilled in the art, embodiments of the present invention may be provided as a method, system, or computer program product. Accordingly, the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, the present invention may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, etc.) having computer-usable program code embodied therein.

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。The present invention is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the invention. It will be understood that each flow and/or block in the flowchart illustrations and/or block diagrams, and combinations of flows and/or blocks in the flowchart illustrations and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to the processor of a general purpose computer, special purpose computer, embedded processor or other programmable data processing device to produce a machine such that the instructions executed by the processor of the computer or other programmable data processing device produce Means for implementing the functions specified in a flow or flow of a flowchart and/or a block or blocks of a block diagram.

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。These computer program instructions may also be stored in a computer-readable memory capable of directing a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory result in an article of manufacture comprising instruction means, the instructions The apparatus implements the functions specified in the flow or flow of the flowcharts and/or the block or blocks of the block diagrams.

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。These computer program instructions can also be loaded on a computer or other programmable data processing device to cause a series of operational steps to be performed on the computer or other programmable device to produce a computer-implemented process such that The instructions provide steps for implementing the functions specified in the flow or blocks of the flowcharts and/or the block or blocks of the block diagrams.

尽管已描述了本发明的优选实施例,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例作出另外的变更和修改。所以,所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。Although preferred embodiments of the present invention have been described, additional changes and modifications to these embodiments may occur to those skilled in the art once the basic inventive concepts are known. Therefore, the appended claims are intended to be construed to include the preferred embodiment and all changes and modifications that fall within the scope of the present invention.

显然,本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样,倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内,则本发明也意图包含这些改动和变型在内。It will be apparent to those skilled in the art that various modifications and variations can be made in the present invention without departing from the spirit and scope of the invention. Thus, provided that these modifications and variations of the present invention fall within the scope of the claims of the present invention and their equivalents, the present invention is also intended to include these modifications and variations.

Claims (6)

CN201710959775.5A2017-10-162017-10-16Page configuration and generation method and deviceActiveCN107818143B (en)

Priority Applications (1)

Application NumberPriority DateFiling DateTitle
CN201710959775.5ACN107818143B (en)2017-10-162017-10-16Page configuration and generation method and device

Applications Claiming Priority (1)

Application NumberPriority DateFiling DateTitle
CN201710959775.5ACN107818143B (en)2017-10-162017-10-16Page configuration and generation method and device

Publications (2)

Publication NumberPublication Date
CN107818143A CN107818143A (en)2018-03-20
CN107818143Btrue CN107818143B (en)2021-12-17

Family

ID=61608205

Family Applications (1)

Application NumberTitlePriority DateFiling Date
CN201710959775.5AActiveCN107818143B (en)2017-10-162017-10-16Page configuration and generation method and device

Country Status (1)

CountryLink
CN (1)CN107818143B (en)

Families Citing this family (23)

* Cited by examiner, † Cited by third party
Publication numberPriority datePublication dateAssigneeTitle
CN108646965B (en)*2018-05-142021-06-25平安科技(深圳)有限公司Service line processing method, terminal device and medium
CN108804318A (en)*2018-05-242018-11-13北京金山安全软件有限公司Page element testing method and device, electronic equipment and storage medium
CN110633118A (en)*2018-06-212019-12-31绍兴锋芒电子科技有限公司Program self-making method, device and storage medium
CN108829885A (en)*2018-06-272018-11-16珠海市君天电子科技有限公司Page generation method, device, server, electronic equipment and storage medium
CN109002510B (en)*2018-06-292021-08-13北京百度网讯科技有限公司 A dialogue processing method, apparatus, device and medium
CN109670154B (en)*2018-09-182023-10-20平安科技(深圳)有限公司Base table configuration method, equipment, storage medium and device
CN109375960B (en)*2018-09-292021-10-01郑州云海信息技术有限公司 A method and device for loading copyright information
CN109447582B (en)*2018-10-172020-12-22东软集团股份有限公司Business process processing method, device and storage medium
CN111131352B (en)*2018-10-312023-01-13北京国双科技有限公司Theme switching method and device
CN109977381B (en)*2019-03-042023-06-09沐坤科技有限公司H5 interactive resource access editing and playing tool based on Office Addin
CN111813435A (en)*2019-04-112020-10-23天津五八到家科技有限公司 Page content configuration method, device and electronic device
CN110286907B (en)*2019-06-252022-11-15北京明略软件系统有限公司Display method and device of public button assembly
CN112287266B (en)*2019-07-092025-01-07腾讯科技(深圳)有限公司 A web page configuration processing method and its device, equipment and storage medium
CN110716783A (en)*2019-10-102020-01-21秒针信息技术有限公司Front-end page generation and deployment method and device, storage medium and equipment
CN111291302B (en)*2020-03-202023-06-27成都药王科技股份有限公司 A quick way to create event pages
CN111984254B (en)*2020-07-072024-12-06招联消费金融股份有限公司 A page generation method, device, computer equipment and storage medium
CN114520045A (en)*2020-11-182022-05-20京东方科技集团股份有限公司Interaction method, electronic device and storage medium
CN113760385A (en)*2021-01-182021-12-07北京京东拓先科技有限公司 Page configuration method, apparatus, electronic device, and computer-readable storage medium
CN112947925A (en)*2021-03-302021-06-11中国建设银行股份有限公司Lottery drawing activity making method, device, medium and electronic equipment based on bank card
CN114238806B (en)*2021-11-252024-12-24建信金融科技有限责任公司 Page display method, device, computer equipment, storage medium and program product
CN114567623B (en)*2022-02-202023-09-08中国银联股份有限公司 A page display method and device
CN115687040A (en)*2022-08-312023-02-03中国工商银行股份有限公司 Access duration determination method, device, device, medium and program product
CN119311979A (en)*2023-07-112025-01-14北京有竹居网络技术有限公司 Activity configuration method, device, equipment and storage medium

Family Cites Families (11)

* Cited by examiner, † Cited by third party
Publication numberPriority datePublication dateAssigneeTitle
US7409710B1 (en)*2003-10-142008-08-05Sun Microsystems, Inc.Method and system for dynamically generating a web-based user interface
CA2674659C (en)*2008-08-052016-10-18Accenture Global Services GmbhSynchronous to asynchronous web page conversion
CN101908044A (en)*2009-06-042010-12-08上海灵慧软件技术有限公司Dynamically adjustable template and using method thereof
CN101807209A (en)*2010-04-142010-08-18深圳市同洲电子股份有限公司Method and system for manufacturing webpage, client and server
CN102201009B (en)*2011-06-212013-02-27深圳市凯立德科技股份有限公司Form generating method and device
CN103019684B (en)*2012-11-202016-03-16北京思特奇信息技术股份有限公司A kind of method of the configuration service page based on dynamic template
CN103838576A (en)*2014-02-252014-06-04杨红俊Website establishing method and device
CN103955367A (en)*2014-04-282014-07-30华为技术有限公司Method and device for generating pages
CN106708480B (en)*2015-07-292021-02-26腾讯科技(深圳)有限公司Management platform implementation method and device
CN105183475A (en)*2015-09-082015-12-23北京思特奇信息技术股份有限公司Method and system for customizing individuality pages of portal website by user himself
CN106569800B (en)*2016-10-172020-10-23北京小米移动软件有限公司Front-end interface generation method and device

Also Published As

Publication numberPublication date
CN107818143A (en)2018-03-20

Similar Documents

PublicationPublication DateTitle
CN107818143B (en)Page configuration and generation method and device
US11526655B2 (en)Machine learning systems and methods for translating captured input images into an interactive demonstration presentation for an envisioned software product
US10936179B2 (en)Methods and systems for web content generation
US10416851B2 (en)Electronic publishing mechanisms
US11790158B1 (en)System and method for using a dynamic webpage editor
US10565293B2 (en)Synchronizing DOM element references
US7913173B2 (en)Method and apparatus for acquiring data presented within a web browser
US12217071B2 (en)Methods and systems for content generation via templates with rules and/or triggers
US20130272679A1 (en)Video Generator System
CN104657451B (en)The processing method and processing device of the page
US9772978B2 (en)Touch input visualizations based on user interface context
US20120317486A1 (en)Embedded web viewer for presentation applications
US20140033171A1 (en)Customizable multistate pods
CN107832052B (en) Method, apparatus and storage medium and electronic device for displaying preview page
US10951486B2 (en)Terminal device, UI expansion method, and UI expansion program
US10817895B2 (en)Marketing campaign system and method
US20170010869A1 (en)Multistage customizing of web-based application in a browser independent of platform and operating system
US11120200B1 (en)Capturing unstructured information in application pages
StarkBuilding iPhone apps with HTML, CSS, and #"similarDocuments" itemscope repeat>CN110333853A (en) Activity card application method, device, equipment and readable storage medium
US20250123728A1 (en)Automation tool for generating web pages and links
GanapathyLearning google apps script
WO2023239468A1 (en)Cross-application componentized document generation
CN118377406A (en) Content-based expression method, device, computer equipment and storage medium
US20200159805A1 (en)System and method for producing transferable, modular web pages

Legal Events

DateCodeTitleDescription
PB01Publication
PB01Publication
SE01Entry into force of request for substantive examination
SE01Entry into force of request for substantive examination
GR01Patent grant
GR01Patent grant

[8]ページ先頭

©2009-2025 Movatter.jp