CN113050936A - Front-end data processing method and device based on integrated development environment - Google Patents
Front-end data processing method and device based on integrated development environment Download PDFInfo
- Publication number
- CN113050936A CN113050936A CN202110422427.0A CN202110422427A CN113050936A CN 113050936 A CN113050936 A CN 113050936A CN 202110422427 A CN202110422427 A CN 202110422427A CN 113050936 A CN113050936 A CN 113050936A
- Authority
- CN
- China
- Prior art keywords
- block
- development environment
- path
- integrated development
- user
- 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
- 238000011161 development Methods 0.000 title claims abstract description 120
- 238000003672 processing method Methods 0.000 title claims abstract description 31
- 230000001960 triggered effect Effects 0.000 claims abstract description 25
- 238000000034 method Methods 0.000 claims abstract description 24
- 238000012544 monitoring process Methods 0.000 claims abstract description 18
- 238000012545 processing Methods 0.000 claims description 42
- 238000004590 computer program Methods 0.000 claims description 15
- 238000004891 communication Methods 0.000 description 14
- 230000006870 function Effects 0.000 description 14
- 238000010586 diagram Methods 0.000 description 13
- 239000000872 buffer Substances 0.000 description 4
- 230000005540 biological transmission Effects 0.000 description 2
- 230000001413 cellular effect Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 239000011521 glass Substances 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
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/36—Software reuse
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/10—File systems; File servers
- G06F16/14—Details of searching files based on file metadata
- G06F16/148—File search processing
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/10—File systems; File servers
- G06F16/14—Details of searching files based on file metadata
- G06F16/156—Query results presentation
-
- 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
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Library & Information Science (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
Abstract
The embodiment of the application provides a front-end data processing method and a device based on an integrated development environment, which can also be used in the financial field, and the method comprises the following steps: receiving path position information sent by a user and determining a block placement path according to the path position information; creating a webpage in an integrated development environment and starting a block display site, wherein the address of the block display site is acquired from preset plug-in configuration information; monitoring a target block downloading event triggered by the user on the webpage, and calling a file reading and writing interface of the integrated development environment according to a target block file stream corresponding to the target block downloading event and the block placement path to write the target block file stream into the block placement path; according to the method and the device, developers can conveniently acquire the prefabricated code files, the steps of manually downloading and placing the prefabricated code files to the designated positions are omitted, and the development efficiency is improved.
Description
Technical Field
The application relates to the field of front-end development and can also be used in the field of finance, in particular to a front-end data processing method and device based on an integrated development environment.
Background
In the front-end development process, some commonly used function templates are usually packaged according to the commonalities of business functions as pre-code files (referred to as blocks herein for short), and the blocks are usually presented in the form of web sites for developers to query and download. The traditional way of using blocks is:
searching a required block in a site through a browser;
secondly, downloading a block;
and thirdly, manually copying the block file to a path required by the project.
The inventor finds that the prior art needs to additionally open a browser for operation and manually copy the block file, thereby resulting in low efficiency of front-end development.
Disclosure of Invention
Aiming at the problems in the prior art, the application provides a front-end data processing method and device based on an integrated development environment, so that developers can conveniently acquire a prefabricated code file, the steps of manually downloading and placing the prefabricated code file to a specified position are omitted, and the development efficiency is improved.
In order to solve at least one of the above problems, the present application provides the following technical solutions:
in a first aspect, the present application provides a front-end data processing method based on an integrated development environment, including:
receiving path position information sent by a user and determining a block placement path according to the path position information;
creating a webpage in an integrated development environment and starting a block display site, wherein the address of the block display site is acquired from preset plug-in configuration information;
monitoring a target block downloading event triggered by the user on the webpage, and calling a file reading and writing interface of the integrated development environment according to a target block file stream corresponding to the target block downloading event and the block placement path to write the target block file stream into the block placement path.
Further, the receiving path location information sent by a user and determining a block placement path according to the path location information includes:
judging whether the path position information sent by the user points to a folder or not, and if not, taking the folder to which the path position information belongs as a block placement path; otherwise, taking the folder pointed by the path position information as a block placement path.
Further, before the receiving the path location information sent by the user and determining the block placement path according to the path location information, the method includes:
when the integrated development environment is started, registering a plug-in calling mode in the integrated development environment according to preset plug-in configuration information, and adding a starting instruction in a user operation interface after the integrated development environment is started so as to call the plug-in.
Further, the monitoring a target block download event triggered by the user on the web page includes:
and monitoring a block search operation triggered by the user on the webpage and a target block selection and downloading event triggered by the user after a result of the search operation is displayed on the webpage.
In a second aspect, the present application provides a front-end data processing apparatus based on an integrated development environment, including:
the block path determining module is used for receiving path position information sent by a user and determining a block placing path according to the path position information;
the system comprises a block site display module, a block site display module and a block site display module, wherein the block site display module is used for creating a webpage in an integrated development environment and starting the block site display module, and the address of the block site display module is acquired from preset plug-in configuration information;
and the target block downloading module is used for monitoring a target block downloading event triggered by the user on the webpage, and calling a file reading and writing interface of the integrated development environment according to a target block file stream corresponding to the target block downloading event and the block placement path to write the target block file stream into the block placement path.
Further, the block path determining module includes:
the path validity judging unit is used for judging whether the path position information sent by the user points to a folder or not, and if not, the folder to which the path position information belongs is used as a block placing path; otherwise, taking the folder pointed by the path position information as a block placement path.
Further, still include:
the system comprises a plug-in initialization unit, a plug-in initialization unit and a plug-in initialization unit, wherein the plug-in initialization unit is used for registering a plug-in calling mode in an integrated development environment according to preset plug-in configuration information when the integrated development environment is started, and adding a starting instruction in a user operation interface after the integrated development environment is started so as to call the plug-in.
Further, the target block downloading module comprises:
and the user operation monitoring unit is used for monitoring the block search operation triggered by the user on the webpage and the target block selection and downloading event triggered by the user after the result of the search operation is displayed on the webpage.
In a third aspect, the present application provides an electronic device, which includes a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor implements the steps of the integrated development environment-based front-end data processing method when executing the program.
In a fourth aspect, the present application provides a computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, implements the steps of the integrated development environment-based front-end data processing method.
According to the technical scheme, the method and the device for processing the front-end data based on the integrated development environment are characterized in that a method for allowing a user to select a target block and a block placement path is established in the integrated development environment, and a file read-write interface of the integrated development environment is automatically called to write a target block file stream into the block placement path after the user triggers a target block downloading event, so that a developer can conveniently obtain a pre-manufactured code file, the steps of manually downloading and placing the pre-manufactured code file to a designated position are omitted, and the development efficiency is improved.
Drawings
In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings needed to be used in the description of the embodiments or the prior art will be briefly introduced below, and it is obvious that the drawings in the following description are some embodiments of the present application, 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 flowchart of a front-end data processing method based on an integrated development environment in an embodiment of the present application;
FIG. 2 is a block diagram of a front-end data processing apparatus based on an integrated development environment according to an embodiment of the present application;
FIG. 3 is a second block diagram of a front-end data processing apparatus based on an integrated development environment according to an embodiment of the present application;
FIG. 4 is a third block diagram of a front-end data processing apparatus based on an integrated development environment according to an embodiment of the present application;
FIG. 5 is a flowchart illustrating a front-end data processing method based on an integrated development environment according to an embodiment of the present application;
fig. 6 is a schematic structural diagram of an electronic device in an embodiment of the present application.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present application clearer, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are some embodiments of the present application, but not all embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
In consideration of the problem that the prior art needs to additionally open a browser for operation and manually copy block files, so that the front-end development efficiency is low, the application provides a front-end data processing method and device based on an integrated development environment.
In order to enable developers to conveniently obtain a pre-manufactured code file, eliminate the steps of manually downloading and placing the pre-manufactured code file at a designated position, and improve development efficiency, the application provides an embodiment of a front-end data processing method based on an integrated development environment, and referring to fig. 1, the front-end data processing method based on the integrated development environment specifically includes the following contents:
step S101: and receiving path position information sent by a user and determining a block placement path according to the path position information.
Optionally, when the plug-in of the integrated development environment is initialized, the plug-in processing logic may read the address of the block display site from the preset plug-in configuration information, and the integrated development environment (e.g., IDE) may transmit path location information (e.g., a path location for triggering a right-click menu) selected by a developer to the plug-in processing logic through the interface layer.
Step S102: the method comprises the steps of creating a webpage in an integrated development environment and starting a block display site, wherein the address of the block display site is obtained from preset plug-in configuration information.
Optionally, the plug-in processing logic of the present application may create a web page (e.g., webview) in the integrated development environment and open a block presentation site in the webview for a user to operate.
Step S103: monitoring a target block downloading event triggered by the user on the webpage, and calling a file reading and writing interface of the integrated development environment according to a target block file stream corresponding to the target block downloading event and the block placement path to write the target block file stream into the block placement path.
Optionally, the webview of the present application receives a block file returned by the block display station, and delivers the block file to the plug-in processing logic, the plug-in processing logic transmits the block file and a block placement path obtained during initialization to the interface layer, and the interface layer calls the IDE interface and writes the block file into the block placement path.
As can be seen from the above description, the front-end data processing method based on the integrated development environment provided in the embodiment of the present application can create a method for a user to select a target block and a block placement path in the integrated development environment, and automatically invoke a file read/write interface of the integrated development environment to write a target block file stream into the block placement path after the user triggers a target block download event, so that a developer can conveniently obtain a pre-manufactured code file, the step of manually downloading and placing the pre-manufactured code file to a designated location is omitted, and the development efficiency is improved.
In order to ensure that the block placement path set by the user is accurate, in an embodiment of the front-end data processing method based on the integrated development environment, the step S101 may further include the following steps:
judging whether the path position information sent by the user points to a folder or not, and if not, taking the folder to which the path position information belongs as a block placement path; otherwise, taking the folder pointed by the path position information as a block placement path.
Optionally, when the plug-in of the integrated development environment is initialized, the plug-in processing logic may read the address of the block display site from the preset plug-in configuration information, and the integrated development environment (e.g., IDE) may transmit path location information (e.g., a path location for triggering a right-click menu) selected by a developer to the plug-in processing logic through the interface layer.
In order to effectively use the plug-in of the integrated development environment, in an embodiment of the method for processing front-end data based on the integrated development environment, the following contents may be further specifically included before the step S101:
when the integrated development environment is started, registering a plug-in calling mode in the integrated development environment according to preset plug-in configuration information, and adding a starting instruction in a user operation interface after the integrated development environment is started so as to call the plug-in.
Optionally, the plug-in processing logic of the present application may be configured to perform initialization work on a plug-in, receive a block file stream in response to a user operation, and call an IDE interface through an interface layer to write a file in a corresponding path, where the initialization work includes registering a calling manner of the plug-in the IDE according to plug-in configuration information when the IDE is started, and initializing webview in the IDE to open a block display site when the user calls the plug-in, and meanwhile, when the plug-in is installed in the IDE, the plug-in defaults to add a start instruction in a right-key menu of a file directory after the IDE is started for calling the plug-in, and a developer may modify a display manner in the plug-in configuration information, for example, add an additional independent button to the plug-in or cancel.
In order to accurately determine the operation process of the user on the webpage, in an embodiment of the front-end data processing method based on the integrated development environment, the step S103 may further specifically include the following steps:
and monitoring a block search operation triggered by the user on the webpage and a target block selection and downloading event triggered by the user after a result of the search operation is displayed on the webpage.
Optionally, the method and the device can complete block search and selection on a block site displayed in the webview by the user, and trigger a download event of the selected block.
In order to enable a developer to conveniently obtain a pre-manufactured code file, omit the steps of manually downloading and placing the pre-manufactured code file to a designated position, and improve development efficiency, the present application provides an embodiment of a front-end data processing apparatus based on an integrated development environment for implementing all or part of the contents of the front-end data processing method based on an integrated development environment, and with reference to fig. 2, the front-end data processing apparatus based on an integrated development environment specifically includes the following contents:
the block path determining module 10 is configured to receive path location information sent by a user and determine a block placement path according to the path location information.
And the block site display module 20 is configured to create a webpage in the integrated development environment and start the block site, where an address of the block site is obtained from the preset plug-in configuration information.
And the target block downloading module 30 is configured to monitor a target block downloading event triggered by the user on the web page, and call a file read-write interface of the integrated development environment according to a target block file stream corresponding to the target block downloading event and the block placement path to write the target block file stream into the block placement path.
As can be seen from the above description, the front-end data processing apparatus based on an integrated development environment provided in the embodiments of the present application can automatically invoke a file read/write interface of the integrated development environment to write a target block file stream into a block placement path after a user triggers a target block download event by creating a method for a user to select a target block and a block placement path in the integrated development environment, so that a developer can conveniently obtain a pre-manufactured code file, a step of manually downloading and placing the pre-manufactured code file to a designated location is omitted, and development efficiency is improved.
In order to ensure that the block placement path set by the user is accurate, in an embodiment of the front-end data processing apparatus based on the integrated development environment of the present application, referring to fig. 3, the block path determining module 10 includes:
a path validity judging unit 11, configured to judge whether path location information sent by a user points to a folder, and if not, take the folder to which the path location information belongs as a block placement path; otherwise, taking the folder pointed by the path position information as a block placement path.
In order to effectively use the plug-in of the integrated development environment, in an embodiment of the front-end data processing apparatus based on the integrated development environment, the following contents are further specifically included:
the system comprises a plug-in initialization unit, a plug-in initialization unit and a plug-in initialization unit, wherein the plug-in initialization unit is used for registering a plug-in calling mode in an integrated development environment according to preset plug-in configuration information when the integrated development environment is started, and adding a starting instruction in a user operation interface after the integrated development environment is started so as to call the plug-in.
In order to accurately determine the operation process of the user on the webpage, in an embodiment of the integrated development environment based front-end data processing apparatus of the present application, referring to fig. 4, the target block downloading module 30 includes:
a user operation monitoring unit 31, configured to monitor a block search operation triggered by the user on the web page and a target block selection and download event triggered by the user after a result of the search operation is displayed on the web page.
To further explain the present solution, the present application further provides a specific application example for implementing the front-end data processing method based on the integrated development environment by using the front-end data processing apparatus based on the integrated development environment, which is shown in fig. 5 and specifically includes the following contents:
(1) and (5) initializing the plug-in. The method comprises the steps that firstly, a plug-in processing logic reads a block display site address from plug-in configuration information, secondly, an IDE transfers a path position (a path position for triggering a right-key menu) selected by a developer to the plug-in processing logic through an interface layer, thirdly, the plug-in processing logic judges whether a current path is a folder or not, if not, the folder to which the current path belongs is searched as a block placing path, and if so, the current path is used as a path for placing a block.
(2) The plug-in processing logic creates a webview and opens a tile exposure site in the webview.
(3) The user completes the block search and selection on the block site shown in the webview, and triggers the download event of the selected block.
(4) Webview receives the block file returned by the block display station and delivers the block file to the plug-in processing logic, and the plug-in processing logic transmits the block file and the block placement path obtained during initialization to the interface layer.
(5) The interface layer calls IDE interface to write the block file into the block and put it into the path.
According to the method and the device, the developer can conveniently acquire the prefabricated code file, the steps of manually downloading and placing the prefabricated code file to the designated position are omitted, and the development efficiency is improved.
In order to enable developers to conveniently acquire a pre-manufactured code file from a hardware level, omit the steps of manually downloading and placing the pre-manufactured code file to a designated position, and improve development efficiency, the present application provides an embodiment of an electronic device for implementing all or part of contents in the front-end data processing method based on an integrated development environment, where the electronic device specifically includes the following contents:
a processor (processor), a memory (memory), a communication Interface (Communications Interface), and a bus; the processor, the memory and the communication interface complete mutual communication through the bus; the communication interface is used for realizing information transmission between the front-end data processing device based on the integrated development environment and relevant equipment such as a core service system, a user terminal, a relevant database and the like; the logic controller may be a desktop computer, a tablet computer, a mobile terminal, and the like, but the embodiment is not limited thereto. In this embodiment, the logic controller may refer to an embodiment of the integrated development environment-based front-end data processing method and an embodiment of the integrated development environment-based front-end data processing apparatus in the embodiments, and the contents thereof are incorporated herein, and repeated details are not repeated.
It is understood that the user terminal may include a smart phone, a tablet electronic device, a network set-top box, a portable computer, a desktop computer, a Personal Digital Assistant (PDA), an in-vehicle device, a smart wearable device, and the like. Wherein, intelligence wearing equipment can include intelligent glasses, intelligent wrist-watch, intelligent bracelet etc..
In practical applications, part of the front-end data processing method based on the integrated development environment may be executed on the electronic device side as described above, or all operations may be completed in the client device. The selection may be specifically performed according to the processing capability of the client device, the limitation of the user usage scenario, and the like. This is not a limitation of the present application. The client device may further include a processor if all operations are performed in the client device.
The client device may have a communication module (i.e., a communication unit), and may be communicatively connected to a remote server to implement data transmission with the server. The server may include a server on the task scheduling center side, and in other implementation scenarios, the server may also include a server on an intermediate platform, for example, a server on a third-party server platform that is communicatively linked to the task scheduling center server. The server may include a single computer device, or may include a server cluster formed by a plurality of servers, or a server structure of a distributed apparatus.
Fig. 6 is a schematic block diagram of a system configuration of an electronic device 9600 according to an embodiment of the present application. As shown in fig. 6, the electronic device 9600 can include a central processor 9100 and a memory 9140; the memory 9140 is coupled to the central processor 9100. Notably, this FIG. 6 is exemplary; other types of structures may also be used in addition to or in place of the structure to implement telecommunications or other functions.
In one embodiment, the integrated development environment based front end data processing method functionality may be integrated into the central processor 9100. The central processor 9100 may be configured to control as follows:
step S101: and receiving path position information sent by a user and determining a block placement path according to the path position information.
Step S102: the method comprises the steps of creating a webpage in an integrated development environment and starting a block display site, wherein the address of the block display site is obtained from preset plug-in configuration information.
Step S103: monitoring a target block downloading event triggered by the user on the webpage, and calling a file reading and writing interface of the integrated development environment according to a target block file stream corresponding to the target block downloading event and the block placement path to write the target block file stream into the block placement path.
As can be seen from the above description, according to the electronic device provided in the embodiment of the present application, by creating a method for a user to select a target block and a block placement path in an integrated development environment, after a target block download event is triggered by the user, a file read/write interface of the integrated development environment is automatically invoked to write a target block file stream into the block placement path, so that a developer can conveniently obtain a pre-manufactured code file, a step of manually downloading and placing the pre-manufactured code file to a designated location is omitted, and development efficiency is improved.
In another embodiment, the integrated development environment-based front-end data processing apparatus may be configured separately from the central processor 9100, for example, the integrated development environment-based front-end data processing apparatus may be configured as a chip connected to the central processor 9100, and the functions of the integrated development environment-based front-end data processing method may be implemented by the control of the central processor.
As shown in fig. 6, the electronic device 9600 may further include: a communication module 9110, an input unit 9120, an audio processor 9130, a display 9160, and a power supply 9170. It is noted that the electronic device 9600 also does not necessarily include all of the components shown in fig. 6; further, the electronic device 9600 may further include components not shown in fig. 6, which may be referred to in the art.
As shown in fig. 6, a central processor 9100, sometimes referred to as a controller or operational control, can include a microprocessor or other processor device and/or logic device, which central processor 9100 receives input and controls the operation of the various components of the electronic device 9600.
The memory 9140 can be, for example, one or more of a buffer, a flash memory, a hard drive, a removable media, a volatile memory, a non-volatile memory, or other suitable device. The information relating to the failure may be stored, and a program for executing the information may be stored. And the central processing unit 9100 can execute the program stored in the memory 9140 to realize information storage or processing, or the like.
The input unit 9120 provides input to the central processor 9100. The input unit 9120 is, for example, a key or a touch input device. Power supply 9170 is used to provide power to electronic device 9600. The display 9160 is used for displaying display objects such as images and characters. The display may be, for example, an LCD display, but is not limited thereto.
The memory 9140 can be a solid state memory, e.g., Read Only Memory (ROM), Random Access Memory (RAM), a SIM card, or the like. There may also be a memory that holds information even when power is off, can be selectively erased, and is provided with more data, an example of which is sometimes called an EPROM or the like. The memory 9140 could also be some other type of device. Memory 9140 includes a buffer memory 9141 (sometimes referred to as a buffer). The memory 9140 may include an application/function storage portion 9142, the application/function storage portion 9142 being used for storing application programs and function programs or for executing a flow of operations of the electronic device 9600 by the central processor 9100.
The memory 9140 can also include a data store 9143, the data store 9143 being used to store data, such as contacts, digital data, pictures, sounds, and/or any other data used by an electronic device. The driver storage portion 9144 of the memory 9140 may include various drivers for the electronic device for communication functions and/or for performing other functions of the electronic device (e.g., messaging applications, contact book applications, etc.).
The communication module 9110 is a transmitter/receiver 9110 that transmits and receives signals via an antenna 9111. The communication module (transmitter/receiver) 9110 is coupled to the central processor 9100 to provide input signals and receive output signals, which may be the same as in the case of a conventional mobile communication terminal.
Based on different communication technologies, a plurality of communication modules 9110, such as a cellular network module, a bluetooth module, and/or a wireless local area network module, may be provided in the same electronic device. The communication module (transmitter/receiver) 9110 is also coupled to a speaker 9131 and a microphone 9132 via an audio processor 9130 to provide audio output via the speaker 9131 and receive audio input from the microphone 9132, thereby implementing ordinary telecommunications functions. The audio processor 9130 may include any suitable buffers, decoders, amplifiers and so forth. In addition, the audio processor 9130 is also coupled to the central processor 9100, thereby enabling recording locally through the microphone 9132 and enabling locally stored sounds to be played through the speaker 9131.
The embodiment of the present application further provides a computer-readable storage medium capable of implementing all the steps in the integrated development environment-based front-end data processing method in which the execution subject in the above embodiment is the server or the client, where the computer-readable storage medium stores a computer program, and when the computer program is executed by a processor, the computer program implements all the steps in the integrated development environment-based front-end data processing method in which the execution subject is the server or the client, for example, when the processor executes the computer program, the processor implements the following steps:
step S101: and receiving path position information sent by a user and determining a block placement path according to the path position information.
Step S102: the method comprises the steps of creating a webpage in an integrated development environment and starting a block display site, wherein the address of the block display site is obtained from preset plug-in configuration information.
Step S103: monitoring a target block downloading event triggered by the user on the webpage, and calling a file reading and writing interface of the integrated development environment according to a target block file stream corresponding to the target block downloading event and the block placement path to write the target block file stream into the block placement path.
As can be seen from the above description, in the computer-readable storage medium provided in the embodiment of the present application, by creating a method for a user to select a target block and a block placement path in an integrated development environment, after a target block download event is triggered by the user, a file read/write interface of the integrated development environment is automatically invoked to write a target block file stream into the block placement path, so that a developer can conveniently obtain a pre-manufactured code file, a step of manually downloading and placing the pre-manufactured code file to a designated location is omitted, and development efficiency is improved.
As will be appreciated by one skilled in the art, embodiments of the present invention may be provided as a method, apparatus, or computer program product. Accordingly, the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present invention may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
The present invention is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (devices), and computer program products according to embodiments of the invention. It will be understood that each flow and/or block of the flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
The principle and the implementation mode of the invention are explained by applying specific embodiments in the invention, and the description of the embodiments is only used for helping to understand the method and the core idea of the invention; meanwhile, for a person skilled in the art, according to the idea of the present invention, there may be variations in the specific embodiments and the application scope, and in summary, the content of the present specification should not be construed as a limitation to the present invention.
Claims (10)
1. A front-end data processing method based on an integrated development environment, the method comprising:
receiving path position information sent by a user and determining a block placement path according to the path position information;
creating a webpage in an integrated development environment and starting a block display site, wherein the address of the block display site is acquired from preset plug-in configuration information;
monitoring a target block downloading event triggered by the user on the webpage, and calling a file reading and writing interface of the integrated development environment according to a target block file stream corresponding to the target block downloading event and the block placement path to write the target block file stream into the block placement path.
2. The integrated development environment-based front-end data processing method according to claim 1, wherein the receiving path location information sent by a user and determining a block placement path according to the path location information comprises:
judging whether the path position information sent by the user points to a folder or not, and if not, taking the folder to which the path position information belongs as a block placement path; otherwise, taking the folder pointed by the path position information as a block placement path.
3. The integrated development environment-based front-end data processing method according to claim 1, before receiving path location information sent by the user and determining a block placement path according to the path location information, comprising:
when the integrated development environment is started, registering a plug-in calling mode in the integrated development environment according to preset plug-in configuration information, and adding a starting instruction in a user operation interface after the integrated development environment is started so as to call the plug-in.
4. The integrated development environment-based front-end data processing method according to claim 1, wherein the monitoring of the target block download event triggered by the user on the web page comprises:
and monitoring a block search operation triggered by the user on the webpage and a target block selection and downloading event triggered by the user after a result of the search operation is displayed on the webpage.
5. A front-end data processing apparatus based on an integrated development environment, comprising:
the block path determining module is used for receiving path position information sent by a user and determining a block placing path according to the path position information;
the system comprises a block site display module, a block site display module and a block site display module, wherein the block site display module is used for creating a webpage in an integrated development environment and starting the block site display module, and the address of the block site display module is acquired from preset plug-in configuration information;
and the target block downloading module is used for monitoring a target block downloading event triggered by the user on the webpage, and calling a file reading and writing interface of the integrated development environment according to a target block file stream corresponding to the target block downloading event and the block placement path to write the target block file stream into the block placement path.
6. The integrated development environment-based front end data processing apparatus of claim 5, wherein the block path determination module comprises:
the path validity judging unit is used for judging whether the path position information sent by the user points to a folder or not, and if not, the folder to which the path position information belongs is used as a block placing path; otherwise, taking the folder pointed by the path position information as a block placement path.
7. The integrated development environment-based front-end data processing apparatus according to claim 5, further comprising:
the system comprises a plug-in initialization unit, a plug-in initialization unit and a plug-in initialization unit, wherein the plug-in initialization unit is used for registering a plug-in calling mode in an integrated development environment according to preset plug-in configuration information when the integrated development environment is started, and adding a starting instruction in a user operation interface after the integrated development environment is started so as to call the plug-in.
8. The integrated development environment-based front-end data processing apparatus of claim 5, wherein the target block download module comprises:
and the user operation monitoring unit is used for monitoring the block search operation triggered by the user on the webpage and the target block selection and downloading event triggered by the user after the result of the search operation is displayed on the webpage.
9. An electronic device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, characterized in that the steps of the integrated development environment based front-end data processing method of any of claims 1 to 4 are implemented when the processor executes the program.
10. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the steps of the integrated development environment based front-end data processing method of any one of claims 1 to 4.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110422427.0A CN113050936B (en) | 2021-04-20 | 2021-04-20 | Front-end data processing method and device based on integrated development environment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110422427.0A CN113050936B (en) | 2021-04-20 | 2021-04-20 | Front-end data processing method and device based on integrated development environment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113050936A true CN113050936A (en) | 2021-06-29 |
| CN113050936B CN113050936B (en) | 2024-02-27 |
Family
ID=76519736
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110422427.0A Active CN113050936B (en) | 2021-04-20 | 2021-04-20 | Front-end data processing method and device based on integrated development environment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113050936B (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114924723A (en) * | 2022-05-09 | 2022-08-19 | 北京达佳互联信息技术有限公司 | Page presenting method and device, electronic equipment and storage medium |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110597506A (en) * | 2019-11-14 | 2019-12-20 | 南京百敖软件有限公司 | Front-end application visualization development tool and use method |
| CN111723318A (en) * | 2020-06-09 | 2020-09-29 | 百度在线网络技术（北京）有限公司 | Page data processing method, device, equipment and storage medium |
-
2021
- 2021-04-20 CN CN202110422427.0A patent/CN113050936B/en active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110597506A (en) * | 2019-11-14 | 2019-12-20 | 南京百敖软件有限公司 | Front-end application visualization development tool and use method |
| CN111723318A (en) * | 2020-06-09 | 2020-09-29 | 百度在线网络技术（北京）有限公司 | Page data processing method, device, equipment and storage medium |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114924723A (en) * | 2022-05-09 | 2022-08-19 | 北京达佳互联信息技术有限公司 | Page presenting method and device, electronic equipment and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113050936B (en) | 2024-02-27 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10852912B2 (en) | Image creation app in messaging app | |
| CN109165050B (en) | Program running method and device, computing equipment and storage medium | |
| US9442709B1 (en) | Transition experience during loading and updating an interface and applications pack | |
| CN106126685B (en) | Page loading method and device | |
| CN110990075B (en) | Method, device, equipment and storage medium for starting fast application | |
| US20110161880A1 (en) | Browser based objects for copying and sending operations | |
| CN114879893A (en) | Touch control method and device | |
| CN112955856A (en) | Electronic device displaying a list of executable applications on a split screen and method of operating the same | |
| US9565289B2 (en) | Mobile terminal and method of controlling the same | |
| CN112463634B (en) | Software testing method and device under micro-service architecture | |
| CN106201610A (en) | Web application accesses the method and device of the primary function of terminal | |
| CN113110829B (en) | Multi-UI component library data processing method and device | |
| CN113157345A (en) | Automatic starting method and device for front-end engineering | |
| CN111357255A (en) | Building a trusted application common to multiple applications | |
| CN111679790A (en) | Remote software development storage space distribution method and device | |
| CN112394932A (en) | Automatic browser webpage skin changing method and device | |
| CN114265653A (en) | Interface display method, device, equipment, storage medium and program product | |
| CN112463199A (en) | System upgrading method and terminal | |
| CN111367561B (en) | Remote development method and device for software program | |
| US20240078072A1 (en) | Method and apparatus for displaying message box, terminal device and non-transitory computer-readable storage medium | |
| CN113050936B (en) | Front-end data processing method and device based on integrated development environment | |
| CN113050985A (en) | Front-end engineering dependence automatic registration method and device | |
| EP3185515B1 (en) | Method and device for inputting information | |
| CN109710278A (en) | A kind of method, apparatus and terminal device unloading application program | |
| CN115357829A (en) | Method and device for exposing and burying point of page control and storage medium |
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 |