CN107885533B - Method and device for managing component codes - Google Patents
Method and device for managing component codes Download PDFInfo
- Publication number
- CN107885533B CN107885533B CN201711233539.1A CN201711233539A CN107885533B CN 107885533 B CN107885533 B CN 107885533B CN 201711233539 A CN201711233539 A CN 201711233539A CN 107885533 B CN107885533 B CN 107885533B
- Authority
- CN
- China
- Prior art keywords
- function
- target
- component
- code
- configuration information
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
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/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Security & Cryptography (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a method and a device for managing component codes, and belongs to the technical field of visual development. The method comprises the following steps: in the editing process of a target application page, when a function list display instruction of a target component in the target application page is received, displaying a to-be-selected function list of the target component, wherein the to-be-selected function list comprises a plurality of function options; after receiving a selection instruction of an option of a target function, acquiring pre-stored configuration information of the target function; and adding the configuration information of the target function into the configuration information of the target component, and generating a complete code of the target component based on the added configuration information. By adopting the invention, the efficiency of the application program page development can be improved.
Description
Technical Field
The invention relates to the technical field of visualization development, in particular to a method and a device for managing component codes.
Background
With the development of visualization development technology, more and more users use visualization development tools to produce application software. The visual development refers to a development method for generating an application page through various components on a graphical user interface provided by a visual development tool, and the components can include a menu component, a button component, a dialog box component, an edit box component, a radio box component, a check box component, a list box component, a content display component (pictures or characters and the like), a scroll bar component and the like.
When the user uses the visual development tool, the visual development tool is firstly opened, then the selection area of the component can be found, the user can select the required component in the visual development tool and drag the required component to the corresponding position of the application page to be generated, and in the process, the user can check the function effect of the component in a mode of previewing the function of the component. After the user arranges all the needed components, the user can click the generation button, and the visual development tool can generate a corresponding application page.
In the process of implementing the invention, the inventor finds that the prior art has at least the following problems:
the functions and styles of components in the existing visual development tool are fixed, and for a component with a certain style, if the functions of the component do not meet the requirements of users, the functions of the component can be changed only by changing component source codes by technicians, so that the efficiency of application page development is reduced.
Disclosure of Invention
In order to solve the problems in the prior art, embodiments of the present invention provide a method and an apparatus for managing component codes. The technical scheme is as follows:
according to a first aspect of embodiments of the present invention, there is provided a method of managing component code, the method comprising:
in the editing process of a target application page, when a function list display instruction of a target component in the target application page is received, displaying a to-be-selected function list of the target component, wherein the to-be-selected function list comprises a plurality of function options;
after receiving a selection instruction of an option of a target function, acquiring pre-stored configuration information of the target function;
and adding the configuration information of the target function into the configuration information of the target component, and generating a complete code of the target component based on the added configuration information.
Optionally, when receiving a function list display instruction of a target component in a target application page in an editing state, before displaying a list of functions to be selected of the target component, the method further includes:
and when an adding instruction of the target component is received, adding the target component in the target application page based on the basic code of the target component.
Optionally, the method further comprises:
and when a page code generation instruction of the target application page is received, generating the code of the target application page based on the complete code of the target component and the complete codes of other components in the target application page.
Optionally, the method further comprises:
and when the description information query instruction of the target function is received, acquiring the function description information of the target function from the pre-stored function description information of each function, and displaying the acquired function description information. Optionally, the adding the function code to the base code of the target component to generate a complete code of the target component includes:
displaying a parameter input window;
acquiring the configuration parameters input in the parameter input window, and adding the configuration parameters into the function codes;
adding the configuration information of the target function added with the configuration parameters into the configuration information of the target assembly, introducing the function code added with the configuration parameters into the basic code of the target assembly based on the added configuration information, and generating the complete code of the target assembly.
According to a second aspect of embodiments of the present invention, there is provided an apparatus for managing component code, the apparatus comprising:
the device comprises a first display module, a second display module and a third display module, wherein the first display module is used for displaying a to-be-selected function list of a target component in a target application page when a function list display instruction of the target component in the target application page is received in the editing process of the target application page, and the to-be-selected function list comprises a plurality of function options;
the acquisition module is used for acquiring pre-stored configuration information of the target function after receiving a selection instruction of the option of the target function;
and the first generation module is used for adding the configuration information of the target function into the configuration information of the target component and generating a complete code of the target component based on the added configuration information.
Optionally, the apparatus further comprises:
and the adding module is used for adding the target component in the target application page based on the basic code of the target component when the adding instruction of the target component is received before the function list display instruction of the target component in the target application page in the editing state is received and the to-be-selected function list of the target component is displayed.
Optionally, the apparatus further comprises:
and the second generation module is used for generating the code of the target application page based on the complete code of the target component and the complete codes of other components in the target application page when receiving the page code generation instruction of the target application page.
Optionally, the apparatus further comprises:
and the second display module is used for acquiring the function description information of the target function from the pre-stored function description information of each function and displaying the acquired function description information when the description information query instruction of the target function is received.
Optionally, the first generating module is configured to:
displaying a parameter input window;
acquiring the configuration parameters input in the parameter input window, and adding the configuration parameters into the function codes;
adding the configuration information of the target function added with the configuration parameters into the configuration information of the target assembly, introducing the function code added with the configuration parameters into the basic code of the target assembly based on the added configuration information, and generating the complete code of the target assembly.
According to a third aspect of embodiments of the present invention, there is provided a terminal, the terminal comprising a processor and a memory, the memory having stored therein at least one instruction, the instruction being loaded and executed by the processor to implement the method for managing component code as set forth in the first aspect.
According to a fourth aspect of embodiments of the present invention, there is provided a computer-readable storage medium having stored therein at least one instruction which is loaded and executed by a processor to implement the method of managing component code as set forth in the first aspect.
The technical scheme provided by the embodiment of the invention has the following beneficial effects:
in the embodiment of the invention, in the editing process of a target application page, when a function list display instruction of a target component in the target application page is received, a to-be-selected function list of the target component is displayed, wherein the to-be-selected function list comprises a plurality of function options; after receiving a selection instruction of an option of a target function, acquiring pre-stored configuration information of the target function; and adding the configuration information of the target function into the configuration information of the target component, and generating a complete code of the target component based on the added configuration information. Therefore, the functions of the components in the visual development tool can be selected by a user, the functions of the components can be changed without changing component source codes by technicians, and the efficiency of application page development is improved.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the invention, as claimed.
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 flow chart of a method for managing component code according to an embodiment of the present invention;
FIG. 2 is a schematic diagram of an interface for managing component code according to an embodiment of the present invention;
FIG. 3 is a schematic diagram of an interface for managing component code according to an embodiment of the present invention;
FIG. 4 is a schematic diagram of an interface for managing component code according to an embodiment of the present invention;
FIG. 5 is a schematic diagram of an interface for managing component code according to an embodiment of the present invention;
FIG. 6 is a schematic diagram of an interface for managing component code according to an embodiment of the present invention;
FIG. 7 is a block diagram of a management component code apparatus according to an embodiment of the present invention;
FIG. 8 is a block diagram of a management component code apparatus according to an embodiment of the present invention;
FIG. 9 is a schematic structural diagram of a management component code apparatus according to an embodiment of the present invention;
FIG. 10 is a block diagram of a management component code apparatus according to an embodiment of the present invention;
fig. 11 is a block diagram of a terminal structure according to an embodiment of the present invention.
With the above figures, certain embodiments of the invention have been illustrated and described in more detail below. The drawings and the description are not intended to limit the scope of the inventive concept in any way, but rather to illustrate it by those skilled in the art with reference to specific embodiments.
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.
The embodiment of the invention provides a method for managing component codes, which can be realized by a terminal. Wherein the terminal is a terminal installed with a visual development tool.
The terminal may include components such as a processor, memory, screen, etc. The processor, which may be a Central Processing Unit (CPU), may be configured to parse the function list display instruction, control the screen to display a candidate function list of the target component, and obtain a function code of the target function stored in advance. The Memory may be a RAM (Random Access Memory), a Flash Memory, or the like, and may be configured to store received data, data required by the processing procedure, data generated in the processing procedure, or the like, such as a function code, a function list display instruction, a list of functions to be selected, a selection instruction of an option of a target function, or the like. The screen may be a display screen, and may be used to display a list of functions to be selected, a target application page, an editing interface of a visual development tool, and the like.
The terminal may further include a transceiver, an image detection part, an audio output part, an audio input part, and the like. The transceiver may be used for data transmission with other devices, for example, to send feedback information of a user to a background server, and may include an antenna, a matching circuit, a modem, and the like. The image detection means may be a camera or the like. The audio output component may be a speaker, headphones, or the like. The audio input means may be a microphone or the like.
As shown in fig. 1, the processing flow of the method may include the following steps:
in step 101, in the editing process of the target application page, when a function list display instruction of a target component in the target application page is received, a list of functions to be selected of the target component is displayed.
The list of functions to be selected includes options of a plurality of functions.
In implementation, when a user uses a visual development tool to make an application page, the visual development tool is firstly opened, an editing interface of the visual development tool may include a component selection area, a page editing area and an operation selection area, an icon of a component for selection may be displayed in the component selection area, an application page in an editing state may be displayed in the page editing area, and operation options used in various editing processes may be displayed in the operation selection area. The terminal stores basic codes of each component, and the basic codes comprise display image data of the components and codes for executing display logic. In addition, the terminal can also pre-store a list of functions to be selected corresponding to each component, and the list of functions to be selected of any component includes a function which can be set for the component by a technician in advance. For example, a technician sets a function of jumping to a web page after clicking a component, a function of displaying a dialog box, and a function of displaying a form for clicking the component, where the function of jumping to a web page is used to jump to a web page after clicking the component, the function of displaying a dialog box is used to display a dialog box after clicking the component, and the function of displaying a form is used to display a form after clicking the component.
The user may select a desired component (i.e., a target component) in the component selection area and then drag it to a corresponding position of the target application page in an edited state. At this time, the terminal receives the adding instruction of the target component, and then the terminal can acquire the basic code of the target component stored in advance, and display the target component at the position based on the basic code. The user can find the function list option in the operation selection area, click the function list option, the terminal can receive the function list display instruction of the target assembly, and then the terminal can display the function list to be selected of the target assembly.
In addition, when the function list to be selected has many functions, a search function may be set for the convenience of the user to search, as shown in fig. 2, a search window may be set in the function list to be selected, the user may input a function name to be searched in the search window, and the terminal may search for a corresponding function in all functions of the target component based on the function name input by the user and display the searched function in the function list to be selected, so that the user may use the function more conveniently, and the editing efficiency may be improved. When a user wants a certain function but does not have the function in the list of the functions to be selected, the visualization development tool may also provide a user feedback mechanism, as shown in fig. 3, a feedback option may be set in the list of the functions to be selected, the user clicks the feedback option, a description of the desired function is input in a pop-up feedback window, and a determination option is clicked. The terminal can send the feedback information of the user to the technical staff, so that the technical staff can add functions in time according to the user requirements, and the visual development tool can better meet the requirements of the user.
For example, as shown in fig. 4, a user wants to add a picture in a target application page, and may jump to a web page when clicking the picture, and after the user opens the visual development tool, the user may see that the editing interface may include a component selection area, a page editing area, and an operation selection area, an icon of a component for selection may be displayed in the component selection area, a target application page currently in an editing state is displayed in the page editing area, and a function list option may be included in the operation selection area. The user can first select the content display component in the selection area of the component, drag the content display component to the position where the user wants the component to be displayed in the target application page, then right click the content display component in the target application page, select the option of inserting the picture, and select the picture to be inserted in the pop-up picture selection window, so that the picture is added. And then selecting the component in the target application page, finding a function list option in a menu selection area, clicking the function list option, and displaying a function list to be selected below the option. The user selects the function of the webpage jump in the function list to be selected, and the component can have the function of the webpage jump by clicking the option of the function.
Alternatively, when the user does not know the function of a certain function, the function description information of the function may be queried, and the corresponding processing may be as follows: when a description information query instruction of a target function is received, acquiring function description information of the target function from the pre-stored function description information of each function, and displaying the acquired function description information.
In implementation, when writing function codes of functions, a technician writes function description information for each function, the function description information is used for describing names of the functions and functions of the functions, and stores the function description information.
After a user opens a function list to be selected of a target assembly, if the function or the achieved effect of a certain function in the function list to be selected is unknown, the terminal can be operated to inquire the description information of the function (namely the target function), after the terminal receives a description information inquiry instruction of the target function, the terminal finds the function description information of each function which is stored in advance, searches the function description information of the target function according to the description information inquiry instruction of the target function, and then displays the found function description information in a function description information display frame. For example, when the user does not know a function in the list of functions to be selected, the user may place the cursor of the mouse on the option of the function for a certain time period, and the terminal may automatically present a display frame in which description information of the function and the achieved effect is displayed, and the user may know the function by reading the description information.
In step 102, after receiving a selection instruction of an option of a target function, configuration information of the target function stored in advance is acquired.
In implementation, after a user selects a function (i.e., a target function) to be set for a target component in a to-be-selected function list and clicks a target function option, a terminal receives a selection instruction of the target function option, and after the selection instruction is analyzed, the terminal queries configuration information corresponding to the target function in a pre-stored code set according to the selection instruction.
In step 103, the configuration information of the target function is added to the configuration information of the target component, and the code of the target component is generated based on the added configuration information.
In implementation, after the configuration information corresponding to the target function is inquired, the terminal controls to add the configuration information into the configuration information of the target component, and according to the added configuration information, the code of the target function is introduced into the basic code of the target component by calling the binding function, so that the complete code of the target component is generated. Thus, through the complete code, the display of the target component and the execution of the target function can be achieved.
Alternatively, in the process of adding the target function to the target component, the configuration parameters in the function code may need to be set by the user, and the related processing may be as follows: displaying a parameter input window, acquiring configuration parameters input in the parameter input window, adding the configuration parameters into a function code, adding the configuration information of the target function after the configuration parameters are added into the configuration information of the target component, introducing the function code after the configuration parameters are added into a basic code of the target component based on the added configuration information, and generating a complete code of the target component.
In implementation, for some functions of the component, some configuration parameters may need to be set by the user in the corresponding function code, for example, a jump website in the function code of the jump web function is a configuration parameter that needs to be configured by the user, and the adding process of such functions will be described in detail below. When configuration parameters exist in the target function and need to be set by a user, the terminal can automatically display a parameter input window corresponding to the target function after the user clicks the option of the target function. The terminal can acquire the configuration parameters input by the user in the parameter input window after clicking the determined option, and adds the configuration parameters to the position preset by the technical personnel in the function code to acquire the function code with the added configuration parameters. Then, adding the configuration information of the target function after adding the configuration parameters into the configuration information of the target component, introducing the function code after adding the configuration parameters into the basic code of the target component according to the added configuration information, and synthesizing the complete code of the target component with the basic code of the target component. For example, as shown in fig. 5, when a user edits a target application page, the user may jump to a web page when he/she wants to click a certain picture, and after the user selects the function of jumping to the web page for this component, the visualization development tool may automatically pop up a parameter input window that can input a web address, and input the web address of the web page that the user wants to jump to in the parameter input window, and click a determination option, this component may have the function of jumping to the web page.
Optionally, after the user finishes editing the target application page, the terminal may be operated to generate the target application page, and the corresponding processing may be as follows: and when a page code generation instruction of the target application page is received, generating the code of the target application page based on the complete code of the target component and the complete codes of other components in the target application page.
In implementation, a user can add various components in a target application page based on the processing mode and set corresponding functions for the components based on own requirements. As shown in fig. 6, when a user finishes editing a target application page and wants to generate the target application page, a finish option may be found in an operation selection area and the finish option is clicked, the terminal may receive a page code generation instruction of the target application page, then the terminal may display a window of a storage location, where the window includes a filling window of information such as a storage location, a file name, and a file type, where the user may fill in the storage location, the file name, and the file type of the complete code of the target application page, and click a save option, the terminal may call the complete code of the target component and the codes of other components, combine the codes into the code of the target application page, and store the code in the storage location selected by the user. Thus, the target application page edited by the user can be saved.
In the embodiment of the invention, in the editing process of a target application page, when a function list display instruction of a target component in the target application page is received, a to-be-selected function list of the target component is displayed, wherein the to-be-selected function list comprises a plurality of function options; after receiving a selection instruction of an option of a target function, acquiring pre-stored configuration information of the target function; and adding the configuration information of the target function into the configuration information of the target component, and generating a complete code of the target component based on the added configuration information. Therefore, the functions of the components in the visual development tool can be selected by a user, the functions of the components can be changed without changing component source codes by technicians, and the efficiency of application page development is improved.
Based on the same technical concept, an embodiment of the present invention further provides an apparatus for managing component codes, as shown in fig. 7, the apparatus including: a first display module 710, an acquisition module 720 and a first generation module 730.
The first display module 710 is configured to, in an editing process of a target application page, when a function list display instruction of a target component in the target application page is received, display a to-be-selected function list of the target component, where the to-be-selected function list includes options of a plurality of functions;
the obtaining module 720 is configured to obtain pre-stored configuration information of the target function after receiving a selection instruction of an option of the target function;
the first generating module 730 is configured to add the configuration information of the target function to the configuration information of the target component, and generate a complete code of the target component based on the added configuration information.
Optionally, as shown in fig. 8, the apparatus further includes:
the adding module 740 is configured to add the target component in the target application page based on the basic code of the target component when receiving the adding instruction of the target component before displaying the to-be-selected function list of the target component when receiving the function list display instruction of the target component in the target application page in the editing state.
Optionally, as shown in fig. 9, the apparatus further includes:
the second generation module 750 is configured to generate the code of the target application page based on the complete code of the target component and the complete codes of the other components in the target application page when receiving the page code generation instruction of the target application page.
Optionally, as shown in fig. 10, the apparatus further includes:
the second display module 760 is configured to, when receiving the description information query instruction of the target function, acquire the function description information of the target function from the function description information of each function stored in advance, and display the acquired function description information.
Optionally, the first generating module 730 is configured to:
displaying a parameter input window;
acquiring the configuration parameters input in the parameter input window, and adding the configuration parameters into the function codes;
adding the configuration information of the target function added with the configuration parameters into the configuration information of the target assembly, introducing the function code added with the configuration parameters into the basic code of the target assembly based on the added configuration information, and generating the complete code of the target assembly.
With regard to the apparatus in the above-described embodiment, the specific manner in which each module performs the operation has been described in detail in the embodiment related to the method, and will not be elaborated here.
In the embodiment of the invention, in the editing process of a target application page, when a function list display instruction of a target component in the target application page is received, a to-be-selected function list of the target component is displayed, wherein the to-be-selected function list comprises a plurality of function options; after receiving a selection instruction of an option of a target function, acquiring pre-stored configuration information of the target function; and adding the configuration information of the target function into the configuration information of the target component, and generating a complete code of the target component based on the added configuration information. Therefore, the functions of the components in the visual development tool can be selected by a user, the functions of the components can be changed without changing component source codes by technicians, and the efficiency of application page development is improved.
It should be noted that: the management component code provided in the foregoing embodiment is only illustrated by the division of the functional modules when managing the component code, 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 terminal is divided into different functional modules to complete all or part of the above described functions. In addition, the device for managing component codes and the method embodiment for managing component codes provided by the above embodiments belong to the same concept, and specific implementation processes thereof are detailed in the method embodiment and are not described herein again.
The embodiment of the invention also provides a terminal structure block diagram. As shown in fig. 11, the terminal 1100 may be a portable mobile terminal such as: smart phones, tablet computers. The terminal 1100 may also be referred to by other names such as user equipment, portable terminal, etc.
In general, terminal 1100 includes: a processor 1101 and a memory 1102.
In some embodiments, the terminal 1100 may further include: a peripheral interface 1103 and at least one peripheral. Specifically, the peripheral device includes: at least one of radio frequency circuitry 1104, touch display screen 1105, camera 1106, audio circuitry 1107, positioning component 1108, and power supply 1109.
The peripheral interface 1103 may be used to connect at least one peripheral associated with I/O (Input/Output) to the processor 1101 and the memory 1102. In some embodiments, the processor 1101, memory 1102, and peripheral interface 1103 are integrated on the same chip or circuit board; in some other embodiments, any one or two of the processor 1101, the memory 1102 and the peripheral device interface 1103 may be implemented on separate chips or circuit boards, which is not limited by this embodiment.
The Radio Frequency circuit 1104 is used to receive and transmit RF (Radio Frequency) signals, also called electromagnetic signals. The radio frequency circuit 1104 communicates with communication networks and other communication devices via electromagnetic signals. The radio frequency circuit 1104 converts an electric signal into an electromagnetic signal to transmit, or converts a received electromagnetic signal into an electric signal. Optionally, the radio frequency circuit 1104 includes: 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 1104 may communicate with other terminals via at least one wireless communication protocol. The wireless communication protocols include, but are not limited to: the world wide web, metropolitan area networks, intranets, generations of mobile communication networks (2G, 3G, 4G, and 5G), Wireless local area networks, and/or WiFi (Wireless Fidelity) networks. In some embodiments, the rf circuit 1104 may further include NFC (Near Field Communication) related circuits, which are not limited in this application.
The touch display screen 1105 is used to display a UI (User Interface). The UI may include graphics, text, icons, video, and any combination thereof. The touch display screen 1105 also has the ability to capture touch signals on or over the surface of the touch display screen 1105. The touch signal may be input to the processor 1101 as a control signal for processing. Touch display 1105 is used to provide virtual buttons and/or a virtual keyboard, also referred to as soft buttons and/or a soft keyboard. In some embodiments, the touch display screen 1105 can be one, providing the front panel of the terminal 1100; in other embodiments, the touch display screens 1105 can be at least two, respectively disposed on different surfaces of the terminal 1100 or in a folded design; in still other embodiments, touch display 1105 can be a flexible display disposed on a curved surface or on a folded surface of terminal 1100. Even more, the touch display screen 1105 can be arranged in a non-rectangular irregular pattern, i.e., a shaped screen. The touch Display screen 1105 can be made of LCD (Liquid Crystal Display), OLED (Organic Light-Emitting Diode), and other materials.
The audio circuit 1107 is used to provide an audio interface between the user and the terminal 1100. The audio circuitry 1107 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 1101 for processing or inputting the electric signals to the radio frequency circuit 1104 to achieve voice communication. For stereo capture or noise reduction purposes, multiple microphones may be provided, each at a different location of terminal 1100. 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 1101 or the radio frequency circuit 1104 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 circuitry 1107 may also include a headphone jack.
In some embodiments, terminal 1100 can also include one or more sensors 1110. The one or more sensors 1110 include, but are not limited to: acceleration sensor 1111, gyro sensor 1112, pressure sensor 1113, fingerprint sensor 1114, optical sensor 1115, and proximity sensor 1116.
Acceleration sensor 1111 may detect acceleration levels in three coordinate axes of a coordinate system established with terminal 1100. For example, the acceleration sensor 1111 may be configured to detect components of the gravitational acceleration in three coordinate axes. The processor 1101 may control the touch display screen 1105 to display a user interface in a landscape view or a portrait view according to the gravitational acceleration signal collected by the acceleration sensor 1111. The acceleration sensor 1111 may also be used for acquisition of motion data of a game or a user.
The gyro sensor 1112 may detect a body direction and a rotation angle of the terminal 1100, and the gyro sensor 1112 may cooperate with the acceleration sensor 1111 to acquire a 3D motion of the user with respect to the terminal 1100. From the data collected by gyroscope sensor 1112, processor 1101 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 1113 may be disposed on a side bezel of terminal 1100 and/or on an underlying layer of touch display screen 1105. When the pressure sensor 1113 is disposed on the side frame of the terminal 1100, a holding signal of the terminal 1100 by the user can be detected, and left-right hand recognition or shortcut operation can be performed according to the holding signal. When the pressure sensor 1113 is disposed at the lower layer of the touch display screen 1105, the operability control on the UI interface can be controlled according to the pressure operation of the user on the touch display screen 1105. 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 1114 is used for collecting a fingerprint of a user to identify the identity of the user according to the collected fingerprint. Upon recognizing that the user's identity is a trusted identity, the user is authorized by the processor 1101 to perform relevant sensitive operations including unlocking the screen, viewing encrypted information, downloading software, paying for and changing settings, etc. Fingerprint sensor 1114 may be disposed on the front, back, or side of terminal 1100. When a physical button or vendor Logo is provided on the terminal 1100, the fingerprint sensor 1114 may be integrated with the physical button or vendor Logo.
Optical sensor 1115 is used to collect ambient light intensity. In one embodiment, the processor 1101 may control the display brightness of the touch display screen 1105 based on the ambient light intensity collected by the optical sensor 1115. Specifically, when the ambient light intensity is high, the display brightness of the touch display screen 1105 is increased; when the ambient light intensity is low, the display brightness of the touch display screen 1105 is turned down. In another embodiment, processor 1101 may also dynamically adjust the shooting parameters of camera assembly 1106 based on the ambient light intensity collected by optical sensor 1115.
Proximity sensor 1116, also referred to as a distance sensor, is typically disposed on the front face of terminal 1100. Proximity sensor 1116 is used to capture the distance between the user and the front face of terminal 1100. In one embodiment, the touch display screen 1105 is controlled by the processor 1101 to switch from a bright screen state to a dark screen state when the proximity sensor 1116 detects that the distance between the user and the front face of the terminal 1100 is gradually decreasing; when the proximity sensor 1116 detects that the distance between the user and the front face of the terminal 1100 becomes gradually larger, the touch display screen 1105 is controlled by the processor 1101 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. 11 does not constitute a limitation of terminal 1100, and may include more or fewer components than those shown, or may combine certain components, or may employ a different arrangement of components.
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, where 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 for the purpose of illustrating the preferred embodiments of the present invention and is not to be construed as limiting the invention, and any modifications, equivalents, improvements and the like that fall within the spirit and principle of the present invention are intended to be included therein.
Claims (8)
1. A method of managing component code, the method comprising:
in the editing process of a target application page, when a function list display instruction of a target component in the target application page is received, displaying a to-be-selected function list of the target component, wherein the to-be-selected function list comprises options of a plurality of functions, a search window and a feedback option, and the feedback option is configured as follows: when the user needs a certain function but does not exist in the list of the functions to be selected, the user clicks the option of the feedback and inputs the description of the desired function in a pop-up feedback window;
searching corresponding functions in all functions of the target assembly based on the function names input by the user in the search window, and displaying the searched functions in the to-be-selected function list;
after receiving a selection instruction of an option of a target function, acquiring pre-stored configuration information of the target function;
adding the configuration information of the target function into the configuration information of the target component, and generating a code of the target component based on the added configuration information;
when a description information query instruction of the target function is received, acquiring function description information of the target function from pre-stored function description information of each function, and displaying the acquired function description information;
wherein the adding the configuration information of the target function to the configuration information of the target component and generating the code of the target component based on the added configuration information includes:
displaying a parameter input window;
acquiring the configuration parameters input in the parameter input window, and adding the configuration parameters into a function code;
adding the configuration information of the target function added with the configuration parameters into the configuration information of the target assembly, introducing the function code added with the configuration parameters into the basic code of the target assembly based on the added configuration information, and generating the complete code of the target assembly.
2. The method according to claim 1, wherein before displaying the list of functions to be selected of the target component when receiving the function list display instruction of the target component in the target application page in the editing state, the method further comprises:
and when an adding instruction of the target component is received, adding the target component in the target application page based on the basic code of the target component.
3. The method of claim 1, further comprising:
and when a page code generation instruction of the target application page is received, generating the code of the target application page based on the complete code of the target component and the complete codes of other components in the target application page.
4. An apparatus for managing component code, the apparatus comprising:
a first display module, configured to, in an editing process of a target application page, when a function list display instruction of a target component in the target application page is received, display a to-be-selected function list of the target component, where the to-be-selected function list includes options of multiple functions, a search window, and a feedback option, and the feedback option is configured to: when the user needs a certain function but does not exist in the list of the functions to be selected, the user clicks the option of the feedback and inputs the description of the desired function in a pop-up feedback window;
the first display module is further configured to search for a corresponding function in all functions of the target component based on a function name input by a user in the search window, and display the searched function in the to-be-selected function list;
the acquisition module is used for acquiring pre-stored configuration information of the target function after receiving a selection instruction of the option of the target function;
the first generation module is used for adding the configuration information of the target function into the configuration information of the target component and generating a complete code of the target component based on the added configuration information;
the second display module is used for acquiring the function description information of the target function from the pre-stored function description information of each function and displaying the acquired function description information when receiving the description information query instruction of the target function;
wherein the first generating module is configured to:
displaying a parameter input window;
acquiring the configuration parameters input in the parameter input window, and adding the configuration parameters into a function code;
adding the configuration information of the target function added with the configuration parameters into the configuration information of the target assembly, introducing the function code added with the configuration parameters into the basic code of the target assembly based on the added configuration information, and generating the complete code of the target assembly.
5. The apparatus of claim 4, further comprising:
and the adding module is used for adding the target component in the target application page based on the basic code of the target component when the adding instruction of the target component is received before the function list display instruction of the target component in the target application page in the editing state is received and the to-be-selected function list of the target component is displayed.
6. The apparatus of claim 4, further comprising:
and the second generation module is used for generating the code of the target application page based on the complete code of the target component and the complete codes of other components in the target application page when receiving the page code generation instruction of the target application page.
7. A terminal, characterized in that it comprises a processor and a memory in which at least one instruction, at least one program, set of codes or set of instructions is stored, which is loaded and executed by the processor to implement a method of managing component code according to any one of claims 1 to 3.
8. A computer readable storage medium having stored therein at least one instruction, at least one program, a set of codes, or a set of instructions, which is loaded and executed by a processor to implement a method of managing component code according to any one of claims 1 to 3.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711233539.1A CN107885533B (en) | 2017-11-30 | 2017-11-30 | Method and device for managing component codes |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711233539.1A CN107885533B (en) | 2017-11-30 | 2017-11-30 | Method and device for managing component codes |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN107885533A CN107885533A (en) | 2018-04-06 |
| CN107885533B true CN107885533B (en) | 2021-06-11 |
Family
ID=61776048
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711233539.1A Active CN107885533B (en) | 2017-11-30 | 2017-11-30 | Method and device for managing component codes |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107885533B (en) |
Families Citing this family (16)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108959361B (en) * | 2018-05-17 | 2022-08-05 | 腾讯音乐娱乐科技（深圳）有限公司 | Form management method and device |
| CN110543305B (en) * | 2018-05-29 | 2023-05-30 | 杭州海康威视系统技术有限公司 | Method and device for replacing easy UI component |
| CN109725901B (en) * | 2018-05-31 | 2024-03-29 | 中国平安人寿保险股份有限公司 | Front-end code development method, device, equipment and computer storage medium |
| CN109669688A (en) * | 2018-09-26 | 2019-04-23 | 深圳壹账通智能科技有限公司 | Based on visual software development methodology, device, terminal device and storage medium |
| CN109669677A (en) * | 2018-09-26 | 2019-04-23 | 深圳壹账通智能科技有限公司 | Loan platform function configuration method, unit and readable storage medium storing program for executing |
| CN110969377B (en) * | 2018-09-28 | 2023-07-07 | 杭州海康机器人股份有限公司 | Logistics package information management system creation method and device and electronic equipment |
| CN109657182B (en) * | 2018-12-18 | 2020-09-08 | 深圳店匠科技有限公司 | Webpage generation method, system and computer readable storage medium |
| CN112230910B (en) * | 2019-07-15 | 2023-09-15 | 腾讯科技（深圳）有限公司 | Page generation method, device and equipment of embedded program and storage medium |
| CN111190657B (en) * | 2020-01-07 | 2022-07-05 | 北京字节跳动网络技术有限公司 | Activity configuration method and device, readable medium and electronic equipment |
| CN111367513B (en) * | 2020-02-20 | 2024-05-14 | 北京达佳互联信息技术有限公司 | Code complement method, device, electronic equipment and storage medium |
| CN111679818A (en) * | 2020-06-17 | 2020-09-18 | 深圳市远云科技有限公司 | Method and system for editing display software |
| CN112130829A (en) * | 2020-08-25 | 2020-12-25 | 广州华多网络科技有限公司 | Program development method, device, equipment and storage medium |
| CN112433724A (en) * | 2020-11-09 | 2021-03-02 | 北京达佳互联信息技术有限公司 | Target component style generation method and device, electronic equipment and storage medium |
| CN112416195A (en) * | 2020-11-18 | 2021-02-26 | 青岛海尔科技有限公司 | Method and device for generating device control function |
| CN112631566A (en) * | 2020-12-28 | 2021-04-09 | 航天信息股份有限公司 | Code generation method and device, storage medium and electronic equipment |
| CN113778397A (en) * | 2021-09-01 | 2021-12-10 | 粒子文化科技集团(杭州)股份有限公司 | Page generation method and device, electronic device and storage medium |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103631947A (en) * | 2013-12-13 | 2014-03-12 | 广东欧珀移动通信有限公司 | List searching method and searching system |
| CN104219356A (en) * | 2014-09-18 | 2014-12-17 | 深圳市中兴移动通信有限公司 | Method and device for displaying and searching contact man information and mobile terminal |
| CN105872232A (en) * | 2016-04-05 | 2016-08-17 | 珠海市小源科技有限公司 | Number on-line inquiry method and number on-line inquiry apparatus |
| CN106412223A (en) * | 2016-02-21 | 2017-02-15 | 魏新成 | Method and system for dial-up search through direct handwriting input on virtual dialing pad |
Family Cites Families (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102207854A (en) * | 2009-12-28 | 2011-10-05 | 海洋王照明科技股份有限公司 | Method, device and system for generating monitoring interfaces of equipment |
| CN102654833A (en) * | 2012-02-01 | 2012-09-05 | 中兴通讯（香港）有限公司 | Mobile phone application development method and system |
| CN106909385A (en) * | 2017-02-27 | 2017-06-30 | 百度在线网络技术（北京）有限公司 | The operating method of visual page editing machine and visual page editing machine |
| CN107193554A (en) * | 2017-04-27 | 2017-09-22 | 北京小米移动软件有限公司 | A kind of method and apparatus for generating front-end code |
-
2017
- 2017-11-30 CN CN201711233539.1A patent/CN107885533B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103631947A (en) * | 2013-12-13 | 2014-03-12 | 广东欧珀移动通信有限公司 | List searching method and searching system |
| CN104219356A (en) * | 2014-09-18 | 2014-12-17 | 深圳市中兴移动通信有限公司 | Method and device for displaying and searching contact man information and mobile terminal |
| CN106412223A (en) * | 2016-02-21 | 2017-02-15 | 魏新成 | Method and system for dial-up search through direct handwriting input on virtual dialing pad |
| CN105872232A (en) * | 2016-04-05 | 2016-08-17 | 珠海市小源科技有限公司 | Number on-line inquiry method and number on-line inquiry apparatus |
Also Published As
| Publication number | Publication date |
|---|---|
| CN107885533A (en) | 2018-04-06 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107885533B (en) | Method and device for managing component codes | |
| CN108063981B (en) | Method and device for setting attributes of live broadcast room | |
| CN108959361B (en) | Form management method and device | |
| CN109327608B (en) | Song sharing method, terminal, server and system | |
| CN109451343A (en) | Video sharing method, apparatus, terminal and storage medium | |
| CN109922356B (en) | Video recommendation method and device and computer-readable storage medium | |
| CN113127130B (en) | Page jump method, device and storage medium | |
| CN108132790B (en) | Method, apparatus and computer storage medium for detecting a garbage code | |
| CN112000331A (en) | Page rendering method and device, electronic equipment and storage medium | |
| CN111857793B (en) | Training method, device, equipment and storage medium of network model | |
| CN111459466B (en) | Code generation method, device, equipment and storage medium | |
| CN110543350A (en) | Method and device for generating page component | |
| CN110677713B (en) | Video image processing method and device and storage medium | |
| CN110245255B (en) | Song display method, device, equipment and storage medium | |
| CN109547847B (en) | Method and device for adding video information and computer readable storage medium | |
| CN108495183B (en) | Method and device for displaying album information | |
| CN112230910A (en) | Page generation method, device, equipment and storage medium of embedded program | |
| CN107943484B (en) | Method and device for executing business function | |
| CN111064657B (en) | Method, device and system for grouping concerned accounts | |
| CN110191236B (en) | Song playing queue management method and device, terminal equipment and storage medium | |
| CN109033473B (en) | Picture sharing method and device and computer readable storage medium | |
| CN109388732B (en) | Music map generating and displaying method, device and storage medium | |
| CN110569064A (en) | interface identifier generation method, device, equipment and storage medium | |
| CN111580892A (en) | Method, device, terminal and storage medium for calling service component | |
| CN109101158A (en) | Import the method, apparatus and storage medium of list of songs |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |