WO2023045412A1 - 页面创建方法、装置和系统、计算机装置和存储介质 - Google Patents

页面创建方法、装置和系统、计算机装置和存储介质 Download PDF

Info

Publication number
WO2023045412A1
WO2023045412A1 PCT/CN2022/097878 CN2022097878W WO2023045412A1 WO 2023045412 A1 WO2023045412 A1 WO 2023045412A1 CN 2022097878 W CN2022097878 W CN 2022097878W WO 2023045412 A1 WO2023045412 A1 WO 2023045412A1
Authority
WO
WIPO (PCT)
Prior art keywords
page
data
business
template
terminal
Prior art date
Application number
PCT/CN2022/097878
Other languages
English (en)
French (fr)
Inventor
李平
朱佳翔
温秀文
王青杰
方正栋
章钦
Original Assignee
北京沃东天骏信息技术有限公司
北京京东世纪贸易有限公司
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 北京沃东天骏信息技术有限公司, 北京京东世纪贸易有限公司 filed Critical 北京沃东天骏信息技术有限公司
Publication of WO2023045412A1 publication Critical patent/WO2023045412A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/166—Editing, e.g. inserting or deleting
    • G06F40/186—Templates
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/34—Graphical or visual programming
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00—Commerce
    • G06Q30/02—Marketing; Price estimation or determination; Fundraising
    • G06Q30/0241—Advertisements
    • G06Q30/0277—Online advertisement
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00—Commerce
    • G06Q30/06—Buying, selling or leasing transactions
    • G06Q30/0601—Electronic shopping [e-shopping]
    • G06Q30/0641—Shopping interfaces

Definitions

  • 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.
  • a method for creating a page includes:
  • the business terminal builds a page template according to the visual input of business personnel
  • the business terminal associates the page template with the data source specified by the business personnel to generate page template data
  • the service 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.
  • the visual input includes at least one of click, drag and configuration.
  • the page template includes at least one of a container, an element and a view.
  • the building of the page template by the business terminal according to the visual input of the business personnel includes:
  • the business terminal configures and combines elements to form a view
  • the business terminal determines the arrangement of views through the selection of containers.
  • the business terminal associating the page template with the data source specified by the business personnel includes:
  • the service terminal associates the elements of the page template with the corresponding data fields.
  • the building of the page template by the business terminal according to the visual input of the business personnel includes:
  • the business terminal performs multi-layer nesting of at least one of the container and the view according to the visual input of the business personnel.
  • a method for creating a page including:
  • the user terminal receives the page template data sent by the business terminal, wherein the page template data is generated by the business terminal after associating 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;
  • the user terminal parses the page template data to generate a page
  • the user terminal presents the generated page to the user.
  • the user terminal parses the page template data, and generating the page includes:
  • the page template data includes at least one of root container, data set and template dictionary, and the data set is data source, page data or floor data;
  • the traversing each frame of data and performing data analysis includes:
  • the template data is recursively scanned layer by layer, and the value of each control and the view containing the control is searched through the value field.
  • the page template data and the page parsing process are adapted to user terminals of various systems.
  • a service terminal including:
  • the template building module is used to build page templates according to the visual input of business personnel
  • Template data generation module used to associate the page template with the data source specified by the business personnel, and generate page template data
  • the template data sending module is configured to send 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.
  • the visual input includes at least one of click, drag and configuration.
  • the page template includes at least one of a container, an element and a view.
  • the business terminal is used to configure and combine elements to form a view according to the visual input of the business personnel; according to the visual input of the business personnel, the arrangement of the views is determined through the selection of the container.
  • the service terminal is used to associate elements of the page template with corresponding data fields.
  • the business terminal is configured to perform multi-layer nesting of at least one of the container and the view according to the visual input of the business personnel.
  • a user terminal including:
  • the template data receiving module is used to receive the page template data sent by the business terminal, wherein the page template data is generated by the business terminal after associating the page template with the data source specified by the business personnel, and the page template is generated by the business terminal according to the visualization of the business personnel input built;
  • the data parsing module is used to parse the page template data and generate the page;
  • the page presentation module is used to present the generated page to the user.
  • the user terminal is configured to determine 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; obtain multi-frame data corresponding to the container from the data source according to the reference value field; traverse each frame of data, and perform data analysis to generate a page.
  • 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
  • the user terminal is used to find the corresponding template data from the data set through the data identification in each frame of data; recursively scan the template data layer by layer, and scan each control and the control containing the control Views seek values through value fields.
  • the page template data and the page parsing process are adapted to user terminals of various systems.
  • a computer device comprising:
  • a processor configured to execute the instructions, so that the computer device performs operations for implementing the method for creating a page as described in any of the above embodiments.
  • a page creation system including the service terminal described in any of the above embodiments and the user terminal described in any of the above embodiments.
  • a non-transitory computer-readable storage medium stores computer instructions, and when the instructions are executed by a processor, any of the above-mentioned The page creation method described in the embodiment.
  • Fig. 1 is a schematic diagram of some embodiments of the disclosed page creation method.
  • FIG. 2 is a schematic diagram of a user interface for building floor templates in some embodiments of the present disclosure.
  • Fig. 3 is a schematic diagram of other embodiments of the disclosed page creation method.
  • Fig. 4 is a schematic diagram of some embodiments of the page parsing method of the present disclosure.
  • Fig. 5 is a schematic diagram of other embodiments of the page parsing method of the present disclosure.
  • Fig. 6 is a schematic diagram of some embodiments of the iOS access process of the present disclosure.
  • Fig. 7 is a schematic diagram of some embodiments of the Android access process of the present disclosure.
  • Fig. 8 is a schematic diagram of some embodiments of the H5 access procedure of the present disclosure.
  • Fig. 9 is a schematic diagram of some embodiments of a service terminal in the present disclosure.
  • Fig. 10 is a schematic diagram of some embodiments of a user terminal of the present disclosure.
  • FIG. 11 is a schematic structural diagram of some embodiments of a computer device of the present disclosure.
  • Fig. 12 is a schematic diagram of some embodiments of the disclosed page creation system.
  • the present disclosure provides a method, device and system for creating a page, a computer device and a storage medium, which can solve the demand for building personalized event pages without code development, and greatly improve the efficiency of page building .
  • the inventor also noticed that: with the rapid development of business, more and more activities are carried out on the platform every day, the gameplay is more and more complex and diverse, and the time requirements for online activities are getting higher and higher. Relying on the traditional activity development process can no longer meet the needs of the business .
  • a related technology activity page research and development method includes: business parties put forward requirements; visual drafts, product interaction diagrams; front-end and back-end development, joint debugging, testing, and launch; secondary development and secondary launch are required when activities need to be modified.
  • the technical problems of this related technology are: the process is serial and the cycle is too long; there are many design departments and the requirements for inter-departmental cooperation are high; the utilization rate of design and R&D resources is extremely low; a large number of repetitive behaviors.
  • Another standard template building method for related technologies includes: visual, product, and R&D activity elements that accumulate experience to form floor templates, such as product templates and advertising templates; business parties choose required page templates and associated activity data, such as commodity names , price, inventory, etc.; activities are automatically launched.
  • the technical problem of this related technology is: the fixed template cannot meet the customization needs, and consumers are tired of aesthetics; it cannot meet the special needs of all categories and all activities, and special needs still require customized development.
  • the present disclosure needs a method, device and system for creating a page, a computer device and a storage medium.
  • the present disclosure is described below through specific embodiments.
  • Fig. 1 is a schematic diagram of some embodiments of the disclosed page creation method.
  • this embodiment can be executed by a service terminal or a computer device of the present disclosure.
  • the method may include at least one of step 11-step 13, wherein:
  • Step 11 the business terminal builds a page template according to the visual input of the business personnel.
  • the visual input may include at least one of visual operations such as clicking, dragging and configuring.
  • the page template may be a template generated according to a specific language protocol.
  • the specific language protocol may be a ViewKit (building block) protocol.
  • the page template may include at least one of a container, an element and a view.
  • Table 1 gives the meanings and examples of containers, elements and views.
  • the container determines the layout and interaction mode of the first-level views. Multiple views can be set in the container (for example, there can be 2 views in each container), and there can be multiple elements in each view (for example, there can be 1 view in each view).
  • Table 2 provides the types and descriptions of the main elements of the present disclosure.
  • URL is Uniform Resource Locator, Uniform Resource Locator.
  • Table 3 presents the types and descriptions of views of the present disclosure.
  • the container determines the layout and interaction modes of several first-level views, and a container may contain several first-level views.
  • Containers can contain the container types shown in Table 4.
  • Attributes container type describe scroll rolling container Multiple pages for left/right/up and down scrolling banner Slide the container left and right carousel flatView tiling container horizontal scrolling multiTab multi-module container Horizontal scrolling beyond plain cloth
  • the parameters are different for different types of containers.
  • Table 5 presents the parameters of the banner carousel container of the present disclosure.
  • Table 6 presents parameters of the flatView tiled container, multiTab multi-module container and scroll scrolling container of the present disclosure.
  • Attributes type Defaults describe required type string type container type yes valueRefer string the Container Dependent Data yes style object the Style attribute information yes
  • step 11 may include at least one of step 111-step 112, wherein:
  • Step 111 the business terminal configures and combines elements to form a view according to the visual input of the business personnel.
  • Step 112 the business terminal determines the arrangement of the views through the selection of the container according to the visual input of the business personnel.
  • step 11 may 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.
  • step 11 may include:
  • UI User Interface, user interface
  • FIG. 2 is a schematic diagram of a user interface for building floor templates in some embodiments of the present disclosure. Operators can build complex activity interface templates through the user interface of the embodiment in FIG. 2 .
  • step 11 may include: configuring and combining basic elements to form a view, and then selecting a container to determine the arrangement of the views, and multi-layer nesting may be performed.
  • step 11 may include: the business party (business personnel) puts forward a demand, and needs to display a new marketing page with complex templates and custom data; the business party issues a visual draft; the business party bases the visual draft , On the visual event floor template building system, build page templates according to your own needs, and this process does not require the participation of R&D personnel.
  • Step 12 the business terminal associates the page template with the data source specified by the business personnel to generate page template data.
  • step 12 may include: the service terminal associating elements of the page template with corresponding data fields.
  • step 12 may include: the business party registers the third-party data source provided by the business party on the visualized active floor template construction system according to the needs of the business party, and this process does not require the participation of R&D personnel; templates and data sources When it is ready, the business side can use the template it built on the operation interface and associate its own data source to complete the requirements. The whole process does not require R&D participation.
  • Step 13 the service 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.
  • step 13 may include: after the business personnel build the template built by the system, the business terminal (B terminal) sends a string of data to the user terminal (C terminal) in the format of a specific language protocol , After the C-side is connected to the SDK (Software Development Kit, software development kit), it can parse and render this string of data into the style that the real user sees based on the protocol.
  • SDK Software Development Kit, software development kit
  • the specific language protocol may be the ViewKit language protocol, wherein the ViewKit language protocol is used as a DSL (Domain-specific language) for parsing active floor templates for iOS, Android, and H5.
  • DSL Domain-specific language
  • the disclosure can solve the requirement of building personalized activity pages without code development, and greatly improves the efficiency of building pages.
  • the business side builds and goes online by itself, which greatly improves efficiency and reduces communication costs.
  • the above-mentioned embodiments of the present disclosure can realize various complex page templates supported by (the first active page development method of the related art), and the cycle is fast and the self-service is high.
  • the above-mentioned embodiments of the present disclosure provide a free combination and style configuration based on basic elements such as text, pictures, countdown, buttons, switches, labels, progress bars, etc., in various layout modes such as tiling, rich text, sliding, and carousel A tool that can meet most of the customized page needs of the business.
  • the above-mentioned embodiments of the present disclosure provide a visual activity page building interface, and the user does not need to have a research and development background, and can perform page building through operations such as drag and drop, configuration, etc., which is simple and fast.
  • Fig. 3 is a schematic diagram of other embodiments of the disclosed page creation method.
  • this embodiment can be executed by a user terminal or a computer device of the present disclosure.
  • the method may include at least one of step 31-step 33, wherein:
  • Step 31 the user terminal receives the page template data sent by the business terminal, wherein the page template data is generated by the business terminal after associating the page template with the data source specified by the business personnel, and the page template is constructed by the business terminal according to the visual input of the business personnel of.
  • Step 32 the user terminal parses the page template data to generate a page.
  • step 32 may include at least one of steps 321-323, wherein:
  • 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 data source, page data or floor data.
  • 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 data source, page data or floor data.
  • Table 7 shows the data structure of the page template data of the present disclosure.
  • Step 322 obtain multi-frame data corresponding to the container from the data source according to the reference value field.
  • Step 323 traversing each frame of data and analyzing the data to generate a page.
  • Step 33 the user terminal presents the generated page to the user.
  • step 323 may include: finding the corresponding template data from the data set through the data identifier in each frame of data; recursively scanning the template data layer by layer, for each control and the view containing the control Find the value through the value field.
  • the page template data and the page parsing process are adapted to user terminals of various systems (such as iOS, Android, H5).
  • Step 33 the user terminal presents the generated page to the user.
  • Fig. 4 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 (such as step 32 in the embodiment of FIG. 3 ) may include at least one of steps 41-43, wherein:
  • Step 41 first specify the root container type (tiling, sliding, carousel, multi-module), and then obtain n frames of data (array type) corresponding to the container from dslData according to valueRefer (this field cannot be empty), and then start traversing each frame data.
  • Step 42 find the corresponding template dsl from dslMap through dslId (template identifier) in each frame data object.
  • step 43 the template dsl is recursively scanned layer by layer, and each control and the view containing the control (view, image, text, richText, view, picture, text, rich text) is searched for a value from the data dslData through valueRefer.
  • step 43 may include: since the data corresponding to view and richText are objects, if valueRefer is an empty field, pass the parent data over, otherwise, obtain the data object corresponding to valueRefer, and image and text are empty Then the control data is empty.
  • the page template data parsing method of the present disclosure further includes: if the template dsl contains a sub-container type that is consistent with the root container type (tiling, sliding, carousel, multi-module), repeat step 41 , step 42, step 43.
  • Fig. 5 is a schematic diagram of other embodiments of the page parsing method of the present disclosure.
  • the disclosed page template data parsing method (for example, step 32 of the embodiment of FIG. 3 ) may include at least one of steps 501-step 513, wherein:
  • Step 501 parsing the dslRoot node in the floor information.
  • Step 502 judging whether dslRoot can find the corresponding object and style in dslMap. If it can be found, execute step 503; otherwise, if it cannot be found, execute step 504.
  • step 503 the root container uses the style of dslMap, and then step 505 is executed.
  • Step 504 the root container uses the style of dslRoot.
  • Step 505 find the list of dslData objects corresponding to valueRefer.
  • Step 506 parsing the dslData object, and finding the corresponding information in the dslMap according to the dslId field.
  • Step 507 analyze the style, analyze the event event, if there is an eventKey (event key value), then find the corresponding information from the jump (jump) of dslData.
  • eventKey event key value
  • Step 508 judging whether there are children sub-objects to be parsed in the dslMap object. If yes, go to step 510; otherwise, if not, go to step 509.
  • Step 509 judging whether there are more dslData objects to be parsed. If yes, execute step 506; otherwise, if no, execute no other steps of this embodiment, and end.
  • Step 510 judging whether valueRefer in dslMap is not empty. If not empty, execute step 511; otherwise, if empty, execute step 507.
  • Step 511 judging whether the dslMap object type is view and the valueRefer is associated with a data source. If satisfied, execute step 505; otherwise, if not satisfied, execute step 512.
  • Step 512 directly obtain the value from dslMap or dslData (depending on whether it is custom or data path).
  • Step 513 judging whether there are other sub-objects of the same level to be resolved. If yes, go to step 510; otherwise, if not, go to step 509.
  • the three terminals (iOS, Android, H5) have the same main process of parsing the ViewKit protocol language.
  • the App or the browser needs to meet the following requirements to render pages and floors in the form of building blocks (viewkit): first, ensure that the sent data follows the data structure of the SDK; the client adds the corresponding SDK (iOS and Android ), the downgrade scheme is H5.
  • the App or browser needs to access the SDK to parse the viewkit protocol, otherwise it cannot recognize the viewkit protocol.
  • Fig. 6 is a schematic diagram of some embodiments of the iOS access process of the present disclosure. As shown in Figure 6, the iOS access process of the present disclosure may include at least one of steps 61-65, wherein:
  • Step 61 registering components.
  • step 61 may include: image download, event response, point burying, and the like.
  • Step 62 instantiate the object.
  • Step 63 store map information.
  • Step 64 generate viewkit floor information.
  • Step 65 layer generation.
  • Fig. 7 is a schematic diagram of some embodiments of the Android access process of the present disclosure. As shown in FIG. 7, the Android access process of the present disclosure may include at least one of steps 71-75, wherein:
  • Step 71 import Viewkit library.
  • Step 72 registering the service and generating a Viewkit instantiation object.
  • Step 73 saving the DSL template.
  • Step 74 generate viewkit floor information.
  • Step 75 layer generation.
  • Fig. 8 is a schematic diagram of some embodiments of the H5 access procedure of the present disclosure. As shown in Figure 8, the H5 access process of the present disclosure may include at least one of steps 81-85, wherein:
  • Step 81 import Viewkit library.
  • Step 82 initialization.
  • Step 83 layer generation.
  • the above-mentioned embodiments of the present disclosure adopt the ViewKit language protocol to provide three-terminal parsing capabilities (iOS, Android, H5), and meet the browsing requirements of the active page at each terminal.
  • the above-mentioned embodiments of the present disclosure provide a visual activity page template building interface, and the user does not need to have a research and development background, and can perform page building through operations such as drag and drop, configuration, etc., to meet the needs of fast and convenient activity operation.
  • a method for creating a page may include the method for creating a page described in at least one of the above embodiments (for example, at least one of the embodiments in FIGS. 1-8 ).
  • the above-mentioned embodiments of the present disclosure provide an integrated solution for event page creation, which is used to solve the demand for building personalized event pages without code development, greatly improves the efficiency of page construction, and greatly reduces the cost of event launch time and research and development costs. At the same time, it can meet most of the customization needs of the business side and generate rich pages.
  • Fig. 9 is a schematic diagram of some embodiments of a service terminal in the present disclosure.
  • the disclosed service terminal may include a template building module 110, a template data generation module 120, and a template data sending module 130, wherein:
  • the template building module 110 is configured to build a page template according to the visual input of business personnel.
  • the page template includes at least one of a container, an element and a view.
  • the visual input includes at least one of click, drag and configuration.
  • the template construction module 110 can be used to configure and combine elements to form a view according to the visual input of business personnel; according to the visual input of business personnel, determine the arrangement mode of the view through the selection of containers .
  • the template building module 110 may 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.
  • the template data generating module 120 is configured to associate the page template with the data source specified by the business personnel to generate page template data.
  • the template data generating module 120 can be used to associate elements of the page template with corresponding data fields.
  • the template data sending module 130 is configured to send 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.
  • the service terminal is configured to perform operations for implementing the method for creating a page as described in any one of the above embodiments (for example, any of the embodiments in FIGS. 1-2 ).
  • the above-mentioned embodiments of the present disclosure provide a visualized mobile floor template building system, which is used to provide a UI page for building a floor template.
  • the above-mentioned embodiments of the present disclosure provide a free combination and style configuration based on basic elements such as text, pictures, countdown, buttons, switches, labels, progress bars, etc., in various layout modes such as tiling, rich text, sliding, and carousel
  • the tool can theoretically meet most of the customized page needs of the business.
  • the above-mentioned embodiments of the present disclosure provide a visual activity page building interface, and the user does not need to have a research and development background, and can perform page building through operations such as drag and drop, configuration, etc., which is simple and fast.
  • the above-mentioned embodiments of the present disclosure unify the activity page building process of the whole platform, greatly reduce the research and development cost and the communication cost, and realize the platformization, standardization and one-stop construction of the activity.
  • Fig. 10 is a schematic diagram of some embodiments of a user terminal of the present disclosure.
  • the service terminal of the present disclosure may include a template data receiving module 210, a data parsing module 220, and a page presentation module 230, wherein:
  • the template data receiving module 210 is used to receive the page template data sent by the business terminal, wherein the page template data is generated by the business terminal after the page template is associated with the data source specified by the business personnel, and the page template is generated by the business terminal according to the data source specified by the business personnel. Built with visual input.
  • the data parsing module 220 is used for parsing the page template data to generate a page.
  • the data parsing module 220 can be used to determine the root container type according to the page template data, wherein the page template data includes at least one of root container, data set and template dictionary, and the data set is the data source , page data or floor data; obtain multi-frame data corresponding to the container from the data source according to the reference value field; traverse each frame of data and perform data analysis to generate a page.
  • the data analysis module 220 when the data analysis module 220 traverses each frame of data and performs data analysis, it can be used to find the corresponding template data from the data set through the data identification in each frame of data; for the template data Carry out a layer-by-layer recursive scan, and search for each control and the view containing the control through the value field.
  • the page template data and the page parsing process can be adapted to user terminals of various systems (such as iOS, Android, H5).
  • the page presentation module 230 is configured to present the generated page to the user.
  • the user terminal may be configured to perform operations for implementing the method for creating a page as described in any of the above embodiments (for example, any of the embodiments in FIGS. 3-8 ).
  • the ViewKit language protocol of the above-mentioned embodiments of the present disclosure is used as a domain-specific language for parsing active floor templates for iOS, Android, and H5.
  • the ViewKit parsing SDK of the above-mentioned embodiments of the present disclosure is provided to iOS, Android, and H5 for parsing the ViewKit language and rendering native active pages (which can be downgraded to H5 pages).
  • the active page of the above-mentioned embodiment of the present disclosure adapts to three terminals (iOS, Android, H5), provides a client SDK, prioritizes parsing native pages, improves performance and user experience, and can downgrade H5 at the same time, ensuring that the active page can be used in any environment Open correctly.
  • the language protocol of the above-mentioned embodiments of the present disclosure realizes the separation of data and styles, and users do not need to worry about the coupling between active template styles and active data structures.
  • FIG. 11 is a schematic structural diagram of some embodiments of a computer device of the present disclosure. As shown in FIG. 11 , the computer device includes a memory 310 and a processor 320 .
  • the memory 310 is used to store instructions
  • the processor 320 is coupled to the memory 310
  • the processor 320 is configured to implement the page as described in any of the above-mentioned embodiments (for example, any of the embodiments in FIGS. 1-8 ) based on execution of instructions stored in the memory. create method.
  • the processor 320 when the processor 320 implements the method for creating a page as described in any of the above embodiments (for example, any of the embodiments in FIGS. 1-2 ), the computer device of the present disclosure may be implemented as The present disclosure discloses a service terminal.
  • the processor 320 when the processor 320 implements the method for creating a page as described in any of the above embodiments (for example, any of the embodiments in FIGS. 3-8 ), the computer device in the present disclosure may be implemented as The present disclosure discloses a user terminal.
  • the computer device also includes a communication interface 330 for information exchange with other devices.
  • the computer device also includes a bus 340 , and the processor 320 , the communication interface 330 , and the memory 310 communicate with each other through the bus 340 .
  • the memory 310 may include a high-speed RAM memory, and may also include a non-volatile memory (non-volatile memory), such as at least one magnetic disk memory. Memory 310 may also be a memory array. The storage 310 may also be partitioned, and the blocks may be combined into virtual volumes according to certain rules.
  • processor 320 may be a central processing unit CPU, or may be an application specific integrated circuit ASIC, or one or more integrated circuits configured to implement embodiments of the present disclosure.
  • Fig. 12 is a schematic diagram of some embodiments of the disclosed page creation system.
  • the service terminal of the present disclosure may include a service terminal 100 and a user terminal 200, wherein:
  • the service terminal 100 is the service terminal described in any one of the above embodiments of the present disclosure (for example, the embodiment in FIG. 9 ).
  • the user terminal 200 is the user terminal described in any one of the foregoing embodiments of the present disclosure (for example, the embodiment in FIG. 10 ).
  • the foregoing embodiments of the present disclosure provide an integrated solution for quickly building a multi-terminal adaptation page for an e-commerce operation activity.
  • the above-mentioned embodiments of the present disclosure are used to solve the needs of building personalized event pages without code development, greatly improving the efficiency of page construction, and greatly reducing the time cost and R&D cost of event launch. Partially customize the requirements to generate rich pages.
  • a non-transitory computer-readable storage medium stores computer instructions, and when the instructions are executed by a processor, at least one of the above-mentioned
  • the method for creating a page described in several embodiments for example, at least one embodiment in FIGS. 1-8 ).
  • the embodiments of the present disclosure may be provided as methods, apparatuses, or computer program products. Accordingly, the present disclosure can take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, the present disclosure may take the form of a computer program product embodied on one or more computer-usable non-transitory storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) having computer-usable program code embodied therein. .
  • 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 operate in a specific manner, such that the instructions stored in the computer-readable memory produce an article of manufacture comprising instruction means, the instructions
  • the device realizes the function specified in one or more procedures of the flowchart and/or one or more blocks of the block diagram.
  • the service terminal and user terminal described above can be implemented as a general-purpose processor, programmable logic controller (PLC), digital signal processor (DSP), application-specific integrated circuit (ASIC), A field programmable gate array (FPGA) or other programmable logic device, discrete gate or transistor logic devices, discrete hardware components, or any suitable combination thereof.
  • PLC programmable logic controller
  • DSP digital signal processor
  • ASIC application-specific integrated circuit
  • FPGA field programmable gate array
  • the steps for realizing the above embodiments can be completed by hardware, or can be instructed by a program to complete the relevant hardware, and the program can be stored in a non-transitory computer-readable storage medium Among them, the storage medium mentioned above may be a read-only memory, a magnetic disk or an optical disk, and the like.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Business, Economics & Management (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Physics & Mathematics (AREA)
  • Accounting & Taxation (AREA)
  • Finance (AREA)
  • Strategic Management (AREA)
  • Development Economics (AREA)
  • General Business, Economics & Management (AREA)
  • Marketing (AREA)
  • Economics (AREA)
  • Game Theory and Decision Science (AREA)
  • Human Computer Interaction (AREA)
  • Entrepreneurship & Innovation (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开涉及一种页面创建方法、装置和系统、计算机装置和存储介质。该页面创建方法包括：业务终端根据业务人员的可视化输入，搭建页面模板；业务终端将页面模板和业务人员指定的数据源建立关联，生成页面模板数据；业务终端将页面模板数据发送给用户终端，以便用户终端解析页面模板数据，生成页面，并向用户呈现页面。本公开可以无代码开发地解决个性化活动页面搭建的需求，大大提高了页面搭建效率。

Description

页面创建方法、装置和系统、计算机装置和存储介质
相关申请的交叉引用
本申请是以CN申请号为CN202111130523.4，申请日为2021年9月26日的申请为基础，并主张其优先权，该CN申请的公开内容在此作为整体引入本申请中。
技术领域
本公开涉及页面创建领域，特别涉及一种页面创建方法、装置和系统、计算机装置和存储介质。
背景技术
相关技术大型电商平台每天都会开展大量营销活动，每个活动都需要搭建一个活动展示页面面向终端消费者，用于展示活动相关的商品、广告以及其他组件(倒计时、优惠券等)。为了保证活动质量和消费者的体验、提升销量，每个活动力求各具特色，尽量不出现雷同。
发明内容
根据本公开的一个方面，提供一种页面创建方法包括：
业务终端根据业务人员的可视化输入，搭建页面模板；
业务终端将页面模板和业务人员指定的数据源建立关联，生成页面模板数据；
业务终端将页面模板数据发送给用户终端，以便用户终端解析页面模板数据，生成页面，并向用户呈现页面。
在本公开的一些实施例中，所述可视化输入包括点击、拖拽和配置中的至少一项。
在本公开的一些实施例中，所述页面模板包括容器、元素和视图中的至少一种。
在本公开的一些实施例中，所述业务终端根据业务人员的可视化输入，搭建页面模板包括：
业务终端根据业务人员的可视化输入，将元素进行配置、组合构成视图；
业务终端根据业务人员的可视化输入，通过容器的选择来确定视图的排列方式。
在本公开的一些实施例中，所述业务终端将页面模板和业务人员指定的数据源建立关联包括：
业务终端将页面模板的元素与相应的数据字段进行关联。
在本公开的一些实施例中，所述业务终端根据业务人员的可视化输入，搭建页面模板包括：
业务终端根据业务人员的可视化输入，对容器和视图中的至少一种进行多层嵌套。
根据本公开的另一方面，提供一种页面创建方法，包括：
用户终端接收业务终端发送的页面模板数据，其中，页面模板数据是业务终端将页面模板和业务人员指定的数据源建立关联后生成的，页面模板是业务终端根据业务人员的可视化输入搭建的；
用户终端解析页面模板数据，生成页面；
用户终端向用户呈现生成的页面。
在本公开的一些实施例中，所述用户终端解析页面模板数据，生成页面包括：
根据页面模板数据确定根容器类型，其中，页面模板数据包括根容器、数据集和模板字典中的至少一种，数据集为数据源、页面数据或者楼层数据；
根据引用值字段向数据源获取容器对应的多帧数据；
遍历每一帧数据，进行数据解析，以生成页面。
在本公开的一些实施例中，所述遍历每一帧数据，进行数据解析包括：
通过每一帧数据内的数据标识向数据集找到对应的模板数据；
对模板数据进行逐层递归扫描，对每一个控件和包含控件的视图通过值字段进行寻值。
在本公开的一些实施例中，页面模板数据和页面解析过程适配于多种系统的用户终端。
根据本公开的另一方面，提供一种业务终端，包括：
模板搭建模块，用于根据业务人员的可视化输入，搭建页面模板；
模板数据生成模块，用于将页面模板和业务人员指定的数据源建立关联，生成页面模板数据；
模板数据发送模块，用于将页面模板数据发送给用户终端，以便用户终端解析页面模板数据，生成页面，并向用户呈现页面。
在本公开的一些实施例中，所述可视化输入包括点击、拖拽和配置中的至少一项。
在本公开的一些实施例中，所述页面模板包括容器、元素和视图中的至少一种。
在本公开的一些实施例中，所述业务终端用于根据业务人员的可视化输入，将元素进 行配置、组合构成视图；根据业务人员的可视化输入，通过容器的选择来确定视图的排列方式。
在本公开的一些实施例中，所述业务终端用于将页面模板的元素与相应的数据字段进行关联。
在本公开的一些实施例中，所述业务终端用于根据业务人员的可视化输入，对容器和视图中的至少一种进行多层嵌套。
根据本公开的另一方面，提供一种用户终端，包括：
模板数据接收模块，用于接收业务终端发送的页面模板数据，其中，页面模板数据是业务终端将页面模板和业务人员指定的数据源建立关联后生成的，页面模板是业务终端根据业务人员的可视化输入搭建的；
数据解析模块，用于解析页面模板数据，生成页面；
页面呈现模块，用于向用户呈现生成的页面。
在本公开的一些实施例中，所述用户终端用于根据页面模板数据确定根容器类型，其中，页面模板数据包括根容器、数据集和模板字典中的至少一种，数据集为数据源、页面数据或者楼层数据；根据引用值字段向数据源获取容器对应的多帧数据；遍历每一帧数据，进行数据解析，以生成页面。
在本公开的一些实施例中，所述用户终端用于通过每一帧数据内的数据标识向数据集找到对应的模板数据；对模板数据进行逐层递归扫描，对每一个控件和包含控件的视图通过值字段进行寻值。
在本公开的一些实施例中，页面模板数据和页面解析过程适配于多种系统的用户终端。
根据本公开的另一方面，提供一种计算机装置，包括：
存储器，用于存储指令；
处理器，用于执行所述指令，使得所述计算机装置执行实现如上述任一实施例所述的页面创建方法的操作。
根据本公开的另一方面，提供一种页面创建系统，包括如上述任一实施例所述的业务终端和如上述任一实施例所述的用户终端。
根据本公开的另一方面，提供一种非瞬时性计算机可读存储介质，其中，所述非瞬时性计算机可读存储介质存储有计算机指令，所述指令被处理器执行时实现如上述任一实施例所述的页面创建方法。
附图说明
为了更清楚地说明本公开实施例或相关技术中的技术方案，下面将对实施例或相关技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1为本公开页面创建方法一些实施例的示意图。
图2为本公开一些实施例中用于搭建楼层模板的用户界面的示意图。
图3为本公开页面创建方法另一些实施例的示意图。
图4为本公开页面解析方法一些实施例的示意图。
图5为本公开页面解析方法另一些实施例的示意图。
图6为本公开iOS接入流程一些实施例的示意图。
图7为本公开Android接入流程一些实施例的示意图。
图8为本公开H5接入流程一些实施例的示意图。
图9为本公开业务终端一些实施例的示意图。
图10为本公开用户终端一些实施例的示意图。
图11为本公开计算机装置一些实施例的结构示意图。
图12为本公开页面创建系统一些实施例的示意图。
具体实施方式
下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本公开一部分实施例，而不是全部的实施例。以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本公开及其应用或使用的任何限制。基于本公开中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。
除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本公开的范围。
同时，应当明白，为了便于描述，附图中所示出的各个部分的尺寸并不是按照实际的比例关系绘制的。
对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适当情 况下，所述技术、方法和设备应当被视为授权说明书的一部分。
在这里示出和讨论的所有示例中，任何具体值应被解释为仅仅是示例性的，而不是作为限制。因此，示例性实施例的其它示例可以具有不同的值。
应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。
发明人注意到：相关技术的电商平台活动页面研发流程存在周期长、成本高、修改难、效率低等问题，需要按用户体验设计、店铺装修方案、前后端开发、测试上线等一系列流程依次操作。
鉴于以上技术问题中的至少一项，本公开提供了一种页面创建方法、装置和系统、计算机装置和存储介质，可以无代码开发地解决个性化活动页面搭建的需求，大大提高了页面搭建效率。
发明人还注意到：随着业务高速发展，平台每天开展的活动越来越多、玩法越来越复杂多元、活动上线时间要求越来越高，依靠传统的活动开发流程已经不能满足业务的需求。
相关技术电商平台用于搭建活动页面的方法总结如下：
一种相关技术的活动页面研发方式包括：业务方提出要求；视觉稿、产品交互图；前后端开发、联调、测试、上线；需要修改活动时需二次开发、二次上线。
该相关技术的技术问题在于：流程串行、周期太长；设计部门多、对部门间合作要求高；设计、研发资源利用率极低；大量重复行为。
另一种相关技术的标准模板搭建方式包括：视觉、产品、研发将经验沉淀下来的活动元素形成楼层模板，如商品模板、广告模板；业务方选择需要的页面模板、关联活动数据，如商品名称、价格、库存等；活动自动化上线。
该相关技术的技术问题在于：固定的模板无法满足定制化需求，消费者审美疲劳；不能满足所有品类、所有活动的特殊需求，特殊需求依然需要定制开发。
鉴于以上技术问题中的至少一项，本公开需要一种页面创建方法、装置和系统、计算机装置和存储介质。下面通过具体实施例对本公开进行说明。
图1为本公开页面创建方法一些实施例的示意图。优选的，本实施例可由业务终端或本公开计算机装置执行。该方法可以包括步骤11-步骤13的至少一项，其中：
步骤11，业务终端根据业务人员的可视化输入，搭建页面模板。
在本公开的一些实施例中，所述可视化输入可以包括点击、拖拽和配置等可视化操作中的至少一项。
在本公开的一些实施例中，所述页面模板可以为根据特定语言协议生成的模板。
在本公开的一些实施例中，所述特定语言协议可以为ViewKit(积木)协议。
在本公开的一些实施例中，所述页面模板可以包括容器、元素和视图中的至少一种。
在本公开的一些实施例中，表1给出了容器、元素和视图的含义和举例。
表1
Figure PCTCN2022097878-appb-000001
在本公开的一些实施例中，容器决定了第一层视图的布局和交互方式。容器中可以设置有多个视图(例如每个容器中可以有2个视图)，每个视图中可以有多个元素(例如每个视图中各有1个视图).
在本公开的一些实施例中，表2给出了本公开主要元素的类型和描述，表2中，URL为Uniform Resource Locator，统一资源定位器。
表2
Figure PCTCN2022097878-appb-000002
Figure PCTCN2022097878-appb-000003
在本公开的一些实施例中，表3给出了本公开视图的类型和描述。
表3
Figure PCTCN2022097878-appb-000004
在本公开的一些实施例中，容器决定了若干一级视图的布局和交互方式，一个容器可能包含若干个一级视图。容器可以包含如表4所示的容器类型。
表4
属性 容器类型 描述
scroll 滚动容器 多页进行左右/上下滚动
banner 左右滑动容器 轮播
flatView 平铺容器 横向滚动
multiTab 多模块容器 超过平布可横向滚动
在本公开的一些实施例中，不同类型容器的参数不同。
在本公开的一些实施例中，表5给出本公开banner轮播容器的参数。
表5
Figure PCTCN2022097878-appb-000005
Figure PCTCN2022097878-appb-000006
在本公开的一些实施例中，表6给出本公开flatView平铺容器、multiTab多模块容器和scroll滚动容器的参数。
表6
属性 类型 默认值 描述 必填
type string 类型 容器类型 是
valueRefer string   容器依赖的数据 是
style object   样式属性信息 是
在本公开的一些实施例中，步骤11可以包括步骤111-步骤112中的至少一项，其中：
步骤111，业务终端根据业务人员的可视化输入，将元素进行配置、组合构成视图。
步骤112，业务终端根据业务人员的可视化输入，通过容器的选择来确定视图的排列方式。
在本公开的一些实施例中，步骤11可以包括：业务终端根据业务人员的可视化输入，对容器和视图中的至少一种进行多层嵌套。
在本公开的一些实施例中，步骤11可以包括：为了实现无代码开发地进行个性化活动页面搭建，本公开提供了用于搭建楼层模板的UI(User Interface，用户界面)页面，主要面向电商的运营人员，帮助他们通过简单的点击、拖拽、配置等操作即可进行页面搭建。
图2为本公开一些实施例中用于搭建楼层模板的用户界面的示意图。运营人员可以通过图2实施例的该用户界面构建复杂的活动界面模板。具体的，步骤11可以包括：通过基础元素的配置、组合构成视图，再通过容器的选择来确定视图的排列方式，并且可以进行多层嵌套。
在本公开的一些实施例中，步骤11可以包括：业务方(业务人员)提出需求，需要用复杂的模板搭配自定义的数据展示新的营销页面；业务方出视觉稿；业务方基于视觉稿， 在可视化的活动楼层模板搭建系统上，按自己的需求搭建页面模板，此过程无需研发人员参与。
步骤12，业务终端将页面模板和业务人员指定的数据源建立关联，生成页面模板数据。
在本公开的一些实施例中，步骤12可以包括：业务终端将页面模板的元素与相应的数据字段进行关联。
在本公开的一些实施例中，步骤12可以包括：业务方在可视化的活动楼层模板搭建系统上，按业务方需要注册自己提供的第三方数据源，此过程无需研发人员参与；模板和数据源就绪后，业务方可以在运营界面使用自己所搭建的模板，关联自己的数据源，即可完成需求。全部过程无需研发参与。
步骤13，业务终端将页面模板数据发送给用户终端，以便用户终端解析页面模板数据，生成页面，并向用户呈现页面。
在本公开的一些实施例中，步骤13可以包括：业务人员在搭建系统搭建的模板后，业务终端(B端)是将一串数据以特定语言协议的格式发送到用户终端(C端)的，C端接入SDK(Software Development Kit，软件开发工具包)后，才能基于协议将这串数据解析渲染成真正用户看到的样式。
在本公开的一些实施例中，特定语言协议可以为ViewKit语言协议，其中，ViewKit语言协议，用于作为iOS、Android、H5解析活动楼层模板的DSL(Domain-specific language，领域特定语言)。
本公开可以无代码开发地解决个性化活动页面搭建的需求，大大提高了页面搭建效率。
本公开上述实施例全过程由业务方通过业务重点自助完成，无需研发人员参与，避免了固定的模板带来的样式单一的缺点。
本公开上述实施例业务方自助搭建上线，大大提升了效率，降低了沟通成本。
本公开上述实施例可以实现(第一种相关技术的活动页面研发方式)所支持的各种复杂的页面模板，而且周期快，自助性高。
本公开上述实施例提供一个基于文本、图片、倒计时、按钮、开关、标签、进度条等基本元素，在平铺、富文本、滑动、轮播等各种布局模式下，进行自由组合、样式配置的工具，可以满足业务绝大部分定制化页面需求。
本公开上述实施例提供可视化的活动页面的搭建界面，用户无需具备研发背景，即可通过拖拽、配置等操作进行页面搭建，简单快捷。
图3为本公开页面创建方法另一些实施例的示意图。优选的，本实施例可由用户终端或本公开计算机装置执行。该方法可以包括步骤31-步骤33的至少一项，其中：
步骤31，用户终端接收业务终端发送的页面模板数据，其中，页面模板数据是业务终端将页面模板和业务人员指定的数据源建立关联后生成的，页面模板是业务终端根据业务人员的可视化输入搭建的。
步骤32，用户终端解析页面模板数据，生成页面。
在本公开的一些实施例中，步骤32可以包括步骤321-步骤323中的至少一项，其中：
步骤321，根据页面模板数据确定根容器类型，其中，页面模板数据包括根容器dslRoot、数据集dslData和模板字典dslMap等数据结构中的至少一种，数据集为数据源、页面数据或者楼层数据。
在本公开的一些实施例中，表7给出了本公开页面模板数据的数据结构。
表7
Figure PCTCN2022097878-appb-000007
Figure PCTCN2022097878-appb-000008
步骤322，根据引用值字段向数据源获取容器对应的多帧数据。
步骤323，遍历每一帧数据，进行数据解析，以生成页面。步骤33，用户终端向用户呈现生成的页面。
在本公开的一些实施例中，步骤323可以包括：通过每一帧数据内的数据标识向数据集找到对应的模板数据；对模板数据进行逐层递归扫描，对每一个控件和包含控件的视图通过值字段进行寻值。
在本公开的一些实施例中，页面模板数据和页面解析过程适配于多种系统(例如iOS、Android、H5)的用户终端。
步骤33，用户终端向用户呈现生成的页面。
图4为本公开页面解析方法一些实施例的示意图。本公开页面模板数据解析方法(例如图3实施例的步骤32)可以包括步骤41-步骤43中的至少一项，其中：
步骤41，首先明确根容器类型(平铺、滑动、轮播、多模块)，然后根据valueRefer(该字段不可为空)向dslData获取容器对应的n帧数据(数组类型)，然后开始遍历每一帧数据。
步骤42，通过每一帧数据对象内的dslId(模板标识)向dslMap找到对应的模板dsl。
步骤43，对模板dsl进行逐层递归扫描，对每一个控件和包含控件的view(view、image、text、richText，视图、图片、文本、富文本)通过valueRefer向数据dslData寻值。
在本公开的一些实施例中，步骤43可以包括：由于view和richText对应的数据是对象，如果valueRefer是空字段则把父数据传递过来，否则则获取valueRefer对应的数据对象，image和text为空则控件数据为空。
在本公开的一些实施例中，本公开页面模板数据解析方法还包括：如果模板dsl包含子容器类型和根容器类型(平铺、滑动、轮播、多模块)一致的，则重复执行步骤41、步骤42、步骤43。
图5为本公开页面解析方法另一些实施例的示意图。本公开页面模板数据解析方法(例 如图3实施例的步骤32)可以包括步骤501-步骤513中的至少一项，其中：
步骤501，解析楼层信息中的dslRoot节点。
步骤502，判断dslRoot是否能在dslMap找到对应对象和样式。若可以找到，则执行步骤503；否则，若不能找到，则执行步骤504。
步骤503，根容器使用dslMap的样式，之后执行步骤505。
步骤504，根容器使用dslRoot的样式。
步骤505，寻找valueRefer对应的dslData对象列表。
步骤506，解析dslData对象，根据dslId字段找到dslMap中对应的信息。
步骤507，解析样式、解析event事件，如果有eventKey(事件键值)，则从dslData的jump(跳转)中寻找对应信息。
在本公开的一些实施例中，步骤507可以包括：dslData结构中view(视图)的子元素的jump也在view这一段中，action＝toSKUDetail(动作为指向商品明细)且valueRefer为空，则说明点击类型配置为无，dslData中没有eventKey对应对象。
步骤508，判断dslMap对象中是否有children子对象待解析。若有，则执行步骤510；否则，若没有，则执行步骤509。
步骤509，判断是否还有更多的dslData对象待解析。若有，则执行步骤506；否则，若没有，则不再执行本实施例的其它步骤，结束。
步骤510，判断dslMap中valueRefer是否为不为空。若不为空，则执行步骤511；否则，若为空，则执行步骤507。
步骤511，判断是否满足dslMap对象类型是view且valueRefer关联的是数据源。若满足，则执行步骤505；否则，若不满足，则执行步骤512。
步骤512，直接从dslMap或dslData中获取值(取决于是自定义还是数据路径)。
步骤513，判断是否还有其它同级子对象待解析。若有，则执行步骤510；否则，若没有，则执行步骤509。
在本公开的一些实施例中，三端(iOS、Android、H5)解析ViewKit协议语言的主要过程一致。
在本公开的一些实施例中，App或者浏览器需满足以下要求以积木(viewkit)的方式渲染页面和楼层：首先确保下发数据遵循SDK的数据结构；客户端加入对应的SDK(iOS和Android)，降级方案为H5。
在本公开的一些实施例中，App或浏览器需接入SDK才能解析viewkit协议，否则不 能识别viewkit协议。
图6为本公开iOS接入流程一些实施例的示意图。如图6所示，本公开iOS接入流程可以包括步骤61-步骤65中的至少一步，其中：
步骤61，注册组件。
在本公开的一些实施例中，步骤61可以包括：图片下载、事件响应、埋点等。
步骤62，实例化对象。
步骤63，存储map信息。
步骤64，生成viewkit楼层信息。
步骤65，图层生成。
图7为本公开Android接入流程一些实施例的示意图。如图7所示，本公开Android接入流程可以包括步骤71-步骤75中的至少一步，其中：
步骤71，引入Viewkit库。
步骤72，注册服务，生成Viewkit实例化对象。
步骤73，存入DSL模板。
步骤74，生成viewkit楼层信息。
步骤75，图层生成。
图8为本公开H5接入流程一些实施例的示意图。如图8所示，本公开H5接入流程可以包括步骤81-步骤85中的至少一步，其中：
步骤81，引入Viewkit库。
步骤82，初始化。
步骤83，图层生成。
本公开上述实施例通过独创的ViewKit语言协议中的容器、视图、元素之间的组合、嵌套，可以满足一般电商活动页面的所有需求，实现了极高的灵活性及开放性。
本公开上述实施例采用ViewKit语言协议，提供了三端解析(iOS、Android、H5)的能力，满足活动页面在各端的浏览需求。
本公开上述实施例提供可视化的活动页面模板的搭建界面，用户无需具备研发背景，即可通过拖拽、配置等操作进行页面搭建，满足活动运营快速、便捷的需求。
根据本公开的另一方面，提供一种页面创建方法，可以包括上述至少一种实施例(例如图1-图8至少一种实施例)所述的页面创建方法。
本公开上述实施例提供一种活动页面创建的一体化解决方案，用于无代码开发地解决 个性化活动页面搭建的需求，大大提高了页面搭建效率，大幅缩减了活动上线时间成本和研发成本，同时能满足业务方绝大部分定制化需求，生成丰富的页面。
图9为本公开业务终端一些实施例的示意图。如图9所示，本公开业务终端可以包括模板搭建模块110、模板数据生成模块120和模板数据发送模块130，其中：
模板搭建模块110，用于根据业务人员的可视化输入，搭建页面模板。
在本公开的一些实施例中，所述页面模板包括容器、元素和视图中的至少一种。
在本公开的一些实施例中，所述可视化输入包括点击、拖拽和配置中的至少一项。
在本公开的一些实施例中，模板搭建模块110，可以用于根据业务人员的可视化输入，将元素进行配置、组合构成视图；根据业务人员的可视化输入，通过容器的选择来确定视图的排列方式。
在本公开的一些实施例中，模板搭建模块110，可以用于根据业务人员的可视化输入，对容器和视图中的至少一种进行多层嵌套。
模板数据生成模块120，用于将页面模板和业务人员指定的数据源建立关联，生成页面模板数据。
在本公开的一些实施例中，模板数据生成模块120，可以用于将页面模板的元素与相应的数据字段进行关联。
模板数据发送模块130，用于将页面模板数据发送给用户终端，以便用户终端解析页面模板数据，生成页面，并向用户呈现页面。
在本公开的一些实施例中，所述业务终端用于执行实现如上述任一实施例(例如图1-图2任一实施例)所述的页面创建方法的操作。
本公开上述实施例提供了可视化的活动楼层模板搭建系统，用于提供搭建楼层模板的UI页面。
本公开上述实施例提供一个基于文本、图片、倒计时、按钮、开关、标签、进度条等基本元素，在平铺、富文本、滑动、轮播等各种布局模式下，进行自由组合、样式配置的工具，理论上可以满足业务绝大部分定制化页面需求。
本公开上述实施例提供了可视化的活动页面的搭建界面，用户无需具备研发背景，即可通过拖拽、配置等操作进行页面搭建，简单快捷。
本公开上述实施例统一了全平台的活动页面搭建流程，大大降低研发成本以及沟通成本，实现活动搭建平台化、规范化、一站化。
本公开上述实施例需要修改活动页面时，只需在可视化活动搭建平台修改配置、自动发布，无需繁琐的代码发布流程，快速灵活。
图10为本公开用户终端一些实施例的示意图。如图10所示，本公开业务终端可以包括模板数据接收模块210、数据解析模块220和页面呈现模块230，其中：
模板数据接收模块210，用于接收业务终端发送的页面模板数据，其中，页面模板数据是业务终端将页面模板和业务人员指定的数据源建立关联后生成的，页面模板是业务终端根据业务人员的可视化输入搭建的。
数据解析模块220，用于解析页面模板数据，生成页面。
在本公开的一些实施例中，数据解析模块220可以用于根据页面模板数据确定根容器类型，其中，页面模板数据包括根容器、数据集和模板字典中的至少一种，数据集为数据源、页面数据或者楼层数据；根据引用值字段向数据源获取容器对应的多帧数据；遍历每一帧数据，进行数据解析，以生成页面。
在本公开的一些实施例中数据解析模块220在遍历每一帧数据，进行数据解析的情况下，可以用于通过每一帧数据内的数据标识向数据集找到对应的模板数据；对模板数据进行逐层递归扫描，对每一个控件和包含控件的视图通过值字段进行寻值。
在本公开的一些实施例中，页面模板数据和页面解析过程可以适配于多种系统(例如iOS、Android、H5)的用户终端。
页面呈现模块230，用于向用户呈现生成的页面。
在本公开的一些实施例中，所述用户终端可以用于执行实现如上述任一实施例(例如图3-图8任一实施例)所述的页面创建方法的操作。
本公开上述实施例的ViewKit语言协议，用于作为iOS、Android、H5解析活动楼层模板的领域特定语言。
本公开上述实施例的ViewKit解析SDK，提供给iOS、Android、H5用于解析ViewKit语言，渲染可原生的活动页面(可降级为H5页面)。
本公开上述实施例的活动页面适配三端(iOS、Android、H5)，提供客户端SDK，优先解析原生页面，提升性能和用户体验，同时可降级H5，确保活动页面在任何环境下都能正确打开。
本公开上述实施例的语言协议实现了数据和样式分离，使用者无需担心活动模板样式与活动数据结构耦合。
图11为本公开计算机装置一些实施例的结构示意图。如图11所示，计算机装置包括存储器310和处理器320。
存储器310用于存储指令，处理器320耦合到存储器310，处理器320被配置为基于存储器存储的指令执行实现如上述任一实施例(例如图1-图8任一实施例)所述的页面创建方法。
在本公开的一些实施例中，处理器320在执行实现如上述任一实施例(例如图1-图2任一实施例)所述的页面创建方法的情况下，本公开计算机装置可以实现为本公开业务终端。
在本公开的一些实施例中，处理器320在执行实现如上述任一实施例(例如图3-图8任一实施例)所述的页面创建方法的情况下，本公开计算机装置可以实现为本公开用户终端。
如图11所示，该计算机装置还包括通信接口330，用于与其它设备进行信息交互。同时，该计算机装置还包括总线340，处理器320、通信接口330、以及存储器310通过总线340完成相互间的通信。
存储器310可以包含高速RAM存储器，也可还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。存储器310也可以是存储器阵列。存储器310还可能被分块，并且块可按一定的规则组合成虚拟卷。
此外，处理器320可以是一个中央处理器CPU，或者可以是专用集成电路ASIC，或是被配置成实施本公开实施例的一个或多个集成电路。
图12为本公开页面创建系统一些实施例的示意图。如图12所示，本公开业务终端可以包括业务终端100和用户终端200，其中：
业务终端100，为如本公开上述任一实施例(例如图9实施例)所述的业务终端。
用户终端200，为如本公开上述任一实施例(例如图10实施例)所述的用户终端。
本公开上述实施例提供了快速搭建电商运营活动多端适配页面的一体化解决方案。本公开上述实施例用于无代码开发地解决个性化活动页面搭建的需求，大大提高了页面搭建效率，大幅缩减了活动上线时间成本和研发成本，同时本公开上述实施例能满足业务方绝大部分定制化需求，生成丰富的页面。
根据本公开的另一方面，提供一种非瞬时性计算机可读存储介质，其中，所述非瞬时性计算机可读存储介质存储有计算机指令，所述指令被处理器执行时实现如上述至少一种实施例(例如图1-图8种至少一个实施例)所述的页面创建方法。
本领域内的技术人员应明白，本公开的实施例可提供为方法、装置、或计算机程序产品。因此，本公开可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本公开可采用在一个或多个其中包含有计算机可用程序代码的计算机可用非瞬时性存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本公开是参照根据本公开实施例的方法、设备(系统)和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在上面所描述的业务终端和用户终端可以实现为用于执行本申请所描述功能的通用处理器、可编程逻辑控制器(PLC)、数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件或者其任意适当组合。
至此，已经详细描述了本公开。为了避免遮蔽本公开的构思，没有描述本领域所公知的一些细节。本领域技术人员根据上面的描述，完全可以明白如何实施这里公开的技术方案。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完 成，也可以通过程序来指示相关的硬件完成，所述的程序可以存储于一种非瞬时性计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。
本公开的描述是为了示例和描述起见而给出的，而并不是无遗漏的或者将本公开限于所公开的形式。很多修改和变化对于本领域的普通技术人员而言是显然的。选择和描述实施例是为了更好说明本公开的原理和实际应用，并且使本领域的普通技术人员能够理解本公开从而设计适于特定用途的带有各种修改的各种实施例。

Claims (19)

  1. 一种页面创建方法，包括：
    业务终端根据业务人员的可视化输入，搭建页面模板；
    业务终端将页面模板和业务人员指定的数据源建立关联，生成页面模板数据；
    业务终端将页面模板数据发送给用户终端，以便用户终端解析页面模板数据，生成页面，并向用户呈现页面。
  2. 根据权利要求1所述的页面创建方法，其中：
    所述可视化输入包括点击、拖拽和配置中的至少一项；
    所述页面模板包括容器、元素和视图中的至少一种；
    所述业务终端根据业务人员的可视化输入，搭建页面模板包括：
    业务终端根据业务人员的可视化输入，将元素进行配置、组合构成视图；
    业务终端根据业务人员的可视化输入，通过容器的选择来确定视图的排列方式。
  3. 根据权利要求2所述的页面创建方法，其中，所述业务终端将页面模板和业务人员指定的数据源建立关联包括：
    业务终端将页面模板的元素与相应的数据字段进行关联。
  4. 根据权利要求2或3所述的页面创建方法，其中，所述业务终端根据业务人员的可视化输入，搭建页面模板包括：
    业务终端根据业务人员的可视化输入，对容器和视图中的至少一种进行多层嵌套。
  5. 一种页面创建方法，包括：
    用户终端接收业务终端发送的页面模板数据，其中，页面模板数据是业务终端将页面模板和业务人员指定的数据源建立关联后生成的，页面模板是业务终端根据业务人员的可视化输入搭建的；
    用户终端解析页面模板数据，生成页面；
    用户终端向用户呈现生成的页面。
  6. 根据权利要求5所述的页面创建方法，其中，所述用户终端解析页面模板数据，生成页面包括：
    根据页面模板数据确定根容器类型，其中，页面模板数据包括根容器、数据集和模板字典中的至少一种，数据集为数据源、页面数据或者楼层数据；
    根据引用值字段向数据源获取容器对应的多帧数据；
    遍历每一帧数据，进行数据解析，以生成页面。
  7. 根据权利要求6所述的页面创建方法，其中，所述遍历每一帧数据，进行数据解析包括：
    通过每一帧数据内的数据标识向数据集找到对应的模板数据；
    对模板数据进行逐层递归扫描，对每一个控件和包含控件的视图通过值字段进行寻值。
  8. 根据权利要求5-7中任一项所述的页面创建方法，其中：
    页面模板数据和页面解析过程适配于多种系统的用户终端。
  9. 一种业务终端，包括：
    模板搭建模块，用于根据业务人员的可视化输入，搭建页面模板；
    模板数据生成模块，用于将页面模板和业务人员指定的数据源建立关联，生成页面模板数据；
    模板数据发送模块，用于将页面模板数据发送给用户终端，以便用户终端解析页面模板数据，生成页面，并向用户呈现页面。
  10. 根据权利要求9所述的业务终端，其中，所述可视化输入包括点击、拖拽和配置中的至少一项；
    所述页面模板包括容器、元素和视图中的至少一种；
    所述业务终端用于根据业务人员的可视化输入，将元素进行配置、组合构成视图；根据业务人员的可视化输入，通过容器的选择来确定视图的排列方式。
  11. 根据权利要求10所述的业务终端，其中：
    所述业务终端用于将页面模板的元素与相应的数据字段进行关联。
  12. 根据权利要求10或11所述的业务终端，其中：
    所述业务终端用于根据业务人员的可视化输入，对容器和视图中的至少一种进行多层嵌套。
  13. 一种用户终端，包括：
    模板数据接收模块，用于接收业务终端发送的页面模板数据，其中，页面模板数据是业务终端将页面模板和业务人员指定的数据源建立关联后生成的，页面模板是业务终端根据业务人员的可视化输入搭建的；
    数据解析模块，用于解析页面模板数据，生成页面；
    页面呈现模块，用于向用户呈现生成的页面。
  14. 根据权利要求13所述的用户终端，其中：
    所述用户终端用于根据页面模板数据确定根容器类型，其中，页面模板数据包括根容器、数据集和模板字典中的至少一种，数据集为数据源、页面数据或者楼层数据；根据引用值字段向数据源获取容器对应的多帧数据；遍历每一帧数据，进行数据解析，以生成页面。
  15. 根据权利要求14所述的用户终端，其中：
    所述用户终端用于通过每一帧数据内的数据标识向数据集找到对应的模板数据；对模板数据进行逐层递归扫描，对每一个控件和包含控件的视图通过值字段进行寻值。
  16. 根据权利要求13-15中任一项所述的用户终端，其中：
    页面模板数据和页面解析过程适配于多种系统的用户终端。
  17. 一种计算机装置，包括：
    存储器，用于存储指令；
    处理器，用于执行所述指令，使得所述计算机装置执行实现如权利要求1-8中任一项所述的页面创建方法的操作。
  18. 一种页面创建系统，包括如权利要求9-12中任一项所述的业务终端和如权利要求13-16中任一项所述的用户终端。
  19. 一种非瞬时性计算机可读存储介质，其中，所述非瞬时性计算机可读存储介质存储有计算机指令，所述指令被处理器执行时实现如权利要求1-8中任一项所述的页面创建方法。
PCT/CN2022/097878 2021-09-26 2022-06-09 页面创建方法、装置和系统、计算机装置和存储介质 WO2023045412A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202111130523.4A CN113805886A (zh) 2021-09-26 2021-09-26 页面创建方法、装置和系统、计算机装置和存储介质
CN202111130523.4 2021-09-26

Publications (1)

Publication Number Publication Date
WO2023045412A1 true WO2023045412A1 (zh) 2023-03-30

Family

ID=78938570

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/097878 WO2023045412A1 (zh) 2021-09-26 2022-06-09 页面创建方法、装置和系统、计算机装置和存储介质

Country Status (2)

Country Link
CN (1) CN113805886A (zh)
WO (1) WO2023045412A1 (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113805886A (zh) * 2021-09-26 2021-12-17 北京沃东天骏信息技术有限公司 页面创建方法、装置和系统、计算机装置和存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108008954A (zh) * 2017-12-01 2018-05-08 深圳乐信软件技术有限公司 页面配置方法、装置、服务器及介质
CN109062550A (zh) * 2018-07-27 2018-12-21 北京京东金融科技控股有限公司 页面构建方法和系统、用户终端、服务器和可读存储介质
WO2020020248A1 (zh) * 2018-07-27 2020-01-30 北京京东尚科信息技术有限公司 移动端页面构建方法、系统和移动端
US20200034355A1 (en) * 2018-07-30 2020-01-30 International Business Machines Corporation Importing external content into a content management system
CN113805886A (zh) * 2021-09-26 2021-12-17 北京沃东天骏信息技术有限公司 页面创建方法、装置和系统、计算机装置和存储介质
CN114115844A (zh) * 2021-11-16 2022-03-01 招联消费金融有限公司 页面生成方法、装置、计算机设备和存储介质

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108008954A (zh) * 2017-12-01 2018-05-08 深圳乐信软件技术有限公司 页面配置方法、装置、服务器及介质
CN109062550A (zh) * 2018-07-27 2018-12-21 北京京东金融科技控股有限公司 页面构建方法和系统、用户终端、服务器和可读存储介质
WO2020020248A1 (zh) * 2018-07-27 2020-01-30 北京京东尚科信息技术有限公司 移动端页面构建方法、系统和移动端
US20200034355A1 (en) * 2018-07-30 2020-01-30 International Business Machines Corporation Importing external content into a content management system
CN113805886A (zh) * 2021-09-26 2021-12-17 北京沃东天骏信息技术有限公司 页面创建方法、装置和系统、计算机装置和存储介质
CN114115844A (zh) * 2021-11-16 2022-03-01 招联消费金融有限公司 页面生成方法、装置、计算机设备和存储介质

Also Published As

Publication number Publication date
CN113805886A (zh) 2021-12-17

Similar Documents

Publication Publication Date Title
CN108153788B (zh) 页面信息个性化处理方法、装置及系统
US10248994B2 (en) Methods and systems for automatically searching for related digital templates during media-based project creation
CN112100550A (zh) 一种页面构建方法和装置
WO2023045412A1 (zh) 页面创建方法、装置和系统、计算机装置和存储介质
CN111367514B (zh) 页面卡片的开发方法和装置、计算设备和存储介质
CN111782309B (zh) 显示信息的方法、装置及计算机可读存储介质
CN102789379A (zh) 搭建用户界面的方法和装置
CN113342334B (zh) 视觉设计投放方法及装置
Fischer End-User Programming of Virtual Assistant Skills and Graphical User Interfaces
CN113806596A (zh) 运营数据管理方法及相关装置

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 22871473

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE