Page creation method, apparatus and system, computer apparatus and storage medium

Abstract

The present disclosure relates to a page creation method, device and system, computer device and storage medium. The page creation method comprises: a business terminal builds a page template according to visual input of a business personnel; the business terminal associates the page template with a data source specified by the business personnel, and generates page template data; and the business terminal sends the page template data to a user terminal, so that the user terminal parses the page template data, generates a page, and presents the page to a user. The present disclosure can solve the demand for building personalized activity pages without code development, and greatly improves the page building efficiency.

Description

TECHNICAL FIELD

[0001] The present disclosure relates to the field of page creation, and in particular to a page creation method, device and system, computer device and storage medium. BACKGROUND

[0002] A large e-commerce platform in the related art will carry out a large number of marketing activities every day, and each activity needs to build an activity display page facing terminal consumers, for displaying activity-related goods, advertisements and other components (countdown, coupons, etc.). In order to ensure the quality of the activity and the experience of the consumer, and to improve sales, each activity strives to be unique and tries not to be similar. SUMMARY

[0003] The inventor has noticed that the activity page development process of the e-commerce platform in the related art has problems such as long cycle, high cost, difficulty in modification, and low efficiency, and needs to be operated in sequence according to a series of processes such as user experience design, shop decoration scheme, front-end and back-end development, testing and online.

[0004] In view of at least one of the above technical problems, the present disclosure provides a page creation method, device and system, computer device and storage medium, which can solve the demand for building personalized activity pages without code development, and greatly improve the page building efficiency.

[0005] According to one aspect of the present disclosure, a page creation method is provided, comprising:

[0006] The business terminal builds a page template according to the visual input of the business personnel;

[0007] The business terminal associates the page template with the data source specified by the business personnel, and generates page template data;

[0008] The business terminal sends the page template data to the user terminal, so that the user terminal parses the page template data, generates a page, and presents the page to the user.

[0009] In some embodiments of the present disclosure, the visual input includes at least one of clicking, dragging and configuring.

[0010] In some embodiments of the present disclosure, the page template includes at least one of a container, an element and a view.

[0011] In some embodiments of the present disclosure, the business terminal builds a page template according to the visual input of the business personnel, comprising:

[0012] The business terminal configures and combines the elements to form a view according to the visual input of the business personnel;

[0013] The business terminal determines the arrangement of the views through the selection of the containers according to the visual input of the business personnel.

[0014] In some embodiments of the present disclosure, the business terminal associates the page template with the data source designated by the business personnel includes:

[0015] The business terminal associates the elements of the page template with the corresponding data fields.

[0016] In some embodiments of the present disclosure, the business terminal builds the page template according to the visual input of the business personnel includes:

[0017] The business terminal multi-layer nests at least one of the containers and the views according to the visual input of the business personnel.

[0018] According to another aspect of the present disclosure, a page creation method is provided, including:

[0019] The user terminal receives the page template data sent by the business terminal, wherein the page template data is generated after the business terminal associates the page template with the data source designated by the business personnel, and the page template is built by the business terminal according to the visual input of the business personnel;

[0020] The user terminal parses the page template data to generate a page.

[0021] The user terminal presents the generated page to the user.

[0022] In some embodiments of the present disclosure, the user terminal parses the page template data to generate a page includes:

[0023] Determining the root container type according to the page template data, wherein the page template data includes at least one of a root container, a data set, and a template dictionary, and the data set is a data source, page data, or floor data;

[0024] Obtaining the multi-frame data corresponding to the container from the data source according to the reference value field;

[0025] Traversing each frame of data to perform data parsing to generate a page.

[0026] In some embodiments of the present disclosure, the user terminal traverses each frame of data to perform data parsing includes:

[0027] Finding the corresponding template data from the data set through the data identifier in each frame of data;

[0028] Performing recursive scanning on the template data layer by layer, and searching for values through the value field for each control and the view containing the control.

[0029] In some embodiments of the present disclosure, the page template data and the page parsing process are adapted to user terminals of various systems.

[0030] According to another aspect of the present disclosure, a service terminal is provided, comprising:

[0031] a template building module configured to build a page template according to visual input of a service personnel;

[0032] a template data generation module configured to associate the page template with a data source specified by the service personnel, and generate page template data;

[0033] a template data sending module configured to send the page template data to a user terminal, so that the user terminal parses the page template data, generates a page, and presents the page to a user.

[0034] In some embodiments of the present disclosure, the visual input comprises at least one of clicking, dragging, and configuring.

[0035] In some embodiments of the present disclosure, the page template comprises at least one of a container, an element, and a view.

[0036] In some embodiments of the present disclosure, the service terminal is configured to configure and combine elements to form a view according to the visual input of the service personnel, and determine an arrangement manner of the view by selection of the container according to the visual input of the service personnel.

[0037] In some embodiments of the present disclosure, the service terminal is configured to associate elements of the page template with corresponding data fields.

[0038] In some embodiments of the present disclosure, the service terminal is configured to perform multi-layer nesting on at least one of the container and the view according to the visual input of the service personnel.

[0039] According to another aspect of the present disclosure, a user terminal is provided, comprising:

[0040] a template data receiving module configured to receive page template data sent by a service terminal, wherein the page template data is generated by the service terminal after associating a page template with a data source specified by a service personnel, and the page template is built by the service terminal according to visual input of the service personnel;

[0041] a data parsing module configured to parse the page template data, and generate a page;

[0042] a page presenting module configured to present the generated page to a user.

[0043] In some embodiments of the present disclosure, the user terminal is configured to determine a root container type according to page template data, wherein the page template data comprises at least one of a root container, a data set, and a template dictionary, the data set being a data source, page data, or floor data; obtain multi-frame data corresponding to the container from the data source according to a reference value field; and traverse each frame of data to perform data analysis to generate a page.

[0044] In some embodiments of the present disclosure, the user terminal is configured to find corresponding template data from the data set according to a data identifier in each frame of data; and perform layer-by-layer recursive scanning on the template data to search for values of each control and view containing the control according to a value field.

[0045] In some embodiments of the present disclosure, the page template data and the page analysis process are adapted to user terminals of various systems.

[0046] According to another aspect of the present disclosure, a computer device is provided, comprising:

[0047] a memory configured to store instructions;

[0048] a processor configured to execute the instructions to cause the computer device to perform operations of the page creation method according to any one of the above embodiments.

[0049] According to another aspect of the present disclosure, a page creation system is provided, comprising a service terminal according to any one of the above embodiments and a user terminal according to any one of the above embodiments.

[0050] According to another aspect of the present disclosure, a non-transitory computer readable storage medium is provided, wherein the non-transitory computer readable storage medium stores computer instructions, and the instructions, when executed by a processor, implement the page creation method according to any one of the above embodiments.

[0051] The present disclosure can solve the demand for building personalized activity pages without code development, and greatly improve the page building efficiency. BRIEF DESCRIPTION OF DRAWINGS

[0052] In order to more clearly illustrate the technical solutions of the embodiments of the present disclosure or the prior art, the drawings needed in the embodiments or prior art description will be briefly introduced. Obviously, the drawings in the following description are only some embodiments of the present disclosure, and other drawings can be obtained by those skilled in the art without creative labor.

[0053] Figure 1 Schematic diagram of some embodiments of the page creation method of the present disclosure.

[0054] Figure 2A diagram for a user interface for building a floor template in some embodiments of the present disclosure.

[0055] Figure 3 A diagram for a page creation method in some other embodiments of the present disclosure.

[0056] Figure 4 A diagram for a page parsing method in some embodiments of the present disclosure.

[0057] Figure 5 A diagram for a page parsing method in some other embodiments of the present disclosure.

[0058] Figure 6 A diagram for an iOS access procedure in some embodiments of the present disclosure.

[0059] Figure 7 A diagram for an Android access procedure in some embodiments of the present disclosure.

[0060] Figure 8 A diagram for an H5 access procedure in some embodiments of the present disclosure.

[0061] Figure 9 A diagram for a service terminal in some embodiments of the present disclosure.

[0062] Figure 10 A diagram for a user terminal in some embodiments of the present disclosure.

[0063] Figure 11 A structural diagram of a computer device in some embodiments of the present disclosure.

[0064] Figure 12 A diagram for a page creation system in some embodiments of the present disclosure. DETAILED DESCRIPTION

[0065] The technical solutions in the embodiments of the present disclosure will be described clearly and completely below with reference to the drawings in the embodiments of the present disclosure. Obviously, the described embodiments are only part of the embodiments of the present disclosure, rather than all the embodiments. The following description of at least one exemplary embodiment is actually only illustrative, but not as any limitation on the present disclosure and its application or use. Based on the embodiments in the present disclosure, all other embodiments obtained by those of ordinary skill in the art without creative labor fall within the scope of the present disclosure.

[0066] Unless otherwise specified, the relative arrangement, numerical expressions, and values of the components and steps set forth in these embodiments do not limit the scope of the present disclosure.

[0067] Meanwhile, it should be understood that the sizes of the various parts shown in the drawings are not drawn in accordance with the actual proportional relationship for the convenience of description.

[0068] Techniques, methods, and devices known to those of ordinary skill in the relevant art can not be discussed in detail herein. However, where appropriate, such techniques, methods, and devices can be considered part of the present disclosure.

[0069] In all of the examples shown and discussed herein, any specific values should be interpreted as merely exemplary, and not as a limitation. Thus, other examples of the exemplary embodiments can have different values.

[0070] It should be noted that like reference numerals and letters refer to like items throughout the attached drawings, and once an item is defined in one drawing, it is not necessary to discuss it further in subsequent drawings.

[0071] The inventors have noticed that, with the rapid development of businesses, the activities carried out by platforms every day are more and more, the game is more and more complex and diverse, and the online time requirement of the activities is higher and higher. Relying on the traditional activity development process cannot meet the needs of the business.

[0072] The method for building an activity page of a related art e-commerce platform is summarized as follows:

[0073] An activity page development method of a related art includes: a business party proposes requirements; a visual draft and a product interaction diagram; front-end and back-end development, joint debugging, testing, and online; and secondary development and online when the activity needs to be modified.

[0074] The technical problem of the related art is that the process is serial, the cycle is too long, there are many design departments, the cooperation between departments is required, the design and development resource utilization rate is extremely low, and there are a large number of repeated behaviors.

[0075] Another standard template building method of a related art includes: visual, product, and development activities elements formed by experience precipitation are formed into floor templates, such as a commodity template and an advertisement template; a business party selects a required page template and associates activity data, such as a commodity name, a price, and a stock; and an activity is automatically online.

[0076] The technical problem of the related art is that the fixed template cannot meet the customization needs and the consumer aesthetic fatigue, and cannot meet the special needs of all categories and all activities, and special needs still need to be developed.

[0077] In view of at least one of the above technical problems, the present disclosure needs a page creation method, device and system, computer device and storage medium. The present disclosure is described below through specific embodiments.

[0078] Figure 1A schematic diagram of some embodiments of a method for creating a page of the present disclosure is shown. Preferably, the embodiments can be performed by a business terminal or a computer device of the present disclosure. The method can comprise at least one of steps 11-13, wherein:

[0079] In step 11, the business terminal builds a page template according to a visual input of a business staff.

[0080] In some embodiments of the present disclosure, the visual input can comprise at least one of a click, a drag, a configuration, and the like.

[0081] In some embodiments of the present disclosure, the page template can be a template generated according to a specific language protocol.

[0082] In some embodiments of the present disclosure, the specific language protocol can be a ViewKit (building block) protocol.

[0083] In some embodiments of the present disclosure, the page template can comprise at least one of a container, an element, and a view.

[0084] In some embodiments of the present disclosure, Table 1 shows the meaning and examples of the container, the element, and the view.

[0085] Table 1

[0086]

[0087] In some embodiments of the present disclosure, the container determines the layout and the interaction mode of the first layer view. A plurality of views can be arranged in the container (e.g., 2 views in each container), and a plurality of elements can be arranged in each view (e.g., 1 element in each view).

[0088] In some embodiments of the present disclosure, Table 2 shows the type and description of the main elements of the present disclosure, wherein URL is Uniform Resource Locator.

[0089] Table 2

[0090]

[0091]

[0092] In some embodiments of the present disclosure, Table 3 shows the type and description of the view of the present disclosure.

[0093] Table 3

[0094]

[0095] In some embodiments of the present disclosure, a container determines the layout and interaction mode of several first-level views, and one container can contain several first-level views. The container can contain the container types as shown in Table 4.

[0096] Table 4

[0097] Attribute Container Type Description scroll Scroll container Scroll left / right / up / down on multi-page banner Banner container Carousel flatView Flat container Scroll horizontally multiTab Multi-tab container Scroll horizontally beyond the flat container

[0098] In some embodiments of the present disclosure, the parameters of different types of containers are different.

[0099] In some embodiments of the present disclosure, Table 5 gives the parameters of the banner carousel container of the present disclosure.

[0100] Table 5

[0101]

[0102] In some embodiments of the present disclosure, Table 6 gives the parameters of the flatView flat container, multiTab multi-module container and scroll scroll container of the present disclosure.

[0103] Table 6

[0104] Attribute Type Default Value Description Required type string Type Container type Yes valueRefer string Data that the container depends on Yes style object Style attribute information Yes

[0105] In some embodiments of the present disclosure, step 11 can include at least one of steps 111-112, wherein:

[0106] Step 111, the business terminal configures and combines elements to form a view according to the visual input of the business personnel.

[0107] Step 112, the business terminal determines the arrangement mode of the view by selecting the container according to the visual input of the business personnel.

[0108] In some embodiments of the present disclosure, step 11 can include: the business terminal performs multi-layer nesting on at least one of the container and the view according to the visual input of the business personnel.

[0109] In some embodiments of the present disclosure, step 11 can include: in order to realize the personalized activity page building of no-code development, the present disclosure provides a UI (User Interface) page for building a floor template, mainly for the operation personnel of e-commerce, helping them to build a page through simple clicking, dragging, configuring and other operations.

[0110] Figure 2 The schematic diagram of the user interface for building the floor template in some embodiments of the present disclosure. The operation personnel can build a page through Figure 2The user interface of the embodiment constructs a complex activity interface template. Specifically, step 11 can include: configuring, combining and arranging views through the configuration of basic elements, the selection of containers, and multi-layer nesting.

[0111] In some embodiments of the present disclosure, step 11 can include: a business party (business personnel) proposing a demand for a new marketing page displayed with custom data using a complex template; the business party providing a visual draft; and the business party building a page template on a visual activity floor template building system according to the visual draft, without the involvement of a developer.

[0112] Step 12: The business terminal associates the page template with the data source specified by the business personnel, and generates page template data.

[0113] In some embodiments of the present disclosure, step 12 can include: the business terminal associating the elements of the page template with corresponding data fields.

[0114] In some embodiments of the present disclosure, step 12 can include: the business party registering a third-party data source provided by the business party on the visual activity floor template building system according to the needs of the business party, without the involvement of a developer; and after the template and the data source are ready, the business party can use the template built by the business party in the operation interface, associate the data source of the business party, and complete the demand. The entire process does not require the involvement of a developer.

[0115] Step 13: The business terminal sends the page template data to the user terminal, so that the user terminal parses the page template data, generates a page, and presents the page to the user.

[0116] In some embodiments of the present disclosure, step 13 can include: after the business personnel build the template on the building system, the business terminal (B-end) sends a string of data in a specific language protocol format to the user terminal (C-end), and the C-end can parse and render the string of data into the style actually seen by the user based on the protocol after accessing the SDK (Software Development Kit).

[0117] In some embodiments of the present disclosure, the specific language protocol can be a ViewKit language protocol, wherein the ViewKit language protocol is used as a DSL (Domain-specific language) for parsing the activity floor template in iOS, Android and H5.

[0118] The entire process of the above-mentioned embodiments of the present disclosure is completed by the business party through business focus self-service, without the involvement of a developer, thereby avoiding the disadvantage of single style caused by fixed templates.

[0119] The above-mentioned embodiments of the present disclosure greatly improve efficiency and reduce communication costs.

[0120] The above-mentioned embodiments of the present disclosure can implement various complex page templates supported by the first related technology activity page development method, and have a fast cycle and high self-service.

[0121] The above-mentioned embodiments of the present disclosure provide a tool for free combination and style configuration of basic elements such as text, pictures, countdown, buttons, switches, labels, and progress bars in various layout modes such as tiling, rich text, sliding, and carousel, which can meet most of the customized page needs of businesses.

[0122] The above-mentioned embodiments of the present disclosure provide a visual activity page building interface, and users without development background can build pages through drag-and-drop and configuration operations, which is simple and fast.

[0123] Figure 3 A schematic diagram of another embodiment of the page creation method of the present disclosure is provided. Preferably, the embodiment can be executed by a user terminal or a computer device of the present disclosure. The method can include at least one of steps 31-33, wherein:

[0124] Step 31, the user terminal receives the page template data sent by the business terminal, wherein the page template data is generated after the business terminal associates the page template with the data source specified by the business personnel, and the page template is built by the business terminal according to the visual input of the business personnel.

[0125] Step 32, the user terminal parses the page template data to generate a page.

[0126] In some embodiments of the present disclosure, step 32 can include at least one of steps 321-323, wherein:

[0127] Step 321, determine the root container type according to the page template data, wherein the page template data includes at least one of data structures such as root container dslRoot, data set dslData, and template dictionary dslMap, and the data set is a data source, page data, or floor data.

[0128] In some embodiments of the present disclosure, Table 7 shows the data structure of the page template data of the present disclosure.

[0129] Table 7

[0130]

[0131] Step 322, obtain the multi-frame data corresponding to the container from the data source according to the reference value field.

[0132] Step 323: Traverse each frame of data and parse the data to generate the page. Step 33: The user terminal presents the generated page to the user.

[0133] In some embodiments of this disclosure, step 323 may include: finding the corresponding template data in the dataset through the data identifier in each frame of data; performing a recursive scan of the template data layer by layer, and searching for the value of each control and the view containing the control through the value field.

[0134] In some embodiments of this disclosure, the page template data and page parsing process are adapted to user terminals of various systems (e.g., iOS, Android, H5).

[0135] Step 33: The user terminal presents the generated page to the user.

[0136] Figure 4 These are schematic diagrams illustrating some embodiments of the page parsing method disclosed herein. The page template data parsing method disclosed herein (e.g.) Figure 3 Step 32) of the embodiment may include at least one of steps 41-43, wherein:

[0137] Step 41: First, determine the type of the root container (tiling, sliding, carousel, multi-module), then obtain the n-frame data (array type) corresponding to the container from dslData based on valueRefer (this field cannot be empty), and then start traversing each frame of data.

[0138] Step 42: Find the corresponding template dsl in dslMap by using the dslId (template identifier) ​​in each frame data object.

[0139] Step 43: Perform a recursive scan of the template dsl layer by layer, and retrieve the value from the data dslData through valueRefer for each control and the view containing the control (view, image, text, richText, view, image, text, rich text).

[0140] In some embodiments of this disclosure, step 43 may include: since the data corresponding to view and richText are objects, if valueRefer is an empty field, the parent data is passed over; otherwise, the data object corresponding to valueRefer is obtained. If image and text are empty, the control data is empty.

[0141] In some embodiments of this disclosure, the page template data parsing method further includes: if the template dsl contains a sub-container type and a root container type (tiling, sliding, carousel, multi-module), then steps 41, 42, and 43 are repeated.

[0142] Figure 5 This is a schematic diagram of some embodiments of the page parsing method of the present disclosure. The page template data parsing method of the present disclosure (for example Figure 3 Step 32) of the embodiments can include at least one of steps 501-513, wherein:

[0143] Step 501, parse the dslRoot node in the floor information.

[0144] Step 502, determine whether the dslRoot can find corresponding objects and styles in the dslMap. If it can, execute step 503; otherwise, if it cannot, execute step 504.

[0145] Step 503, the root container uses the style of the dslMap, and then executes step 505.

[0146] Step 504, the root container uses the style of the dslRoot.

[0147] Step 505, find the list of dslData objects corresponding to valueRefer.

[0148] Step 506, parse the dslData object, and find the corresponding information in the dslMap according to the dslId field.

[0149] Step 507, parse the style and parse the event. If there is an eventKey (event key value), find the corresponding information from the jump (jump) in the dslData.

[0150] In some embodiments of the present disclosure, step 507 can include: the jump of the child element of the view in the dslData structure is also in the view section, the action = toSKUDetail (the action is to point to the commodity details) and the valueRefer is empty, which indicates that the click type is configured as none, and there is no eventKey corresponding object in the dslData.

[0151] Step 508, determine whether there is a children child object to be parsed in the dslMap object. If there is, execute step 510; otherwise, if there is not, execute step 509.

[0152] Step 509, determine whether there are more dslData objects to be parsed. If there are, execute step 506; otherwise, if there are not, no further steps of the embodiments are executed, and the process ends.

[0153] Step 510, judge whether the valueRefer in the dslMap is not empty. If not empty, execute step 511; otherwise, if empty, execute step 507.

[0154] Step 511, judge whether the dslMap object type is view and the valueRefer is associated with a data source. If yes, execute step 505; otherwise, if not, execute step 512.

[0155] Step 512, directly obtain the value from the dslMap or dslData (depending on whether it is custom or data path).

[0156] Step 513, judge whether there are other sibling objects to be parsed. If yes, execute step 510; otherwise, if not, execute step 509.

[0157] In some embodiments of the present disclosure, the main process of parsing the ViewKit protocol language is consistent for three terminals (iOS, Android, and H5).

[0158] In some embodiments of the present disclosure, the App or browser needs to meet the following requirements to render the page and floor in the form of blocks (viewkit): first, ensure that the data delivered complies with the data structure of the SDK; the client joins the corresponding SDK (iOS and Android), and the downgrade solution is H5.

[0159] In some embodiments of the present disclosure, the App or browser needs to access the SDK to parse the viewkit protocol, otherwise it cannot recognize the viewkit protocol.

[0160] Figure 6 A schematic diagram of some embodiments of the iOS access process of the present disclosure is shown. As shown in FIG. 6, the iOS access process of the present disclosure can include at least one of steps 61-65, wherein: Figure 6

[0161] Step 61, register components.

[0162] In some embodiments of the present disclosure, step 61 can include picture downloading, event response, and burying points.

[0163] Step 62, instantiate objects.

[0164] Step 63, store map information.

[0165] Step 64, generate viewkit floor information.

[0166] Step 65, generate layers.

[0167] Figure 7 ​A schematic diagram of some embodiments of the Android access procedure of the present disclosure is shown in FIG. 7. Figure 7 As shown in FIG. 7, the Android access procedure of the present disclosure can include at least one of steps 71-75, wherein:

[0168] Step 71, introduce Viewkit library.

[0169] Step 72, register service, generate Viewkit instantiation object.

[0170] Step 73, store DSL template.

[0171] Step 74, generate viewkit floor information.

[0172] Step 75, layer generation.

[0173] Figure 8 A schematic diagram of some embodiments of the H5 access procedure of the present disclosure is shown in FIG. 8. Figure 8 As shown in FIG. 8, the H5 access procedure of the present disclosure can include at least one of steps 81-85, wherein:

[0174] Step 81, introduce Viewkit library.

[0175] Step 82, initialization.

[0176] Step 83, layer generation.

[0177] The above embodiments of the present disclosure can meet all needs of general e-commerce activity pages through the combination and nesting between containers, views, and elements in the ViewKit language protocol, and achieve high flexibility and openness.

[0178] The above embodiments of the present disclosure adopt the ViewKit language protocol, and provide the ability of three-end parsing (iOS, Android, and H5), which meets the browsing needs of activity pages on each end.

[0179] The above embodiments of the present disclosure provide a visual activity page template building interface, and users can build pages through operations such as dragging and configuring without having a research and development background, which meets the needs of quick and convenient activity operation.

[0180] According to another aspect of the present disclosure, a page creation method can include the page creation method described in at least one of the above embodiments (for example Figure 1-8 at least one embodiment).

[0181] The above embodiments of the present disclosure provide an integrated solution for activity page creation, which is used to solve the demand for personalized activity page building in a codeless development manner, greatly improves the page building efficiency, greatly reduces the online time cost and R&D cost of activities, and can meet most of the customized needs of business parties and generate rich pages.

[0182] Figure 9 A schematic diagram of some embodiments of the business terminal of the present disclosure is shown. As shown in Figure 9 The business terminal of the present disclosure can include a template building module 110, a template data generation module 120, and a template data sending module 130, wherein:

[0183] The template building module 110 is configured to build a page template according to the visual input of the business personnel.

[0184] In some embodiments of the present disclosure, the page template includes at least one of a container, an element, and a view.

[0185] In some embodiments of the present disclosure, the visual input includes at least one of clicking, dragging, and configuring.

[0186] In some embodiments of the present disclosure, the template building module 110 can be configured to configure and combine elements to form a view according to the visual input of the business personnel, and determine the arrangement mode of the view through the selection of the container according to the visual input of the business personnel.

[0187] In some embodiments of the present disclosure, the template building module 110 can be configured to perform multi-layer nesting on at least one of the container and the view according to the visual input of the business personnel.

[0188] The template data generation module 120 is configured to associate the page template with a data source specified by the business personnel and generate page template data.

[0189] In some embodiments of the present disclosure, the template data generation module 120 can be configured to associate the elements of the page template with corresponding data fields.

[0190] The template data sending module 130 is configured to send the page template data to a user terminal, so that the user terminal parses the page template data, generates a page, and presents the page to the user.

[0191] In some embodiments of the present disclosure, the business terminal is configured to perform operations to implement the page creation method as described in any of the above embodiments (for example Figure 1-2 any embodiment).

[0192] The above embodiments of the present disclosure provide a visual activity floor template building system for providing a UI page for building a floor template.

[0193] The above embodiments of the present disclosure provide a tool for freely combining and style configuring basic elements such as text, pictures, countdown, buttons, switches, labels, and progress bars in various layout modes such as tiling, rich text, sliding, and carousel, which can theoretically meet most of the customized page needs of businesses.

[0194] The above embodiments of the present disclosure provide a visual activity page building interface, and users can build a page through operations such as dragging and configuring without a research and development background, which is simple and fast.

[0195] The above embodiments of the present disclosure unify the activity page building process of all platforms, greatly reducing research and development costs and communication costs, and realizing platformization, standardization, and one-stop of activity building.

[0196] The above embodiments of the present disclosure only need to modify the configuration and automatically publish on the visual activity building platform when the activity page needs to be modified, without a cumbersome code publishing process, which is fast and flexible.

[0197] Figure 10 A schematic diagram of some embodiments of the user terminal of the present disclosure is shown. As shown in Figure 10 The business terminal of the present disclosure can include a template data receiving module 210, a data analysis module 220, and a page rendering module 230, wherein:

[0198] The template data receiving module 210 is configured to receive page template data sent by the business terminal, wherein the page template data is generated after the business terminal associates a page template with a data source specified by a business personnel, and the page template is built by the business terminal according to the visual input of the business personnel.

[0199] The data analysis module 220 is configured to analyze the page template data to generate a page.

[0200] In some embodiments of the present disclosure, the data analysis module 220 can be configured to determine a root container type according to the page template data, wherein the page template data includes at least one of a root container, a data set, and a template dictionary, the data set is a data source, page data, or floor data; obtain multiple frames of data corresponding to the container from the data source according to a reference value field; and traverse each frame of data to perform data analysis to generate a page.

[0201] In some embodiments of the present disclosure, when the data analysis module 220 traverses each frame of data to perform data analysis, it can be configured to find corresponding template data in the data set through a data identifier in each frame of data; and perform recursive scanning on the template data layer by layer, and find values in each control and view containing the control through a value field.

[0202] In some embodiments of this disclosure, the page template data and page parsing process can be adapted to user terminals of various systems (e.g., iOS, Android, H5).

[0203] Page presentation module 230 is used to present the generated page to the user.

[0204] In some embodiments of this disclosure, the user terminal can be used to perform any of the embodiments described above (e.g., Figure 3-8 The operation of the page creation method described in any embodiment.

[0205] The ViewKit language protocol described in the above embodiments of this disclosure is used as a domain-specific language for parsing activity floor templates in iOS, Android, and H5.

[0206] The ViewKit parsing SDK of the above embodiments disclosed herein is provided to iOS, Android, and H5 for parsing the ViewKit language and rendering natively active pages (which can be downgraded to H5 pages).

[0207] The activity page of the above embodiments disclosed herein is adapted to three platforms (iOS, Android, and H5), provides a client SDK, prioritizes parsing native pages to improve performance and user experience, and can also downgrade to H5 to ensure that the activity page can be opened correctly in any environment.

[0208] The language protocol of the above embodiments of this disclosure achieves separation of data and style, so users do not need to worry about the coupling between the activity template style and the activity data structure.

[0209] Figure 11 This is a schematic diagram illustrating the structure of some embodiments of the computer device disclosed herein. For example... Figure 11 As shown, the computer device includes a memory 310 and a processor 320.

[0210] Memory 310 is used to store instructions, and processor 320 is coupled to memory 310. Processor 320 is configured to execute instructions stored in memory as described in any of the above embodiments (e.g., Figure 1-8 The page creation method described in any embodiment.

[0211] In some embodiments of this disclosure, the processor 320 executes implementations as described in any of the embodiments above (e.g. Figure 1-2 In the case of the page creation method described in any embodiment, the computer device of this disclosure can be implemented as the business terminal of this disclosure.

[0212] In some embodiments of this disclosure, the processor 320 executes implementations as described in any of the embodiments above (e.g. Figure 3-8In the case of the page creation method described in any of the embodiments, the computer device of the present disclosure can be implemented as a user terminal of the present disclosure.

[0213] As shown in Figure 11 , the computer device further includes a communication interface 330 for information interaction with other devices. Meanwhile, the computer device further includes a bus 340, and the processor 320, the communication interface 330, and the memory 310 complete communication with each other through the bus 340.

[0214] The memory 310 can include a high-speed RAM memory, and can also include a non-volatile memory, for example, at least one disk memory. The memory 310 can also be a memory array. The memory 310 can also be divided into blocks, and the blocks can be combined into a virtual volume according to certain rules.

[0215] In addition, the processor 320 can be a central processor CPU, or can be an application-specific integrated circuit ASIC, or one or more integrated circuits configured to implement the embodiments of the present disclosure.

[0216] Figure 12 A schematic diagram of some embodiments of the page creation system of the present disclosure is shown in Figure 12 , the business terminal of the present disclosure can include a business terminal 100 and a user terminal 200, wherein:

[0217] The business terminal 100 is a business terminal as described in any of the embodiments of the present disclosure (for example Figure 9 embodiment).

[0218] The user terminal 200 is a user terminal as described in any of the embodiments of the present disclosure (for example Figure 10 embodiment).

[0219] The above-mentioned embodiments of the present disclosure provide an integrated solution for quickly building a multi-terminal adaptive page of e-commerce operation activities. The above-mentioned embodiments of the present disclosure are used to solve the needs of personalized activity page building without code development, greatly improve the page building efficiency, greatly reduce the activity online time cost and research and development cost, and at the same time, the above-mentioned embodiments of the present disclosure can meet most of the customized needs of business parties and generate rich pages.

[0220] According to another aspect of the present disclosure, a non-transitory computer readable storage medium is provided, wherein the non-transitory computer readable storage medium stores computer instructions, and the instructions are executed by a processor to implement the page creation method described in at least one of the above-mentioned embodiments (for example Figure 1-8 at least one embodiment).

[0221] Those skilled in the art will appreciate that embodiments of the disclosure can be supplied as a method, an apparatus, or a computer program product. Thus, the disclosure can take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, the disclosure can take the form of a computer program product on one or more computer-usable non-transitory storage media (including, but not limited to, disk storage, CD-ROMs, optical storage devices, and the like) having computer-usable program code embodied in the medium.

[0222] The disclosure is described in reference to the flowchart and / or block diagrams of the method, apparatus (system) and computer program product according to embodiments of the disclosure. It should be understood that each flow and / or block in the flowchart and / or block diagrams and a combination of flows and / or blocks in the flowchart and / or block diagrams can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, an embedded processor, or other programmable data processing apparatus to produce a machine, so that the instructions executed by the processor of the computer or other programmable data processing apparatus create means for implementing the functions specified in the flowchart and / or block diagrams block or blocks. Figure 1 one or more flows and / or blocks Figure 1 an apparatus that implements the functions specified in the flowchart and / or block diagram block or blocks.

[0223] These computer program instructions can also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to work in a specific manner, so that the instructions stored in the computer-readable memory produce a manufactured product including instruction apparatus, which implements the functions specified in the flowchart and / or block diagram block or blocks. Figure 1 one or more flows and / or blocks Figure 1 an apparatus that implements the functions specified in the flowchart and / or block diagram block or blocks.

[0224] These computer program instructions can also be loaded onto a computer or other programmable data processing apparatus, so that a series of operation steps are performed on the computer or other programmable data processing apparatus to produce a computer-implemented process, so that the instructions executed on the computer or other programmable data processing apparatus provide a process for implementing the functions specified in the flowchart and / or block diagram block or blocks. Figure 1 one or more flows and / or blocks Figure 1 an apparatus that implements the functions specified in the flowchart and / or block diagram block or blocks.

[0225] The service terminal and the user terminal described above can be implemented as a general-purpose processor, a programmable logic controller (PLC), a digital signal processor (DSP), an application-specific integrated circuit (ASIC), a field programmable gate array (FPGA), or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, or any appropriate combination thereof for performing the functions described in the present disclosure.

[0226] So far, the present disclosure has been described in detail. In order to avoid obscuring the concept of the present disclosure, some details known in the art are not described. Those skilled in the art can fully understand how to implement the technical solutions disclosed herein according to the above description.

[0227] Those skilled in the art can understand that all or part of the steps of the above-mentioned embodiments can be completed by hardware, or by a program instructing relevant hardware to complete, and the program can be stored in a non-transitory computer readable storage medium, which can be a read-only memory, a magnetic disk or an optical disk, etc.

[0228] The description of the present disclosure is given for the purpose of illustration and description, and is not exhaustive or limiting to the present disclosure. Many modifications and variations will be apparent to those skilled in the art. The embodiments are chosen and described in order to better illustrate the principles and practical application of the present disclosure, and to enable others skilled in the art to understand the present disclosure in order to design various embodiments with various modifications for specific use.

Claims

1. A method for creating a page, characterized in that, include: The business terminal builds a page template based on the visual input of business personnel. The page template includes a container, elements, and views. The container includes at least one view, and each view includes at least one element. The business terminal establishes a connection between the page template and the data source specified by the business personnel, and generates page template data; The business terminal sends page template data to the user terminal so that the user terminal can parse the page template data, generate a page, and present the page to the user. The process of the user terminal parsing the page template data and generating the page includes: determining the root container type based on the page template data, which includes at least one of the root container, dataset, and template dictionary, where the dataset is a data source, page data, or floor data; obtaining multi-frame data corresponding to the container from the data source based on the reference value field; and traversing each frame of data and parsing the data to generate the page. The business terminal builds page templates based on visual input from business personnel, including: The business terminal configures and combines elements to form a view based on the visual input of business personnel; The business terminal determines the arrangement of views based on the visual input of business personnel and the selection of containers; The business terminal can nest containers and views in multiple layers based on the visual input of business personnel.

2. The page creation method according to claim 1, characterized in that, The visual input includes at least one of clicking, dragging, and configuration.

3. The page creation method according to claim 1 or 2, characterized in that, The business terminal establishes a connection between the page template and the data source specified by the business personnel, including: The business terminal associates the elements of the page template with the corresponding data fields.

4. A method for creating a page, characterized in that, include: The user terminal receives page template data sent by the business terminal. The page template data is generated by the business terminal after establishing an association between the page template and the data source specified by the business personnel. The page template is built by the business terminal based on the visual input of the business personnel. The page template includes containers, elements, and views. The container includes at least one view, and each view includes at least one element. The view is constructed by the business terminal configuring and combining elements based on the visual input of the business personnel. The arrangement of the views is determined by the business terminal based on the visual input of the business personnel through the selection of containers. The business terminal is used to perform multi-level nesting of containers and views based on the visual input of the business personnel. The user terminal parses page template data and generates a page. The user terminal is used to determine the root container type based on the page template data. The page template data includes at least one of the root container, dataset, and template dictionary. The dataset is a data source, page data, or floor data. The user terminal obtains multi-frame data corresponding to the container from the data source based on the reference value field. The user terminal iterates through each frame of data and parses the data to generate the page. The user terminal presents the generated page to the user.

5. The page creation method according to claim 4, characterized in that, The process of traversing each frame of data and parsing it includes: Find the corresponding template data in the dataset by using the data identifier within each frame of data; The template data is recursively scanned layer by layer, and the value of each control and the view containing the control is retrieved through the value field.

6. The page creation method according to claim 4 or 5, characterized in that, The page template data and page parsing process are adapted to user terminals of various systems.

7. A service terminal, characterized in that, include: The template building module is used to build page templates based on the visual input of business personnel. The page template includes a container, elements, and views. The container includes at least one view, and each view includes at least one element. The template data generation module is used to establish a connection between the page template and the data source specified by the business personnel to generate page template data; The template data sending module is used to send page template data to the user terminal so that the user terminal can parse the page template data, generate a page, and present the page to the user. The user terminal parses the page template data and generates the page by: determining the root container type based on the page template data, wherein the page template data includes at least one of a root container, a dataset, and a template dictionary, and the dataset is a data source, page data, or floor data; obtaining multi-frame data corresponding to the container from the data source based on the reference value field; and traversing each frame of data and parsing the data to generate the page. The business terminal is used to configure and combine elements to form a view based on the visual input of business personnel; to determine the arrangement of the view by selecting containers based on the visual input of business personnel; and to perform multi-level nesting of containers and views based on the visual input of business personnel.

8. The service terminal according to claim 7, characterized in that, The visual input includes at least one of clicking, dragging, and configuration.

9. The service terminal according to claim 7 or 8, characterized in that, The business terminal is used to associate elements of the page template with corresponding data fields.

10. A user terminal, characterized in that, include: The template data receiving module is used to receive page template data sent by the business terminal. The page template data is generated by the business terminal after establishing an association between the page template and the data source specified by the business personnel. The page template is built by the business terminal based on the visual input of the business personnel. The page template includes a container, elements, and views. The container includes at least one view, and each view includes at least one element. The view is constructed by the business terminal configuring and combining elements based on the visual input of the business personnel. The arrangement of the views is determined by the business terminal based on the visual input of the business personnel through the selection of containers. The business terminal is used to perform multi-level nesting of containers and views based on the visual input of the business personnel. The data parsing module is used to parse page template data and generate a page. The user terminal is used to determine the root container type based on the page template data. The page template data includes at least one of the root container, dataset, and template dictionary. The dataset is a data source, page data, or floor data. The module retrieves multi-frame data corresponding to the container from the data source based on the reference value field. It then iterates through each frame of data and parses the data to generate the page. The page presentation module is used to present the generated page to the user.

11. The user terminal according to claim 10, characterized in that, The user terminal is used to find the corresponding template data in the dataset through the data identifier in each frame of data; the template data is recursively scanned layer by layer, and the value is retrieved for each control and the view containing the control through the value field.

12. The user terminal according to claim 10 or 11, characterized in that, The page template data and page parsing process are adapted to user terminals of various systems.

13. A computer device, characterized in that, include: Memory, used to store instructions; A processor for executing the instructions, causing the computer device to perform operations implementing the page creation method as described in any one of claims 1-6.

14. A page creation system, characterized in that, It includes the service terminal as described in any one of claims 7-9 and the user terminal as described in any one of claims 10-12.

15. A non-transitory computer-readable storage medium, characterized in that, The non-transitory computer-readable storage medium stores computer instructions that, when executed by a processor, implement the page creation method as described in any one of claims 1-6.

Images