CN112230910A - Page generation method, device, equipment and storage medium of embedded program - Google Patents
Page generation method, device, equipment and storage medium of embedded program Download PDFInfo
- Publication number
- CN112230910A CN112230910A CN201910637712.7A CN201910637712A CN112230910A CN 112230910 A CN112230910 A CN 112230910A CN 201910637712 A CN201910637712 A CN 201910637712A CN 112230910 A CN112230910 A CN 112230910A
- Authority
- CN
- China
- Prior art keywords
- page
- component
- visual
- visualization
- embedded program
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
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
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a page generation method, a page generation device, page generation equipment and a page generation storage medium of an embedded program, and belongs to the technical field of computers. According to the page generation method of the embedded program, the triggering operation of at least one visual component is detected, the page layout of the embedded program is determined, the associated information of each visual component is obtained according to the editing operation of each visual component, and the display page of the embedded program is generated based on the page layout of the embedded program and the associated information of each visual component in the page.
Description
Technical Field
The present invention relates to the field of computer technologies, and in particular, to a method, an apparatus, a device, and a storage medium for generating a page of an embedded program.
Background
With the development of internet technology and the popularization of intelligent terminals, more and more application programs begin to face users, embedded programs can run depending on the application programs, and the embedded programs are widely concerned due to the characteristics of light weight and convenience. When the embedded program is used, the embedded program does not need to be downloaded and installed independently, excessive system memory is not occupied, a user can open the embedded program in the application program only through simple operations such as code scanning and the like of the application program, for example, a WeChat applet is an embedded program, and the user can directly open the applet through WeChat when the user uses the embedded program.
At present, the development of an embedded program belongs to a professional skill, and in the page generation process of the embedded program, a professional developer needs to compile codes in an integrated development environment and debug the codes for many times, but the learning cost of code compilation is high, and the efficiency of manual code compilation is low, so that the difficulty of generating the embedded program is high, and the efficiency is low.
Disclosure of Invention
The embodiment of the invention provides a page generation method, a page generation device, page generation equipment and a storage medium of an embedded program, which can solve the problem of low page generation efficiency of the embedded program in the related art. The technical scheme is as follows:
in one aspect, a method for generating a page of an embedded program is provided, and the method includes:
displaying an editing page, wherein the editing page comprises a plurality of visual components and a page editing area, and one visual component corresponds to one page display unit;
determining page position information of at least one visual component in the plurality of visual components according to the triggering operation of the at least one visual component in the page editing area;
acquiring the associated information of the at least one visual component according to the editing operation of the at least one visual component;
and generating a display page of the target embedded program based on the page position information of the at least one visual component and the associated information of the at least one visual component.
In one aspect, there is provided a page generation apparatus of an embedded program, the apparatus including:
the display module is used for displaying an editing page, the editing page comprises a plurality of visual components and a page editing area, and one visual component corresponds to one page display unit;
the determining model is used for determining page position information of at least one visual component in the plurality of visual components according to the triggering operation of the at least one visual component in the page editing area;
the associated information acquisition module is used for acquiring the associated information of the at least one visual component according to the editing operation on the at least one visual component;
and the page generating module is used for generating a display page of the target embedded program based on the page position information of the at least one visual component and the associated information of the at least one visual component.
In one possible implementation, the determining module is configured to:
and determining the end position of the triggering operation of the at least one visualization component on the page area in the page editing area as the page position information of the at least one visualization component.
In one possible implementation, the page position information refers to any one of the following position information:
a distance of the at least one visualization component relative to a page region boundary;
the distance of the at least one visualization component relative to any one of the visualization components other than itself.
In one possible implementation, the apparatus further includes:
and the program generating module is used for generating the target embedded program based on the plurality of display pages and the page switching relation among the plurality of display pages.
In one aspect, a computer device is provided that includes one or more processors and one or more memories having at least one program code stored therein, the at least one program code being loaded and executed by the one or more processors to implement the operations performed by the page generation method of the embedded program.
In one aspect, a computer-readable storage medium having at least one program code stored therein is provided, the at least one program code being loaded and executed by a processor to implement the operations performed by the page generation method of the embedded program.
According to the technical scheme provided by the embodiment of the invention, the page layout of the embedded program is determined by detecting the triggering operation of at least one visual component, the associated information of each visual component is obtained according to the editing operation of each visual component, and the display page of the embedded program is generated based on the page layout of the embedded program and the associated information of each visual component in the page.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the drawings needed to be used in the description of the embodiments will be briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without creative efforts.
FIG. 1 is a schematic diagram of an implementation environment of a page generation method for an embedded program according to an embodiment of the present invention;
FIG. 2 is a flowchart of a page generation method for an embedded program according to an embodiment of the present invention;
FIG. 3 is a diagram of an editing page provided by an embodiment of the present invention;
FIG. 4 is a diagram illustrating a specific display format of an editing option provided by an embodiment of the present invention;
FIG. 5 is a diagram illustrating a binding page in response to an event according to an embodiment of the present invention;
FIG. 6 is a diagram of a data binding page provided by an embodiment of the present invention;
FIG. 7 is a diagram of a component style information modification page provided by an embodiment of the present invention;
fig. 8 is a schematic diagram of a page switching relationship provided in an embodiment of the present invention;
fig. 9 is a schematic structural diagram of a page generation apparatus of an embedded program according to an embodiment of the present invention;
fig. 10 is a schematic structural diagram of a terminal according to an embodiment of the present invention;
fig. 11 is a schematic structural diagram of a server according to an embodiment of the present invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the present invention more apparent, embodiments of the present invention will be described in detail with reference to the accompanying drawings.
In order to facilitate understanding of the technical process of the embodiment of the present invention, some terms related to the embodiment of the present invention are explained below:
an embedded program: the embedded program is developed based on a specific programming language and can run depending on other application platforms, such as WeChat small programs and the like.
Fig. 1 is a schematic diagram of an implementation environment of a page generation method for an embedded program according to an embodiment of the present invention, and referring to fig. 1, the implementation environment includes at least one first terminal 101 and at least one second terminal 102. The at least one first terminal 101 may be installed and run with an application program for generating an embedded program to perform a page generation step of the embedded program, and the at least one second terminal 102 may be installed with a running environment of the embedded program to ensure that the embedded program can normally run in the at least one second terminal 102. The first terminal 101 and the second terminal 102 may be a tablet computer, a smart phone, and the like, which is not limited in the embodiment of the present invention.
Of course, the implementation environment may further include at least one server 103, and the at least one server 103 may be used to provide services such as embedded program distribution. The at least one first terminal 101, the at least one second terminal 102 and the at least one server 103 may be connected via a wired network or a wireless network to ensure that data transmission between the respective terminals and the server 103 is possible. After the user uses the first terminal 101 to generate the embedded program, the code file of the embedded program may be sent to the server 103, and the user may use the second terminal 102 to obtain the embedded program from the server 103, so that the embedded program may be run on the second terminal 102, so that the user may preview or use the embedded program. The at least one server 103 may be a device such as a cloud computing platform, which is not limited in this embodiment of the present invention.
Fig. 2 is a flowchart of a page generating method of an embedded program according to an embodiment of the present invention, where the method may be applied to the terminal or the server, and both the terminal and the server may be regarded as a computer device, and therefore, the embodiment of the present invention is described based on the computer device as an execution subject, referring to fig. 2, where the method specifically includes the following steps:
201. the first terminal displays an editing page including a plurality of visual components and a page editing area, one visual component corresponding to one page display unit.
In an embodiment of the present invention, the first terminal may be installed and run with an application program for generating an embedded program, the application program may include an editing page, and the editing page may be used to provide a visual editing function of the embedded program, and specifically, the editing page may include a plurality of visual components and a page editing area, and a user may create a plurality of initial pages of the embedded program in the page editing area and apply the visual components to complete layout of the initial pages. The plurality of visualization components may include common components in embedded programs, such as a search component, an image component, a text component, a list component, and the like. The size of the initial page may be a default size or a user-defined size, and in a general case, the size of the initial page may be set to be the same as the size of a page of the second terminal, so that a display page of the embedded program generated based on the initial page can be previewed on the second terminal.
Fig. 3 is a schematic diagram of an editing page according to an embodiment of the present invention, referring to fig. 3, the editing page 301 may include a plurality of visualization components 302 and a page editing area 303, an initial page 304 created by a user may be displayed in the page editing area 303, and the user selects any one of the visualization components in the editing page 301 and drags the visualization component into the initial page 304 to complete the layout of the initial page. The first terminal can detect user operation in the page editing area, acquire a plurality of initial page information created in the page editing area and visual component information contained in each initial page, and execute subsequent embedded program generation steps.
According to the mode of laying out the initial page through the visual assembly, a user can be prevented from writing a large number of codes, the page layout process of the embedded program is simpler and quicker, and the page generation efficiency of the embedded program is improved.
202. And the first terminal determines the page position information of at least one visual component according to the triggering operation of the page editing area on the at least one visual component in the plurality of visual components.
In the embodiment of the present invention, the position of at least one visualization component in the initial page may be adjusted through a trigger operation, where the trigger operation may be a drag operation, a click operation, a long-press operation, and the like, and the embodiment of the present invention does not limit this. The first terminal may determine an end position of the triggering operation of the at least one visualization component on the page area in the page editing area as page position information of the at least one visualization component. In a possible implementation manner, the first terminal may detect a trigger operation of a user on the at least one visualization component, when it is detected that one trigger operation of the user on any one visualization component ends, the first terminal may determine whether the visualization component is still in a page area indicated by the initial page, if the first terminal detects that the visualization component is in the page area, current location information of the visualization component is obtained as page location information, and when the first terminal detects that the visualization component is not in the page area, it is determined that the visualization component is deleted from the initial page, and the first terminal does not need to obtain the location information of the visualization component.
The page position information of the at least one visualization component on the initial page may be a distance of the at least one visualization component relative to a page area boundary, or may be a distance of the at least one visualization component relative to any one of the visualization components except for the at least one visualization component itself. The embodiment of the invention does not limit which distance is specifically adopted to mark the page position information of the visual component.
203. And the first terminal acquires the associated information of the at least one visual component according to the editing operation of the at least one visual component.
The first terminal detects that the initial page is completely created, and after the information of at least one visual component contained in the initial page is acquired, information association needs to be carried out on the at least one visual component. In a possible implementation manner, the foregoing process may specifically include the following steps:
step one, when the first terminal detects the editing operation of the at least one visual component, an editing instruction is triggered.
When a user carries out editing operation on any visual component, an editing instruction is triggered, the first terminal can edit the visual component based on the editing instruction, wherein the editing instruction can be used for indicating the first terminal to carry out information association, such as data binding, event binding and the like, on the at least one visual component. In the embodiment of the present invention, the edit instruction may be triggered by a target gesture operation detected by the first terminal. The target operation gesture may be any gesture operation, and the target gesture operation may be set by a developer, for example, the target gesture operation may be a click operation on a visual component to be edited or a long-press operation on the visual component to be edited, and when the first terminal detects the target gesture operation in a display area of any visual component, an editing instruction on the visual component in the display area is triggered.
And step two, after the first terminal receives an editing instruction of any visual component, at least one editing option can be displayed in the first target area, and the at least one editing option can be a property setting control, a data binding control, an event binding control, a property setting control and the like.
For example, fig. 4 is a schematic diagram of a specific display form of an editing option provided by an embodiment of the present invention, the first target area 401 may be on the right side of the initial page 402, a plurality of editing options may be displayed in the first target area 401, and a user may perform operations such as information association on a visualization component through each editing option.
And step three, the first terminal can determine the information associated with the visual component based on the detection of the click operation on any editing option.
In a possible implementation manner, after the first terminal detects a click operation on any one of the editing options, specific editing content corresponding to the editing option may be displayed in a second target area, the second target area may be set by a developer, and the first terminal may acquire data in the second target area to determine information associated with the visualization component. Specifically, taking the example of obtaining the response event bound by the visual component and the data bound by the visual component, the above process is explained:
the first terminal can acquire a response event bound by the at least one visual component, wherein the response event is used for defining the data processing steps executed when the page display unit corresponding to the at least one visual component is triggered. For example, fig. 5 is a schematic diagram of a response event binding page provided in an embodiment of the present invention, where after the first terminal obtains an editing instruction for one visualization component 502 in the initial page 501, a plurality of editing options are displayed in the first target region 503, after the first terminal detects a click operation on the event binding control 504, at least one response event that the visualization component 502 can bind to is displayed in the second target region 505, the user may select the response event that the visualization component 502 binds to by the click operation, and after the first terminal detects a click operation on the second target region 505, the response event corresponding to the clicked region is used as the response event that the visualization component 502 binds to.
The first terminal may obtain the data to which the at least one visual component is bound and, in one possible implementation, first, the first terminal may detect a data binding operation of a user to any one of the visual components and, thereafter, the first terminal acquires a data list corresponding to the visual component according to the data binding operation on the visual component, the data list includes at least one list of data, for example, the visualization component may be a list component or the like, and it should be noted that, the data type of the data contained in the data list is to be consistent with the data type of the data element contained in the visualization component, and finally, the first terminal can acquire a binding relationship between at least one data element in the visual component and at least one column of data in the data list based on the data binding operation on the visual component and the data list. For example, fig. 6 is a schematic diagram of a data binding page according to an embodiment of the present invention, after the first terminal obtains an editing instruction for a visualization component 602 in the initial page 601, a plurality of editing options are displayed in a first target region 603, after the first terminal detects a click operation on a data binding control 604, at least one data list that the visualization component 602 can bind to is displayed in a second target region 605, a user can select the data list that the visualization component 602 binds to and a list of data that each data element in the visualization component binds to by the click operation, and the first terminal can obtain the data that the visualization component binds to based on the click operation of the user in the second target region 605. It should be noted that the description of the data binding manner is only an exemplary introduction of the data binding manner, and the embodiment of the present invention does not limit which data binding manner is specifically adopted.
Of course, the first terminal may also obtain style information of the at least one visualization component according to a style editing operation on the at least one visualization component. Fig. 7 is a schematic diagram of a component style information modification page according to an embodiment of the present invention, taking a button component as an example, after the first terminal obtains an edit instruction for the button component 701, a plurality of edit options are displayed in a first target area 702, after the first terminal detects a click operation on the attribute setting control 703, the style information of the button component 701 is displayed in a second target area 704, a user may modify a style of the button component 701 through the click operation or a text input operation, and after the first terminal detects the click operation or the text input operation on the second target area 704, the first terminal obtains a plurality of data in the second target area 704, that is, the style information of the button component 701.
In the embodiment of the present invention, the execution sequence of first obtaining the page position information of the visual component on the initial page and then obtaining the associated information of the visual component is used for describing, but in some embodiments, the associated information of the visual component may also be obtained first and then obtaining the page position information of the visual component on the initial page, or both the steps may be performed simultaneously, which is not specifically limited in the embodiment of the present invention.
204. The first terminal generates a display page of the target embedded program based on the page position information of the at least one visual component and the associated information of the at least one visual component.
In a possible implementation manner, the foregoing process may specifically include the following steps:
firstly, the first terminal can generate initial program code of the target embedded program based on the page position information of the at least one visual component and the associated information of the at least one visual component.
Specifically, the first terminal may generate a page layout code of the initial page based on at least one visualization component in the initial page, acquire association information of the at least one visualization component, and establish a link between a program code corresponding to the association information of one visualization component and the one visualization component, and the first terminal may generate an initial program code of a display page of the target embedded program based on the page layout code and the program code corresponding to the association information.
And step two, the first terminal can modify the initial program code based on a preset grammar rule to generate a target program code. For example, the first terminal may modify a syntax error in the initial program code, and complement and complete the initial program code to generate a target program code that can normally run in the mobile terminal device. Wherein the preset grammar rule can be set by a developer.
And step three, the first terminal can generate a display page of the target embedded program based on the target program code.
In the display page generation process of the target embedded program, a visual mode is adopted to help a user complete the steps of page layout and information association, so that the aim of 'what you see is what you get' is achieved as much as possible, the user can achieve the target through simple gesture interaction, the user is prevented from writing a large amount of codes, and the user can complete the steps of visual layout, data binding, logic arrangement and the like of the embedded program through simple dragging gestures.
205. The first terminal generates a target embedded program based on a plurality of display pages and a page switching relationship among the display pages.
The page switching relationship among the multiple display pages may be determined based on an editing operation on the visual component in each display page, or may be determined based on an editing operation on an initial page corresponding to each display page. Specifically, taking a visual component as an example, the determining process of the page switching relationship is described, where the first terminal may detect a response event binding operation of a user to the visualization, and when detecting that the page switching event is bound to the visual component by the user, the first terminal may obtain a page name or a page identifier of a target page input or selected by the user, so as to establish a link between the target page and the visual component, and when detecting a click operation on the visual control, may jump to the target page. The page name and the page identifier can be used for uniquely indicating a target page. Referring to fig. 8, fig. 8 is a schematic diagram of a page switching relationship according to an embodiment of the present invention, where (a) in fig. 8 is a schematic diagram of a bound page switching event, and (b) is a schematic diagram of a page switching event binding completion, when the first terminal detects that a user binds a page switching event to a visualization component 801, the first terminal may obtain a page name 802 of a target page input by the user and a gesture operation 803 specified by the user to trigger the page switching event, and after the page switching event binding is completed, the visualization component, the target page 804 and a trigger operation 805 of the page switching event may be connected by a curve.
After the first terminal generates the target embedded program, the target embedded program can be exported to be a code file, and when the clicking operation on the preview control is detected, the code file is sent to the second terminal for previewing. The second terminal is any device capable of running the embedded program.
Of course, after the first terminal generates the target embedded program, the first terminal may also send the code file of the target embedded program to the server, and the user may use the second terminal to obtain the code file of the target embedded program from the server, and run the target embedded program at the second terminal.
According to the technical scheme provided by the embodiment of the invention, the page layout of the embedded program is determined by detecting the triggering operation of at least one visual component, the associated information of each visual component is obtained according to the editing operation of each visual component, and the display page of the embedded program is generated based on the page layout of the embedded program and the associated information of each visual component in the page.
In the embodiment of the invention, by encapsulating the base library used in the generation process of the embedded program and deleting the uncommon parameters in the API (Application Programming Interface), some complex parameters which are not suitable for being input at the mobile terminal are simplified, for example, the path of the page is changed into the name of the page, and a code editor is provided, which provides complete capabilities of high grammar and complete code, and helps the user to complete work efficiently as much as possible.
Fig. 9 is a schematic structural diagram of a page generation apparatus of an embedded program according to an embodiment of the present invention, and referring to fig. 9, the apparatus includes:
a display module 901, configured to display an editing page, where the editing page includes a plurality of visual components and a page editing area, and one visual component corresponds to one page display unit;
a determination model 902, configured to determine page position information of at least one of the multiple visualization components according to a drag operation on the at least one of the multiple visualization components in the page editing region;
a related information obtaining module 903, configured to obtain related information of the at least one visualization component according to an editing operation on the at least one visualization component;
and a page generating module 904, configured to generate a display page of the target embedded program based on the page position information of the at least one visualization component and the association information of the at least one visualization component.
In one possible implementation manner, the association information obtaining module 903 is configured to:
and acquiring a response event bound by the at least one visual component, wherein the response event is used for defining the data processing steps executed when the page display unit corresponding to the at least one visual component is triggered.
In one possible implementation manner, the association information obtaining module 903 is configured to:
acquiring a data list corresponding to any visual component according to data binding operation on the visual component, wherein the data list comprises at least one column of data;
and acquiring a binding relation between at least one data element in the visual component and at least one column of data in the data list based on the data binding operation on the visual component and the data list.
In one possible implementation, the page generation module 904 is configured to:
generating initial program code of the target embedded program based on the page position information of the at least one visual component and the associated information of the at least one visual component;
based on a preset grammar rule, correcting the initial program code to generate a target program code;
based on the object program code, a display page of the object embedded type program is generated.
In one possible implementation, the apparatus further includes:
and the style information acquisition module is used for acquiring the style information of the at least one visualization component according to the style editing operation on the at least one visualization component.
In one possible implementation, the determining module 902 is configured to:
and determining the end position of the dragging operation of the at least one visualization component on the page area in the page editing area as the page position information of the at least one visualization component.
In one possible implementation, the page position information refers to any one of the following position information:
a distance of the at least one visualization component relative to a page region boundary;
the distance of the at least one visualization component relative to any one of the visualization components other than itself.
In one possible implementation, the apparatus further includes:
and the program generating module is used for generating the target embedded program based on the plurality of display pages and the page switching relation among the plurality of display pages.
All the above-mentioned optional technical solutions can be combined arbitrarily to form the optional embodiments of the present invention, and are not described herein again.
It should be noted that: the page generation device of the embedded program provided in the above embodiment is only illustrated by the division of the above functional modules when generating the page of the embedded program, and in practical applications, the above function distribution may be completed by different functional modules according to needs, that is, the internal structure of the device is divided into different functional modules to complete all or part of the above described functions. In addition, the page generation apparatus of the embedded program and the page generation method of the embedded program provided in the above embodiments belong to the same concept, and specific implementation processes thereof are detailed in the method embodiments and are not described herein again.
Fig. 10 is a schematic structural diagram of a terminal according to an embodiment of the present invention. The terminal 1000 can be: a smart phone, a tablet computer, an MP3 player (Moving Picture Experts Group Audio Layer III, motion video Experts compression standard Audio Layer 3), an MP4 player (Moving Picture Experts Group Audio Layer IV, motion video Experts compression standard Audio Layer 4), a notebook computer, or a desktop computer. Terminal 1000 can also be referred to as user equipment, portable terminal, laptop terminal, desktop terminal, or the like by other names.
In general, terminal 1000 can include: one or more processors 1001 and one or more memories 1002.
In some embodiments, terminal 1000 can also optionally include: a peripheral interface 1003 and at least one peripheral. The processor 1001, memory 1002 and peripheral interface 1003 may be connected by a bus or signal line. Various peripheral devices may be connected to peripheral interface 1003 via a bus, signal line, or circuit board. Specifically, the peripheral device includes: at least one of radio frequency circuitry 1004, display screen 1005, camera assembly 1006, audio circuitry 1007, positioning assembly 1008, and power supply 1009.
The peripheral interface 1003 may be used to connect at least one peripheral related to I/O (Input/Output) to the processor 1001 and the memory 1002. In some embodiments, processor 1001, memory 1002, and peripheral interface 1003 are integrated on the same chip or circuit board; in some other embodiments, any one or two of the processor 1001, the memory 1002, and the peripheral interface 1003 may be implemented on separate chips or circuit boards, which are not limited by this embodiment.
The Radio Frequency circuit 1004 is used for receiving and transmitting RF (Radio Frequency) signals, also called electromagnetic signals. The radio frequency circuitry 1004 communicates with communication networks and other communication devices via electromagnetic signals. The radio frequency circuit 1004 converts an electrical signal into an electromagnetic signal to transmit, or converts a received electromagnetic signal into an electrical signal. Optionally, the radio frequency circuit 1004 comprises: an antenna system, an RF transceiver, one or more amplifiers, a tuner, an oscillator, a digital signal processor, a codec chipset, a subscriber identity module card, and so forth. The radio frequency circuit 1004 may communicate with other terminals via at least one wireless communication protocol. The wireless communication protocols include, but are not limited to: metropolitan area networks, various generation mobile communication networks (2G, 3G, 4G, and 5G), Wireless local area networks, and/or WiFi (Wireless Fidelity) networks. In some embodiments, the rf circuit 1004 may further include NFC (Near Field Communication) related circuits, which are not limited by the present invention.
The display screen 1005 is used to display a UI (User Interface). The UI may include graphics, text, icons, video, and any combination thereof. When the display screen 1005 is a touch display screen, the display screen 1005 also has the ability to capture touch signals on or over the surface of the display screen 1005. The touch signal may be input to the processor 1001 as a control signal for processing. At this point, the display screen 1005 may also be used to provide virtual buttons and/or a virtual keyboard, also referred to as soft buttons and/or a soft keyboard. In some embodiments, display screen 1005 can be one, providing a front panel of terminal 1000; in other embodiments, display 1005 can be at least two, respectively disposed on different surfaces of terminal 1000 or in a folded design; in still other embodiments, display 1005 can be a flexible display disposed on a curved surface or on a folded surface of terminal 1000. Even more, the display screen 1005 may be arranged in a non-rectangular irregular figure, i.e., a shaped screen. The Display screen 1005 may be made of LCD (Liquid Crystal Display), OLED (Organic Light-Emitting Diode), and the like.
The camera assembly 1006 is used to capture images or video. Optionally, the camera assembly 1006 includes a front camera and a rear camera. Generally, a front camera is disposed at a front panel of the terminal, and a rear camera is disposed at a rear surface of the terminal. In some embodiments, the number of the rear cameras is at least two, and each rear camera is any one of a main camera, a depth-of-field camera, a wide-angle camera and a telephoto camera, so that the main camera and the depth-of-field camera are fused to realize a background blurring function, and the main camera and the wide-angle camera are fused to realize panoramic shooting and VR (Virtual Reality) shooting functions or other fusion shooting functions. In some embodiments, camera assembly 1006 may also include a flash. The flash lamp can be a monochrome temperature flash lamp or a bicolor temperature flash lamp. The double-color-temperature flash lamp is a combination of a warm-light flash lamp and a cold-light flash lamp, and can be used for light compensation at different color temperatures.
The audio circuit 1007 may include a microphone and a speaker. The microphone is used for collecting sound waves of a user and the environment, converting the sound waves into electric signals, and inputting the electric signals to the processor 1001 for processing or inputting the electric signals to the radio frequency circuit 1004 for realizing voice communication. For stereo sound collection or noise reduction purposes, multiple microphones can be provided, each at a different location of terminal 1000. The microphone may also be an array microphone or an omni-directional pick-up microphone. The speaker is used to convert electrical signals from the processor 1001 or the radio frequency circuit 1004 into sound waves. The loudspeaker can be a traditional film loudspeaker or a piezoelectric ceramic loudspeaker. When the speaker is a piezoelectric ceramic speaker, the speaker can be used for purposes such as converting an electric signal into a sound wave audible to a human being, or converting an electric signal into a sound wave inaudible to a human being to measure a distance. In some embodiments, the audio circuit 1007 may also include a headphone jack.
A Location component 1008 is employed to locate a current geographic Location of terminal 1000 for purposes of navigation or LBS (Location Based Service). The Positioning component 1008 may be a Positioning component based on the Global Positioning System (GPS) in the united states, the beidou System in china, the graves System in russia, or the galileo System in the european union.
In some embodiments, terminal 1000 can also include one or more sensors 1010. The one or more sensors 1010 include, but are not limited to: acceleration sensor 1011, gyro sensor 1012, pressure sensor 1013, fingerprint sensor 1014, optical sensor 1015, and proximity sensor 1016.
Acceleration sensor 1011 can detect acceleration magnitudes on three coordinate axes of a coordinate system established with terminal 1000. For example, the acceleration sensor 1011 may be used to detect components of the gravitational acceleration in three coordinate axes. The processor 1001 may control the display screen 1005 to display the user interface in a landscape view or a portrait view according to the gravitational acceleration signal collected by the acceleration sensor 1011. The acceleration sensor 1011 may also be used for acquisition of motion data of a game or a user.
The gyro sensor 1012 may detect a body direction and a rotation angle of the terminal 1000, and the gyro sensor 1012 and the acceleration sensor 1011 may cooperate to acquire a 3D motion of the user on the terminal 1000. From the data collected by the gyro sensor 1012, the processor 1001 may implement the following functions: motion sensing (such as changing the UI according to a user's tilting operation), image stabilization at the time of photographing, game control, and inertial navigation.
Pressure sensor 1013 can be disposed on a side frame of terminal 1000 and/or underneath display screen 1005. When pressure sensor 1013 is disposed on a side frame of terminal 1000, a user's grip signal on terminal 1000 can be detected, and processor 1001 performs left-right hand recognition or shortcut operation according to the grip signal collected by pressure sensor 1013. When the pressure sensor 1013 is disposed at a lower layer of the display screen 1005, the processor 1001 controls the operability control on the UI interface according to the pressure operation of the user on the display screen 1005. The operability control comprises at least one of a button control, a scroll bar control, an icon control and a menu control.
The fingerprint sensor 1014 is used to collect a fingerprint of the user, and the processor 1001 identifies the user according to the fingerprint collected by the fingerprint sensor 1014, or the fingerprint sensor 1014 identifies the user according to the collected fingerprint. Upon identifying that the user's identity is a trusted identity, the processor 1001 authorizes the user to perform relevant sensitive operations including unlocking a screen, viewing encrypted information, downloading software, paying, and changing settings, etc. Fingerprint sensor 1014 can be disposed on the front, back, or side of terminal 1000. When a physical key or vendor Logo is provided on terminal 1000, fingerprint sensor 1014 can be integrated with the physical key or vendor Logo.
The optical sensor 1015 is used to collect the ambient light intensity. In one embodiment, the processor 1001 may control the display brightness of the display screen 1005 according to the ambient light intensity collected by the optical sensor 1015. Specifically, when the ambient light intensity is high, the display brightness of the display screen 1005 is increased; when the ambient light intensity is low, the display brightness of the display screen 1005 is turned down. In another embodiment, the processor 1001 may also dynamically adjust the shooting parameters of the camera assembly 1006 according to the intensity of the ambient light collected by the optical sensor 1015.
Proximity sensor 1016, also known as a distance sensor, is typically disposed on a front panel of terminal 1000. Proximity sensor 1016 is used to gather the distance between the user and the front face of terminal 1000. In one embodiment, when proximity sensor 1016 detects that the distance between the user and the front surface of terminal 1000 is gradually reduced, processor 1001 controls display screen 1005 to switch from a bright screen state to a dark screen state; when proximity sensor 1016 detects that the distance between the user and the front of terminal 1000 is gradually increased, display screen 1005 is controlled by processor 1001 to switch from a breath-screen state to a bright-screen state.
Those skilled in the art will appreciate that the configuration shown in FIG. 10 is not intended to be limiting and that terminal 1000 can include more or fewer components than shown, or some components can be combined, or a different arrangement of components can be employed.
Fig. 11 is a schematic structural diagram of a server according to an embodiment of the present invention, where the server 1100 may generate a relatively large difference due to different configurations or performances, and may include one or more processors (CPUs) 1101 and one or more memories 1102, where the one or more memories 1102 store at least one program code, and the at least one program code is loaded and executed by the one or more processors 1101 to implement the methods provided by the foregoing method embodiments. Of course, the server 1100 may also have components such as a wired or wireless network interface, a keyboard, and an input/output interface, so as to perform input/output, and the server 1100 may also include other components for implementing device functions, which are not described herein again.
In an exemplary embodiment, there is also provided a computer-readable storage medium, such as a memory, including instructions executable by a processor to perform the page generation method of the embedded program in the above embodiments. For example, the computer-readable storage medium may be a Read-Only Memory (ROM), a Random Access Memory (RAM), a Compact Disc Read-Only Memory (CD-ROM), a magnetic tape, a floppy disk, an optical data storage device, and the like.
It will be understood by those skilled in the art that all or part of the steps for implementing the above embodiments may be implemented by hardware, or may be implemented by a program instructing relevant hardware, and the program may be stored in a computer-readable storage medium, and the above-mentioned storage medium may be a read-only memory, a magnetic disk or an optical disk, etc.
The above description is only exemplary of the present invention and should not be taken as limiting the invention, as any modification, equivalent replacement, or improvement made within the spirit and principle of the present invention should be included in the protection scope of the present invention.
Claims (15)
1. A method for generating a page of an embedded program, the method comprising:
displaying an editing page, wherein the editing page comprises a plurality of visual components and a page editing area, and one visual component corresponds to one page display unit;
determining page position information of at least one visual component in the plurality of visual components according to the triggering operation of the at least one visual component in the page editing area;
acquiring the associated information of the at least one visualization component according to the editing operation of the at least one visualization component;
and generating a display page of the target embedded program based on the page position information of the at least one visual component and the associated information of the at least one visual component.
2. The method of claim 1, wherein the obtaining the association information of the at least one visualization component comprises:
acquiring a response event bound by the at least one visualization component, wherein the response event is used for defining the data processing steps executed when the page display unit corresponding to the at least one visualization component is triggered.
3. The method of claim 1, wherein the obtaining the association information of the at least one visualization component comprises:
acquiring a data list corresponding to any visual component according to data binding operation on the visual component, wherein the data list comprises at least one column of data;
and acquiring a binding relation between at least one data element in the visual component and at least one column of data in the data list based on the data binding operation on the visual component and the data list.
4. The method according to claim 1, wherein the generating a display page of the target embedded program based on the page position information of the at least one visual component and the association information of the at least one visual component comprises:
generating initial program code of a target embedded program based on the page position information of the at least one visualization component and the association information of the at least one visualization component;
based on a preset grammar rule, correcting the initial program code to generate a target program code;
and generating a display page of the target embedded program based on the target program code.
5. The method of claim 1, wherein prior to generating the display page of the target embedded program, the method further comprises:
and acquiring style information of the at least one visualization component according to style editing operation on the at least one visualization component.
6. The method according to claim 1, wherein the determining page position information of at least one of the plurality of visualization components according to the triggering operation on the page editing area comprises:
and determining the end position of the triggering operation of the at least one visualization component on the page area in the page editing area as the page position information of the at least one visualization component.
7. The method according to claim 6, wherein the page position information refers to any one of the following:
a distance of the at least one visualization component relative to a page region boundary;
a distance of the at least one visualization component relative to any one of the visualization components other than itself.
8. The method of claim 1, wherein after generating the display page of the target embedded program, the method further comprises:
and generating a target embedded program based on a plurality of display pages and page switching relations among the display pages.
9. An apparatus for generating a page of an embedded program, the apparatus comprising:
the display module is used for displaying an editing page, the editing page comprises a plurality of visual components and a page editing area, and one visual component corresponds to one page display unit;
the determining model is used for determining page position information of at least one visualization component in the plurality of visualization components according to triggering operation on the at least one visualization component in the page editing area;
the associated information acquisition module is used for acquiring the associated information of the at least one visual component according to the editing operation on the at least one visual component;
and the page generating module is used for generating a display page of the target embedded program based on the page position information of the at least one visual component and the associated information of the at least one visual component.
10. The apparatus of claim 9, wherein the association information obtaining module is configured to:
acquiring a response event bound by the at least one visualization component, wherein the response event is used for defining the data processing steps executed when the page display unit corresponding to the at least one visualization component is triggered.
11. The apparatus of claim 9, wherein the association information obtaining module is configured to:
acquiring a data list corresponding to any visual component according to data binding operation on the visual component, wherein the data list comprises at least one column of data;
and acquiring a binding relation between at least one data element in the visual component and at least one column of data in the data list based on the data binding operation on the visual component and the data list.
12. The apparatus of claim 9, wherein the page generation module is configured to:
generating initial program code of a target embedded program based on the page position information of the at least one visualization component and the association information of the at least one visualization component;
based on a preset grammar rule, correcting the initial program code to generate a target program code;
and generating a display page of the target embedded program based on the target program code.
13. The apparatus of claim 9, further comprising:
and the style information acquisition module is used for acquiring the style information of the at least one visual component according to the style editing operation on the at least one visual component.
14. A computer device comprising one or more processors and one or more memories having at least one program code stored therein, the instructions being loaded and executed by the one or more processors to implement the operations performed by the page generation method of an embedded program according to any one of claims 1 to 8.
15. A computer-readable storage medium having at least one program code stored therein, the instructions being loaded and executed by a processor to implement the operations performed by the page generation method of an embedded program according to any one of claims 1 to 8.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910637712.7A CN112230910B (en) | 2019-07-15 | 2019-07-15 | Page generation method, device and equipment of embedded program and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910637712.7A CN112230910B (en) | 2019-07-15 | 2019-07-15 | Page generation method, device and equipment of embedded program and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112230910A true CN112230910A (en) | 2021-01-15 |
| CN112230910B CN112230910B (en) | 2023-09-15 |
Family
ID=74111155
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910637712.7A Active CN112230910B (en) | 2019-07-15 | 2019-07-15 | Page generation method, device and equipment of embedded program and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112230910B (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113095056A (en) * | 2021-03-17 | 2021-07-09 | 阿里巴巴新加坡控股有限公司 | Generation method, processing method, device, electronic device and medium |
| CN113885774A (en) * | 2021-10-19 | 2022-01-04 | 赞同科技股份有限公司 | Bank counter component information real-time acquisition and processing method, system and electronic device |
Citations (24)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6226787B1 (en) * | 1999-01-25 | 2001-05-01 | Hewlett-Packard Company | Visualization method and system for dynamically displaying operations of a program |
| US20030046319A1 (en) * | 2001-01-22 | 2003-03-06 | Tung Sho-Huan Simon | Editing system and method for developing visual Web programs and recording medium stored with visual Web program editing software |
| US20050108681A1 (en) * | 2003-11-18 | 2005-05-19 | Bent Samuel W. | Method and system for applying user interface elements to data |
| US20050155015A1 (en) * | 2004-01-09 | 2005-07-14 | National Instruments Corporation | Static binding of nodes to virtual instruments in a graphical program |
| EP1703386A1 (en) * | 2005-03-14 | 2006-09-20 | Research In Motion Limited | System and method for designing component based applications |
| US20090013246A1 (en) * | 2007-04-27 | 2009-01-08 | Bea Systems, Inc. | Web based application constructor using extensibility points for page components, page layouts/templates, security roles, shells, and associating data spaces with templates |
| CN102591644A (en) * | 2010-12-13 | 2012-07-18 | 微软公司 | Static definition of unknown visual layout positions |
| US20140019889A1 (en) * | 2012-07-16 | 2014-01-16 | Uwe Klinger | Regenerating a user interface area |
| CN103809908A (en) * | 2008-03-04 | 2014-05-21 | 苹果公司 | Touch Event Model Programming Interface |
| US20150089404A1 (en) * | 2013-09-20 | 2015-03-26 | Chee Hong LIM | Metadata-driven list user interface component builder |
| KR20150098895A (en) * | 2014-02-21 | 2015-08-31 | 주식회사 넥스다임 | A device for providing an application developing environment |
| US20160004515A1 (en) * | 2013-01-22 | 2016-01-07 | Nexdigm Co., Ltd. | Method for providing application development environment and device |
| US20160012018A1 (en) * | 2013-02-28 | 2016-01-14 | Rakuten, Inc. | Information processing device, information processing method, information processing program, display control device, and display control program |
| CN106201489A (en) * | 2016-06-30 | 2016-12-07 | 乐视控股（北京）有限公司 | A kind of page editing method and apparatus |
| US20170091159A1 (en) * | 2015-09-25 | 2017-03-30 | Yahoo! Inc. | Programmatic native rendering of structured content |
| US20170277518A1 (en) * | 2016-03-24 | 2017-09-28 | Microsoft Technology Licensing, Llc | Converting visual diagrams into code |
| CN107885533A (en) * | 2017-11-30 | 2018-04-06 | 广州酷狗计算机科技有限公司 | The method and device of management assembly code |
| CN107908399A (en) * | 2017-11-14 | 2018-04-13 | 山东浪潮通软信息科技有限公司 | A kind of page development method and device |
| WO2018077085A1 (en) * | 2016-10-28 | 2018-05-03 | 腾讯科技（深圳）有限公司 | Application processing method, device and storage medium |
| CN108920435A (en) * | 2018-06-29 | 2018-11-30 | 南京南瑞继保电气有限公司 | A kind of visualization procedure page data node matching method |
| CN108958736A (en) * | 2018-07-20 | 2018-12-07 | 北京三快在线科技有限公司 | Page generation method, device, electronic equipment and computer-readable medium |
| CN109597614A (en) * | 2017-09-28 | 2019-04-09 | 华为技术有限公司 | A kind of business page method for customizing and system |
| CN109634598A (en) * | 2018-12-14 | 2019-04-16 | 北京字节跳动网络技术有限公司 | A kind of page display method, device, equipment and storage medium |
| CN109960491A (en) * | 2017-12-26 | 2019-07-02 | 北京金山云网络技术有限公司 | Application program generation method, generating means, electronic equipment and storage medium |
-
2019
- 2019-07-15 CN CN201910637712.7A patent/CN112230910B/en active Active
Patent Citations (24)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6226787B1 (en) * | 1999-01-25 | 2001-05-01 | Hewlett-Packard Company | Visualization method and system for dynamically displaying operations of a program |
| US20030046319A1 (en) * | 2001-01-22 | 2003-03-06 | Tung Sho-Huan Simon | Editing system and method for developing visual Web programs and recording medium stored with visual Web program editing software |
| US20050108681A1 (en) * | 2003-11-18 | 2005-05-19 | Bent Samuel W. | Method and system for applying user interface elements to data |
| US20050155015A1 (en) * | 2004-01-09 | 2005-07-14 | National Instruments Corporation | Static binding of nodes to virtual instruments in a graphical program |
| EP1703386A1 (en) * | 2005-03-14 | 2006-09-20 | Research In Motion Limited | System and method for designing component based applications |
| US20090013246A1 (en) * | 2007-04-27 | 2009-01-08 | Bea Systems, Inc. | Web based application constructor using extensibility points for page components, page layouts/templates, security roles, shells, and associating data spaces with templates |
| CN103809908A (en) * | 2008-03-04 | 2014-05-21 | 苹果公司 | Touch Event Model Programming Interface |
| CN102591644A (en) * | 2010-12-13 | 2012-07-18 | 微软公司 | Static definition of unknown visual layout positions |
| US20140019889A1 (en) * | 2012-07-16 | 2014-01-16 | Uwe Klinger | Regenerating a user interface area |
| US20160004515A1 (en) * | 2013-01-22 | 2016-01-07 | Nexdigm Co., Ltd. | Method for providing application development environment and device |
| US20160012018A1 (en) * | 2013-02-28 | 2016-01-14 | Rakuten, Inc. | Information processing device, information processing method, information processing program, display control device, and display control program |
| US20150089404A1 (en) * | 2013-09-20 | 2015-03-26 | Chee Hong LIM | Metadata-driven list user interface component builder |
| KR20150098895A (en) * | 2014-02-21 | 2015-08-31 | 주식회사 넥스다임 | A device for providing an application developing environment |
| US20170091159A1 (en) * | 2015-09-25 | 2017-03-30 | Yahoo! Inc. | Programmatic native rendering of structured content |
| US20170277518A1 (en) * | 2016-03-24 | 2017-09-28 | Microsoft Technology Licensing, Llc | Converting visual diagrams into code |
| CN106201489A (en) * | 2016-06-30 | 2016-12-07 | 乐视控股（北京）有限公司 | A kind of page editing method and apparatus |
| WO2018077085A1 (en) * | 2016-10-28 | 2018-05-03 | 腾讯科技（深圳）有限公司 | Application processing method, device and storage medium |
| CN109597614A (en) * | 2017-09-28 | 2019-04-09 | 华为技术有限公司 | A kind of business page method for customizing and system |
| CN107908399A (en) * | 2017-11-14 | 2018-04-13 | 山东浪潮通软信息科技有限公司 | A kind of page development method and device |
| CN107885533A (en) * | 2017-11-30 | 2018-04-06 | 广州酷狗计算机科技有限公司 | The method and device of management assembly code |
| CN109960491A (en) * | 2017-12-26 | 2019-07-02 | 北京金山云网络技术有限公司 | Application program generation method, generating means, electronic equipment and storage medium |
| CN108920435A (en) * | 2018-06-29 | 2018-11-30 | 南京南瑞继保电气有限公司 | A kind of visualization procedure page data node matching method |
| CN108958736A (en) * | 2018-07-20 | 2018-12-07 | 北京三快在线科技有限公司 | Page generation method, device, electronic equipment and computer-readable medium |
| CN109634598A (en) * | 2018-12-14 | 2019-04-16 | 北京字节跳动网络技术有限公司 | A kind of page display method, device, equipment and storage medium |
Non-Patent Citations (1)
| Title |
|---|
| 速成应用: "速成应用小程序平台秒杀组件-使用说明", 《HTTPS://WWW.SUCHENGAPP.COM/HELP/ZZJC/1279.HTML》, pages 1 - 11 * |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113095056A (en) * | 2021-03-17 | 2021-07-09 | 阿里巴巴新加坡控股有限公司 | Generation method, processing method, device, electronic device and medium |
| CN113095056B (en) * | 2021-03-17 | 2024-04-12 | 阿里巴巴创新公司 | Generation method, processing method, device, electronic equipment and medium |
| CN113885774A (en) * | 2021-10-19 | 2022-01-04 | 赞同科技股份有限公司 | Bank counter component information real-time acquisition and processing method, system and electronic device |
| CN113885774B (en) * | 2021-10-19 | 2023-07-18 | 赞同科技股份有限公司 | Bank counter assembly information real-time acquisition and processing method, system and electronic device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112230910B (en) | 2023-09-15 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107885533B (en) | Method and device for managing component codes | |
| CN111240673B (en) | Interactive graphic work generation method, device, terminal and storage medium | |
| CN109327608B (en) | Song sharing method, terminal, server and system | |
| CN111752666B (en) | Window display method, device and terminal | |
| CN113204298B (en) | Method and device for displaying release progress, electronic equipment and storage medium | |
| CN108959361B (en) | Form management method and device | |
| WO2022083241A1 (en) | Information guide method and apparatus | |
| CN109144346B (en) | Song sharing method and device and storage medium | |
| CN109346111B (en) | Data processing method, device, terminal and storage medium | |
| CN108717365B (en) | Method and device for executing function in application program | |
| CN114546227B (en) | Virtual lens control method, device, computer equipment and medium | |
| CN113157172A (en) | Barrage information display method, transmission method, device, terminal and storage medium | |
| CN112667835A (en) | Work processing method and device, electronic equipment and storage medium | |
| CN112749362A (en) | Control creating method, device, equipment and storage medium | |
| CN111083526B (en) | Video transition method and device, computer equipment and storage medium | |
| CN111737100A (en) | Data acquisition method, device, equipment and storage medium | |
| CN109819314B (en) | Audio and video processing method and device, terminal and storage medium | |
| CN112230907A (en) | Program generation method, device, terminal and storage medium | |
| CN112230910B (en) | Page generation method, device and equipment of embedded program and storage medium | |
| CN107943484B (en) | Method and device for executing business function | |
| CN111459466B (en) | Code generation method, device, equipment and storage medium | |
| CN112616082A (en) | Video preview method, device, terminal and storage medium | |
| CN109032492B (en) | Song cutting method and device | |
| CN111666076A (en) | Layer adding method, device, terminal and storage medium | |
| CN112230781A (en) | Character recommendation method and device and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 40037423 Country of ref document: HK |
|
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |