CN113961181A

CN113961181A - Code online editing method, device, client, server and storage medium

Info

Publication number: CN113961181A
Application number: CN202111189183.2A
Authority: CN
Inventors: 程洋; 崔慧清; 裘晨; 宋建军
Original assignee: Beijing Xiaomi Mobile Software Co Ltd
Current assignee: Beijing Xiaomi Mobile Software Co Ltd
Priority date: 2021-10-12
Filing date: 2021-10-12
Publication date: 2022-01-21

Abstract

The present disclosure provides a code online editing method, apparatus, client, server and storage medium, wherein the method comprises: sending a link of the first code file to a server; the link is used for determining the identifier of the first code file, inquiring each candidate code file corresponding to the identifier, and generating a first target page according to the file content of each candidate code file; receiving and displaying a first target page returned by the server; sending first operation information to a server, wherein the first operation information is used for determining a target code file from each candidate code file, editing the file content of the target code file, and updating a first target page by using the file content of the edited target code file; and receiving and displaying the updated first target page sent by the server. Therefore, the code file content can be updated on line, the workload of research and development personnel can be reduced, and the development efficiency can be improved.

Description

Code online editing method, device, client, server and storage medium

Technical Field

The present disclosure relates to the field of internet technologies, and in particular, to a method, an apparatus, a client, a server, and a storage medium for code online editing.

Background

In the application development process, multiple developers may be required to develop cooperatively. In a multi-user collaborative development mode, research and development personnel are required to download a large number of code files to the local, modify the code files for multiple times locally, and upload the updated code files to a server after the code files are modified.

However, the above-mentioned way of updating the code file offline not only increases the workload of the research and development personnel, but also reduces the development efficiency.

Disclosure of Invention

The present disclosure is directed to solving, at least to some extent, one of the technical problems in the related art.

Therefore, the following technical scheme is provided in the disclosure:

an embodiment of a first aspect of the present disclosure provides a method for online editing a code, which is applied to a client, and includes:

sending a link of the first code file to a server; the link is used for determining the identifier of the first code file, inquiring each candidate code file corresponding to the identifier, and generating a first target page according to the file content of each candidate code file;

receiving and displaying the first target page returned by the server;

sending first operation information to the server, wherein the first operation information is used for determining an object code file from each candidate code file, editing the file content of the object code file, and updating the first object page by using the edited file content of the object code file;

and receiving and displaying the updated first target page sent by the server.

The embodiment of the second aspect of the present disclosure provides another code online editing method, which is applied to a server, and includes:

receiving a link of a first code file sent by a client;

determining the identifier of the first code file according to the link, and inquiring each candidate code file corresponding to the identifier;

generating a first target page according to the file content of each candidate code file;

returning a first target page to the client;

receiving first operation information sent by the client, responding to the first operation information, determining a target code file from each candidate code file, editing the file content of the target code file, and updating the first target page by using the edited file content of the target code file;

and sending the updated first target page to the client.

An embodiment of a third aspect of the present disclosure provides an online code editing apparatus, applied to a client, including:

the sending module is used for sending the link of the first code file to the server; the link is used for determining an identifier of the first code file, inquiring each candidate code file corresponding to the identifier, and generating a first target page according to the file content of each candidate code file;

the receiving module is used for receiving and displaying the first target page returned by the server;

the sending module is further configured to send first operation information to the server, where the first operation information is used to determine an object code file from each candidate code file, and edit file content of the object code file, so as to update the first object page with the edited file content of the object code file;

the receiving module is further configured to receive and display the updated first target page sent by the server.

An embodiment of a fourth aspect of the present disclosure provides another code online editing apparatus, which is applied to a server, and includes:

the receiving module is used for receiving the link of the first code file sent by the client;

the query module is used for determining the identifier of the first code file according to the link and querying each candidate code file corresponding to the identifier;

the generating module is used for generating a first target page according to the file content of each candidate code file;

the sending module is used for returning a first target page to the client;

the receiving module is further configured to receive first operation information sent by the client;

the determining module is used for responding to the first operation information, determining a target code file from each candidate code file, editing the file content of the target code file, and updating the first target page by using the edited file content of the target code file;

the sending module is further configured to send the updated first target page to the client.

An embodiment of a fifth aspect of the present disclosure provides a client, including: a processor; a memory for storing executable instructions of the processor; wherein the processor is configured to call and execute the executable instructions stored in the memory to implement the code online editing method as proposed in the embodiment of the first aspect of the present disclosure.

An embodiment of a sixth aspect of the present disclosure provides a server, including: a processor; a memory for storing executable instructions of the processor; wherein the processor is configured to call and execute the executable instructions stored in the memory to implement the code online editing method as set forth in the second aspect of the present disclosure.

A seventh embodiment of the present disclosure proposes a non-transitory computer-readable storage medium, on which a computer program is stored, which, when executed by a processor, implements a code online editing method as proposed in the first embodiment of the present disclosure, or implements a code online editing method as proposed in the second embodiment of the present disclosure.

An eighth aspect of the present disclosure provides a computer program product, wherein when instructions in the computer program product are executed by a processor, the code online editing method provided in the first aspect of the present disclosure is performed, or the code online editing method provided in the second aspect of the present disclosure is performed.

According to the technical scheme, the link of the first code file is sent to the server through the client; the link is used for determining an identifier of the first code file, inquiring each candidate code file corresponding to the identifier, and generating a first target page according to the file content of each candidate code file; receiving and displaying a first target page returned by the server; sending first operation information to a server, wherein the first operation information is used for determining a target code file from each candidate code file, editing the file content of the target code file, and updating a first target page by using the file content of the edited target code file; and receiving and displaying the updated first target page sent by the server. Therefore, the code file content can be updated on line, the workload of research and development personnel can be reduced, and the development efficiency can be improved.

Additional aspects and advantages of the disclosure will be set forth in part in the description which follows and, in part, will be obvious from the description, or may be learned by practice of the disclosure.

Drawings

The foregoing and/or additional aspects and advantages of the present disclosure will become apparent and readily appreciated from the following description of the embodiments, taken in conjunction with the accompanying drawings of which:

fig. 1 is a schematic flowchart of a code online editing method according to an embodiment of the present disclosure;

FIG. 2 is a first target page in the embodiments of the present disclosure;

FIG. 3 is a flowchart illustrating a method for online editing a code according to another embodiment of the present disclosure;

FIG. 4 is a second schematic diagram of a first target page in the embodiment of the present disclosure;

FIG. 5 is a flowchart illustrating a method for online editing a code according to another embodiment of the present disclosure;

FIG. 6 is a schematic diagram of a second destination page in an embodiment of the present disclosure;

FIG. 7 is a schematic diagram of an application scenario of an embodiment of the present disclosure;

FIG. 8 is a diagram of a conventional search page;

FIG. 9 is a flowchart illustrating a method for online editing code according to another embodiment of the present disclosure;

FIG. 10 is a flowchart illustrating a method for online editing code according to another embodiment of the present disclosure;

FIG. 11 is a schematic diagram of each of the first-level folders rendered by the client in the embodiment of the present disclosure;

FIG. 12 is a schematic diagram of a search file tree rendered by a client according to an embodiment of the present disclosure;

FIG. 13 is a flowchart illustrating a method for online editing code according to another embodiment of the present disclosure;

FIG. 14 is a first schematic view of a display interface of a client according to an embodiment of the present disclosure;

FIG. 15 is a second schematic diagram of a display interface of a client according to an embodiment of the present disclosure;

FIG. 16 is a flowchart illustrating a method for online editing code according to another embodiment of the present disclosure;

FIG. 17 is a third schematic diagram of a display interface of a client according to an embodiment of the present disclosure;

FIG. 18 is a fourth schematic view of a display interface of a client according to an embodiment of the present disclosure;

FIG. 19 is a flowchart illustrating a method for online editing of code according to another embodiment of the present disclosure;

fig. 20 is a schematic structural diagram of a code online editing apparatus according to an embodiment of the present disclosure;

fig. 21 is a schematic structural diagram of a code online editing apparatus according to another embodiment of the present disclosure;

FIG. 22 illustrates a block diagram of an exemplary electronic device suitable for use in implementing embodiments of the present disclosure.

Detailed Description

Reference will now be made in detail to the embodiments of the present disclosure, examples of which are illustrated in the accompanying drawings, wherein like or similar reference numerals refer to the same or similar elements or elements having the same or similar functions throughout. The embodiments described below with reference to the drawings are exemplary and intended to be illustrative of the present disclosure, and should not be construed as limiting the present disclosure.

A code online editing method, apparatus, client, server, and storage medium according to embodiments of the present disclosure are described below with reference to the accompanying drawings.

Fig. 1 is a flowchart illustrating a code online editing method according to an embodiment of the present disclosure.

As shown in fig. 1, the code online editing method may be executed by a client, and may include the following steps:

step 101, sending a link of a first code file to a server; the link is used for determining the identifier of the first code file, inquiring each candidate code file corresponding to the identifier, and generating a first target page according to the file content of each candidate code file.

In the embodiment of the present disclosure, the link of the first code file may carry information such as a file name and a file path of the first code file. For example, the link may be a Gerrit link.

In the embodiment of the present disclosure, the client may send the link of the first code file to the server, and correspondingly, after receiving the link, the server may determine the identifier of the first code file according to the link, query each candidate code file corresponding to the identifier of the first code file, and generate the first target page according to the file content of each candidate code file.

For example, the identifier of the first code file is taken as the file name of the first code file for exemplary illustration, the file names corresponding to the history modification records (or referred to as submission history records or ancestor modification records) corresponding to the same code file may be the same, and the code files with the same file name may be obtained according to the Gerrit link, and taken as candidate code files, and the first target page may be generated according to the file contents of the candidate code files.

As an example, for a code file, assuming that only two history modification records corresponding to the code file are stored on the server, the first target page generated by the server may be as shown in fig. 2, and the file contents of one code file are respectively displayed in the area 21 and the area 22.

And 102, receiving and displaying the first target page returned by the server.

In the embodiment of the present disclosure, after generating the first target page, the server may return the first target page to the client, and accordingly, after receiving the first target page, the client may display the first target page.

As an example, taking the link as a Gerrit link for example, the server may open the Gerrit link of the first code file through the mitextreditor, automatically call a plugin Interface of a Gerrit REST API (Application Programming Interface) in the background, obtain all submission history records about the first code file from the gitlie, and arrange all submission history records of the first code file into a formatted and readable manner for displaying on a page, so that the user can select one code file from the pages. The generated page may be as shown in fig. 2.

It should be noted that, in fig. 2, the submission history mainly includes the following 5 types of information:

first, the commit ID of this submission, which is the only marking element in the git submission;

second, the Author of this submission (Author);

third, time of submission (Date);

fourth, detailed description information about this submission (e.g., detailed description information about what problem was solved, how to solve the problem, etc.);

fifth, a change ID submitted to the Gerrit server is a markup element on the Gerrit server.

Wherein, the page can be rendered by adopting a monaco editor template in the mitextedictor.

Step 103, sending first operation information to the server, wherein the first operation information is used for determining an object code file from the candidate code files, editing the file content of the object code file, and updating the first object page by using the file content of the edited object code file.

It can be understood that, each historical modification record (that is, each candidate code file is a one-time historical modification record) corresponding to the same code file is displayed on the first target page, a user can select one code file from a plurality of candidate code files as a final required code file according to a requirement, which is marked as a target code file in the present disclosure, and determine whether to update the target code file according to a requirement of the user.

In the embodiment of the present disclosure, after the client displays the first target page, if it is monitored that the user triggers the first operation information, the first operation information may be sent to the server, and accordingly, after receiving the first operation information, the server may determine the target code file from each candidate code file in response to the first operation information, and edit the file content of the target code file, so as to update the first target page with the file content of the edited target code file.

And 104, receiving and displaying the updated first target page sent by the server.

In the embodiment of the present disclosure, after the server updates the first target page, the updated first target page may be sent to the client, and correspondingly, the client may receive the updated first target page sent by the server and display the updated first target page. Therefore, the code file content can be updated on line, the workload of research and development personnel can be reduced, and the development efficiency can be improved.

The code online editing method of the disclosed embodiment sends a link of a first code file to a server through a client; the link is used for determining the identifier of the first code file, inquiring each candidate code file corresponding to the identifier, and generating a first target page according to the file content of each candidate code file; receiving and displaying a first target page returned by the server; sending first operation information to a server, wherein the first operation information is used for determining a target code file from each candidate code file, editing the file content of the target code file, and updating a first target page by using the file content of the edited target code file; and receiving and displaying the updated first target page sent by the server. Therefore, the code file content can be updated on line, the workload of research and development personnel can be reduced, and the development efficiency can be improved.

For the sake of clarity of the above embodiments, the present disclosure also provides a code online editing method.

Fig. 3 is a flowchart illustrating a method for editing a code online according to another embodiment of the present disclosure.

As shown in fig. 3, the code online editing method may be executed by a client, and may include the following steps:

step 301, sending a link of a first code file to a server; the link is used for determining the identifier of the first code file, inquiring each candidate code file corresponding to the identifier, and generating a first target page according to the file content of each candidate code file.

The execution process of step 301 may refer to the execution process of step 101 in the above embodiments, which is not described herein again.

Step 302, receiving and displaying a first target page returned by the server, wherein the first target page includes a plurality of areas, each area is used for displaying the file content of one candidate code file, and each area is displayed with a selection control.

As an example, the first target page may be as shown in fig. 2, and fig. 2 illustrates that the first target page includes two regions, namely,

regions

21 and 22, where the selection control in the region 21 is a "local" control 211, and the selection control in the region 22 is a "remote" control 221.

Step 303, monitoring a trigger operation for the selection controls displayed in the plurality of regions.

Step 304, generating first operation information according to a target area for executing the trigger operation in the plurality of areas, wherein the first operation information comprises an identifier of the target area; the identification of the target area is used for determining the target code file according to the file content of the candidate code file displayed in the target area.

In the embodiment of the disclosure, the client may monitor the trigger operation for the selection control displayed in each region, and may generate the first operation information according to a target region in the plurality of regions where the trigger operation is performed when the trigger operation for the selection controls displayed in the plurality of regions is monitored.

Step 305, sending first operation information, wherein the first operation information is used for determining an object code file from the candidate code files, and editing the file content of the object code file, so as to update the first object page by using the file content of the edited object code file.

In this disclosure, when receiving the first operation information, the server may respond to the first operation information, and according to the identifier of the target area, the candidate code file shown in the target area is used as the target code file, that is, the server may determine the file content of the candidate code file shown in the target area according to the identifier of the target area, and determine the target code file according to the file content of the candidate code file shown in the target area, for example, the file content shown in the target area is code file 1, and then the target code file is the code file 1. And the server can edit the file content of the object code file according to the first operation information so as to update the first object page by using the file content of the edited object code file.

As an example, as shown in fig. 2, the user may select the candidate code file shown in the area 21 as the target code file by clicking a "local" control 211 in the area 21, or the user may select the candidate code file shown in the area 22 as the target code file by clicking a "remote" control 221 in the area 22. After the user selects the object code file in one area, the user can edit the file content of the object code file in the area, so that the first object page is updated by using the edited file content of the object code file.

In a possible implementation manner of the embodiment of the present disclosure, in order to facilitate a user to obtain a currently-used object code file, the server may further set, according to the first operation information, a selection control in the object area to a highlight state.

As an example, as shown in fig. 2, when the server opens the Gerrit link, the background automatically calls a get diff interface of the Gerrit REST API, so as to obtain a difference between previous and subsequent modifications of the code file, the server background automatically determines whether the currently selected code file is the code file in the area 21 or the code file in the area 22 according to the difference, and sets the "local" control 211 or the "remote" control 221 to be in a highlighted state.

For example, when a code file selected by a developer before is a code file in the area 21, the server may store a hash value of the code file, so that when the first target page is returned to the client, the selection control in the area 21 in the first target page may be set to be in a highlighted state.

If the research and development personnel selects the selection control in the area 22, the server determines that the hash value of the code file in the area 22 is different from the hash value stored before by calculating the hash value of the code file in the area 22, and then the research and development personnel can determine that one code file is reselected, and the selection control in the reselected area 22 can be set to be in a highlight state.

It should be noted that, when a user clicks a selection control in a non-highlighted state, the clicked selection control is changed into a highlighted state, which represents that the currently selected selection is a code file (i.e., a target code file) in an area where the selection control is located, and meanwhile, a background may set the target code file in the area where the selection control in the highlighted state is in an edit (edge) state by calling an edge interface of a Gerrit REST API, obtain file content of the target code file from a Gerrit server through a Gerrit content interface, and then call a Gerrit edge interface to store file content of the selected target code file to the Gerrit server. Since the object code file is in the exit state on the Gerrit server, the user can modify the object code file arbitrarily.

And step 306, receiving and displaying the updated first target page sent by the server.

The execution process of step 306 may refer to the execution process of the above embodiments, which is not described herein again.

In a possible implementation manner of the embodiment of the present disclosure, the first target page may further display an upload control and/or a cancel control, and when the user selects the upload control, the client may send a trigger operation for the upload control to the server; the client side can send the triggering operation aiming at the cancellation control to the server when the user selects the cancellation control; and the triggering operation aiming at the cancel control is used for triggering the server to restore the file content of the updated target code file to the file content of the target code file before updating.

As an example, when the user selects and modifies the object code file, as shown in fig. 2, and wants to submit the object code file to the Gerrit server, the mitreteditor pops up an upload control (i.e., publish button) as shown in area 41 and a cancel control (i.e., delete button) as shown in area 42 as shown in fig. 4. When the user clicks the publish button, the background may call an edge publish interface of the Gerrit REST API, and submit all modifications of the edge (i.e., the updated object code file) to the Gerrit server. And when the user decides that the modification is no longer needed, the delete button can be clicked, and the background can call an edge delete interface of the Gerrit REST API at the moment to restore all the modifications of all the files to the original state.

As an application scene, a Python flash frame is used at a back end, a Jquery browser-end online modification code is used at a front end for example, the application scene belongs to a B/S (browser/server) framework in a Web framework, ajax (Asynchronous JavaScript and XML, a popular method for creating an interactive Web application program without sacrificing browser compatibility) technology is interactively used at the front end and the back end, and the front end and the back end are separated.

When a developer performs a code merging operation locally or performs a code selecting operation, if it is determined that two code files have a conflict and the developer cannot solve the conflict, the developer may submit a Gerrit link of any one code file having the conflict to a Gerrit server, automatically query an ancestor modification record (including another conflicting code file in the ancestor modification record) of the code file (binary file) according to a submission history record on the Gerrit server, select one code file on a page as a final code file by an engineer who solves the conflict, and the engineer who solves the conflict may edit or modify the selected code file online.

Therefore, interfaces on the Gerrit server can be reasonably utilized, such as file content acquisition, file editing, file storage, file pushing and the like, and binary code files can be selected and submitted. In addition, under the multi-user collaborative development mode, a large number of code files do not need to be downloaded locally for modification, and the code files can be modified on the line, so that the development efficiency is improved, and the development cost is saved.

It should be noted that in the field of software code, there are a lot of scenarios that need to merge two code files, however, in the scenario of code merging, different code files often generate conflicts, and a developer needs to resolve the conflicts. In the related technology, research and development personnel download each code file and compare different code files one by one, so that the operation is very complicated and the efficiency is low.

In order to solve the above problem, in the present disclosure, different code files may be compared online, and conflicts may be resolved online. The above process is described in detail below with reference to fig. 5.

Fig. 5 is a flowchart illustrating a method for editing a code online according to another embodiment of the present disclosure.

As shown in fig. 5, on the basis of any of the above embodiments, the code online editing method may further include the following steps:

step 501, sending a code file query request to a server, where the code file query request is used to obtain a second code file and a third code file.

In an embodiment of the present disclosure, the client may send a code file query request to the server to query the second code file and the third code file from the server.

Step 502, receiving and displaying a second target page returned by the server, wherein the second target page displays a first file content of the second code file and a second file content of the third code file.

In this disclosure, the server may obtain the second code file and the third code file in response to the code file query request, generate a second destination page according to the first file content of the second code file and the second file content of the third code file, and return the second destination page to the client, and accordingly, the client may display the second destination page when receiving the second destination page.

Step 503, comparing the first document content and the second document content in the second target page to determine a first portion of the first document content different from the second document content, and/or to determine a second portion of the second document content different from the first document content.

In embodiments of the present disclosure, the client may compare the first document content and the second document content in the second target page to determine a first portion of the first document content that is different from the second document content and/or to determine a second portion of the second document content that is different from the first document content.

Step 504, a first portion of the first document content in the second destination page is marked, and/or a second portion of the second document content in the second destination page is marked.

In the embodiment of the present disclosure, the client may mark the first portion of the first document content in the second target page, and/or mark the second portion of the second document content in the second target page. For example, the first portion and the second portion may be displayed in red and green or highlighted, respectively, so that the developer may quickly locate and resolve the conflicting code content.

Further, after the first part and/or the second part are marked, a developer can modify the first part and/or the second part, and the modified first part and/or the modified second part are combined with the same parts in the first file content and the second file content to obtain combined code file content.

Step 505, sending second operation information to the server, wherein the second operation information is used for triggering the server to modify the marked first part and/or second part; and merging the modified first part and/or second part with the same part in the first file content and the second file content to obtain merged code file content, and updating the second target page by using the merged code file content.

In the disclosed embodiments, a developer may empirically modify the first portion and/or the second portion to resolve conflicting code content. Specifically, after monitoring second operation information triggered by the user, the client may send the second operation information to the server, and correspondingly, after receiving the second operation information, the server may respond to the second operation information to modify the marked first part and/or second part, and merge the modified first part and/or second part with the same part in the first file content and the second file content to obtain a merged code file content, and update the second target page with the merged code file content.

And step 506, receiving and displaying the updated second target page sent by the server.

In the embodiment of the present disclosure, after the server updates the second target page, the updated second target page may be sent to the client, and correspondingly, the client may receive the updated second target page sent by the server and display the updated second target page.

In a possible implementation manner of the embodiment of the present disclosure, the server may further store the merged code file content.

In a possible implementation manner of the embodiment of the present disclosure, in order to facilitate the research and development personnel to view the contents of the code files, the updated second target page may include a first area and a second area, the first file content and the second file content may be displayed in the first area, and the merged code file content may be displayed in the second area.

As an example, the second target page may be as shown in fig. 6, and the second target page may be divided into an area 61 and an area 62, where the area 61 shows the first file content and the second file content, and the area 62 shows the merged code file content. The difference between the first file content and the second file content can be automatically compared in the area 61, and the difference can be highlighted as red and green, so that research and development personnel can quickly locate the code content with conflict and solve the problem, and the combined code file content in the area 62 can be modified and stored by the research and development personnel according to the requirements.

As an application scenario, taking a client as an editor client for example, as shown in fig. 7, the client may send a code file query request to an online editor server to request a code file content, the online editor server may request to download and cache the code file from the code server, the code server may return the file content and related information of the code file to the online editor server, and the online editor server generates a second target page according to the file content, where the code file content is shown on the second target page, and accordingly, the client may show the second target page. After the research and development personnel modify the file content in the second target page, whether to save the file content or not can be selected, and if the file content is selected to save, the client can upload the modified combined code file to the code server through the online editor server.

Therefore, research personnel can directly modify the code file on line without downloading the code file, the operation of the research personnel can be reduced, and the development efficiency is improved. Moreover, the client automatically compares the file contents of different code files and marks the difference, so that research personnel can conveniently and quickly locate and solve the code contents with conflicts, and the development efficiency is further improved.

It should be noted that, in the related art, a conventional search box only supports single-condition search, and cannot meet the multifunctional search requirement of a user. If the user has multiple search requirements, this is generally achieved by adding multiple search boxes, for example, as shown in fig. 8, in a shopping order page, the user can only search for purchased goods or order details in a specified search box, for example, the user can search for purchased goods in a search box in an area 81, and search for order details in a search box in an area 82, the page design is redundant and complicated, and is unclear, and the user operation is also very inconvenient.

In order to solve the above problem, in the present disclosure, a multi-conditional search of a URL and a file may be implemented simultaneously in one search box. The above process is described in detail with reference to fig. 9 and 16.

Fig. 9 is a flowchart illustrating a method for editing a code online according to another embodiment of the present disclosure.

As shown in fig. 9, on the basis of any of the above embodiments, the code online editing method may further include the following steps:

step 901, obtaining URL information input in a search box, and sending a search request to a server, where the search request includes the URL information and is used to determine information for searching a file tree.

In this embodiment of the present disclosure, a client may obtain URL (Uniform Resource Locator) information input by a user in a search box, and send a search request to a server, where the search request may include the URL information, and correspondingly, after receiving the search request, the server may determine information of a search file tree according to the URL information in the search request, that is, obtain information of the search file tree matching the URL information in the search request.

And step 902, receiving information of the search file tree returned by the server.

And step 903, rendering according to the information of the search file tree to obtain the display content of the search file tree.

In the embodiment of the present disclosure, the display content of the search file tree may include all levels of folders in the search file tree and/or all files and all subfolders under all levels of folders.

In the embodiment of the disclosure, the client may receive the information of the search file tree returned by the server, and render according to the information of the search file tree to obtain the display content of the search file tree. Therefore, URL information can be input in the search box to search and obtain the display content of the search file tree, and the actual search requirements of the user are met.

It should be appreciated that if the server returns to the client a search for all folders and files and subfolders under each folder in the file tree at once, the front end may crash if there are more files in the file tree.

In order to avoid the above situation, the information of the search file tree returned by the server to the client may only include the directories of the first-level folders, so that the client may only render the directories of the first-level folders to obtain the first-level folders. The above process is explained in detail with reference to fig. 10.

Fig. 10 is a flowchart illustrating a method for editing a code online according to another embodiment of the present disclosure.

As shown in fig. 10, on the basis of any one of the embodiments of fig. 1 to 5, the code online editing method may further include the following steps:

step 1001, acquiring URL information input in a search box, and sending a search request to a server, where the search request includes the URL information and is used to determine information for searching a file tree, where the information for searching the file tree includes: and the primary folder is matched with the target ID carried by the URL information.

In the embodiment of the disclosure, a client may obtain URL information input by a user in a search box, and send a search request to a server, where the search request may include the URL information, and correspondingly, after receiving the search request, the server may parse the URL information in the search request to determine a target ID carried by the URL information, determine a primary folder matched with the target ID, and determine a directory of the primary folder.

It should be noted that, for a user, it may not be known how to query all files under the URL information, and therefore, in a possible implementation manner of the embodiment of the present disclosure, in order to facilitate the user to know how to query the search file tree, a display page of the client, for example, a set format corresponding to the URL information may be displayed in a search box, so that the user only needs to input the corresponding URL information according to the set format.

For example, in a development scenario, if a developer wants to query all code files under a certain modification stored in a server, where each modification can be identified by a change ID, a user only needs to input a corresponding change ID according to the set format to query all code files under the change ID.

Step 1002, receiving the directory of the primary folder returned by the server.

And 1003, rendering the directory of the primary folders to obtain all the primary folders.

In the embodiment of the present disclosure, the client may receive the directories of the first-level folders returned by the server, and render the directories of the first-level folders to obtain the first-level folders.

It should be noted that, in the case of rendering the primary folder at the front end, if the user wants to acquire each sub-file in the primary folder, the files and sub-folders under the primary folder may be continuously loaded.

In a first possible implementation manner of the embodiment of the present disclosure, a query operation of a user on each first-level folder may be monitored, and a resource query request is sent to a server in response to the query operation, where the resource query request includes an identifier of a target first-level folder for performing the query operation, and correspondingly, when receiving the resource query request, the server may respond to the resource query request, query each file and each subfolder in the target first-level folder according to the identifier of the target first-level folder, and return each file and each subfolder in the target first-level folder to a client.

As an example, in the case of rendering a primary folder by the front end, as shown in fig. 11, if a user wants to acquire each subfile in the primary folder, the front end accesses the back end to acquire and load data of each subfile and each subfolder under the primary folder every time the user opens one primary folder, and the front end can render the data to obtain a search file tree and display the search file tree. For example, if the user clicks on the first primary folder frame in FIG. 11, the files and subfolders under that primary folder frame that are loaded may be as shown in area 1201 in FIG. 12.

Therefore, under the condition of not increasing the front end element, the data in the first-level folder is dynamically returned to the front end, and the condition that the front end is crashed due to the fact that the number of files returned at one time is too large can be avoided. That is, in this disclosure, the idea of lazy loading is utilized, when some data are not used, it is not necessary to load them, waste of resources can be avoided, and when these data are needed to be used, the back end is moved to acquire the data and the data are loaded to the front end interface to be displayed.

In a second possible implementation manner of the embodiment of the present disclosure, the client may further periodically obtain, from the server, a part of the files and/or a part of the sub-folders in the primary folder, and render the part of the files and/or the part of the sub-folders, so as to obtain the search file tree.

For example, the resource query request in the first possible implementation manner may be marked as a first resource query request, and the client may periodically send a second resource query request to the server, where the second resource query request may include an identifier of a certain primary folder, and after receiving the second resource query request, the server may respond to the second resource query request, query a part of files and/or a part of sub-folders in the primary folder according to the identifier of the primary folder, and return a part of files and/or a part of sub-folders in the primary folder to the client, and accordingly, after receiving the part of files and/or the part of sub-folders in the primary folder, the client may render the part of files and/or the part of sub-folders in the primary folder, to obtain a search file tree.

As an example, a first-level folder may be loaded first, and then a timer is used to collect timing, so as to load partial folders at intervals, thereby avoiding a situation that a front end crashes due to an excessive number of files returned at one time.

According to the code online editing method, the information of the search file tree returned to the client by the server only comprises the directory of the first-level folder, and the condition that the front end is crashed due to the fact that the data volume returned to the client by the server at one time is large can be avoided.

In a possible implementation manner of the embodiment of the present disclosure, in order to reduce user operations and improve user experience, the server may also return all folders and files matched with the target ID carried in the URL information to the client once, so that the client may directly render all the folders and files to obtain the search file tree. The above process is explained in detail with reference to fig. 13.

Fig. 13 is a flowchart illustrating a method for editing a code online according to another embodiment of the present disclosure.

As shown in fig. 13, on the basis of any one of the above embodiments of fig. 1 to 5, the code online editing method may further include the following steps:

step 1301, acquiring URL information input in a search box, and sending a search request to a server, wherein the search request comprises the URL information and is used for determining information for searching a file tree; wherein the searching for information of the file tree includes: each folder matched with the target ID carried by the URL information, and each file and each subfolder under each folder.

In the embodiment of the present disclosure, a client may obtain URL information input by a user in a search box, and send a search request to a server, where the search request may include the URL information, and correspondingly, after receiving the search request, the server may parse the URL information in the search request to determine a target ID carried by the URL information, and determine folders and files and subfolders under the folders that are matched with the target ID.

Step 1302, receiving all folders and all files and all sub-folders under all folders, which are returned by the server and matched with the target ID carried by the URL information.

And step 1303, rendering the folders matched with the target ID and the files and subfolders under the folders to obtain a search file tree.

In the embodiment of the present disclosure, the client may receive each folder matched with the target ID carried in the URL information and each file and each subfolder under each folder returned by the server, and render each folder matched with the target ID and each file and each subfolder under each folder, to obtain the search file tree.

As an example, in a development scenario, if a developer wants to query all code files under a certain modification stored in the Gerrit server, such as searching all code files under a certain change ID on the Gerrit server, for example, the change ID is 1212034, the developer may input a URL (denoted as change URL in fig. 14) with a set format in a search box as shown in fig. 14, where the last of the URL is the change ID.

When the search is completed, as shown in fig. 15, a search file tree may be generated on the left side of the display interface of the client to display the search content, and when the user double-clicks and expands the corresponding change ID (1212034 displayed at the top of the search file tree), displays all the file lists under the change ID, and clicks a certain file in the search file tree on the left side, the specific file content of the file may be loaded on the right side.

According to the code online editing method, all folders and files matched with the target ID carried by the URL information are returned to the client side through the server once, a user can directly check all files matched with the target ID without continuously acquiring other subfolders and subfiles from the server, and waiting time of the user in checking and searching the file tree can be shortened.

In a possible implementation manner of the embodiment of the present disclosure, the user may also input a search keyword in the search box to query the files in the search file tree. The above process is explained in detail with reference to fig. 16.

Fig. 16 is a flowchart illustrating a method for editing a code online according to another embodiment of the present disclosure.

As shown in fig. 16, on the basis of any of the above embodiments, the code online editing method may further include the following steps:

step 1601, a search keyword input in a search box is acquired.

In the embodiment of the present disclosure, when a user wants to query a certain file in the search file tree, a search keyword, which may be a file name, for example, may be entered in the search box.

Step 1602, the search keyword is matched with the file name of each file in the search file tree to determine a target file whose file name matches the search keyword.

In the embodiment of the present disclosure, the search keyword may be matched with the file name of each file in the search file tree, and it may be determined whether there is a target file whose file name matches the search keyword. In the case where there is no target file matching the search keyword in the search file tree, each folder and each file in the search file tree may be hidden, and for example, only the change ID in fig. 15 may be shown. Whereas in case there is a target file in the search file tree that matches the search keyword, step 1603 may be performed.

Step 1603, the target file is marked.

In the embodiment of the present disclosure, in the case that a target file matching the search keyword exists in the search file tree, the target file may be marked, so that the user can quickly locate the desired file.

As an example, as shown in FIG. 17, the user may enter "ma" in the search box, the client may match "ma" with the filenames of all files under change ID, and the matching target file may be highlighted.

In a possible implementation manner of the embodiment of the present disclosure, a user may also view file content of a certain target file according to a requirement of the user. Specifically, the client may monitor a trigger operation on the marked target file, and display a file content corresponding to the target file in the display interface in response to the trigger operation on the marked target file.

As a possible implementation manner, the display interface of the client may include a first visual area and a second visual area, the search file tree may be displayed in the first visual area, and the file content corresponding to the target file may be displayed in the second visual area.

As an example, as shown in fig. 18, the first visual area may be an area 1801, the second visual area may be an area 1802, the user may click on a file name of the target file in the area 1801, the file content of the target file is displayed in the area 1802, and the file name of the target file (i.e., manifest) may be shown in the search box.

In summary, the search box can simultaneously realize multi-condition search of the URL and the file, when the user inputs the URL in the search box, the back end can access the Gerrit interface to obtain data, and return the data to the front end for rendering, and the search file tree is displayed. When a user searches files, files matched with the search keywords can be obtained from the search file tree according to the search keywords input by the user in the search box, the matched files are highlighted, and all files in the search file tree can be hidden under the condition that the files are not matched. Therefore, the URL link with the directory structure type can be searched in one search box, the search keywords are supported, files under the directory structure are screened and highlighted, namely, on the premise that the number of the search boxes is not increased, the search of different conditions can be met by one search box, the search box is simple and convenient, and the user satisfaction is improved.

The present disclosure also provides method embodiments performed by a server, for each method embodiment performed by a client.

Fig. 19 is a flowchart illustrating a method for editing a code online according to another embodiment of the present disclosure.

As shown in fig. 19, the code online editing method may be performed by a server, and may include the following steps:

step 1901, receive the link of the first code file sent by the client.

Step 1902, according to the link, determining the identifier of the first code file, and querying each candidate code file corresponding to the identifier.

In the embodiment of the present disclosure, the client may send the link of the first code file to the server, and accordingly, after receiving the link, the server may determine the identifier of the first code file according to the link, and query each candidate code file corresponding to the identifier of the first code file.

For example, by taking the identifier of the first code file as the file name of the first code file, the file names corresponding to the history modification records (or referred to as submission history records or ancestor modification records) corresponding to the same code file may be the same, and the code files with the same file name may be obtained as candidate code files.

Step 1903, generate a first target page according to the file content of each candidate code file.

In the embodiment of the disclosure, the server may generate the first target page according to the file content of each candidate code file.

Step 1904, return the first target page to the client.

Step 1905, receiving the first operation information sent by the client, determining an object code file from the candidate code files in response to the first operation information, and editing the file content of the object code file, so as to update the first object page with the file content of the edited object code file.

Step 1906, send the updated first target page to the client.

In a possible implementation manner of the embodiment of the present disclosure, the first target page may include a plurality of regions, each region is used to display a file content of one candidate code file, and each region displays a selection control; the first operation information includes an identifier of a target area, and the target area is determined according to an area for executing a trigger operation in the plurality of areas by monitoring the trigger operation of the selection control displayed in the plurality of areas. The server can determine the file content of the candidate code file displayed in the target area according to the identification of the target area; and determining the target code file according to the file content of the candidate code file displayed in the target area.

In a possible implementation manner of the embodiment of the present disclosure, the server may further set, in response to the first operation information, a selection control in the target area to be in a highlighted state.

In a possible implementation manner of the embodiment of the present disclosure, the first target page may further show an upload control and/or a cancel control, and the server may further receive a trigger operation for the upload control sent by the client, and save the updated target code file in response to the trigger operation for the upload control; or receiving a trigger operation aiming at the cancel control sent by the client, and restoring the file content of the updated target code file into the file content of the target code file before updating in response to the trigger operation aiming at the cancel control.

In a possible implementation manner of the embodiment of the present disclosure, the server may further receive a code file query request sent by the client, and obtain the second code file and the third code file in response to the code file query request; generating a second target page according to the first file content of the second code file and the second file content of the third code file; returning the second target page to the client; the second target page is used for displaying, and the first file content and the second file content are compared to determine a first part, different from the second file content, in the first file content, and/or determine a second part, different from the first file content, in the second file content, and mark the first part in the first file content, and/or mark the second part in the second file content.

In a possible implementation manner of the embodiment of the present disclosure, the server may further receive second operation information sent by the client, and modify the marked first part and/or second part in response to the second operation information; merging the modified first part and/or second part with the same part in the first file content and the second file content to obtain merged code file content; updating the second target page by using the content of the merged code file; and sending the updated second target page to the client.

In a possible implementation manner of the embodiment of the present disclosure, the updated second target page includes a first area and a second area, the first file content and the second file content are displayed in the first area, and the merged code file content is displayed in the second area.

In a possible implementation manner of the embodiment of the present disclosure, the server may further receive search request information sent by the client, where the search request information includes URL information input in the search box; responding to the search request information, and determining information for searching the file tree according to the URL information; and returning the information of the search file tree to the client, wherein the information of the search file tree is used for rendering to obtain the display content of the search file tree.

In a possible implementation manner of the embodiment of the present disclosure, the server may analyze the URL information to determine a target ID carried by the URL information; determining a primary folder matched with the target ID; and determining the directory of the primary folder as the information of the search file tree.

In a possible implementation manner of the embodiment of the present disclosure, the server may further receive a first resource query request sent by the client, where the first resource query request includes an identifier of a target primary folder for executing a query operation; inquiring each file and each subfolder under the target first-level folder according to the identifier of the target first-level folder; and sending each file and each subfolder under the target first-level folder to the client, wherein each file and each subfolder under the target first-level folder are used for rendering to obtain the search file tree.

In a possible implementation manner of the embodiment of the present disclosure, the server may further obtain a second resource query request periodically sent by the client, where the second resource query request includes an identifier of the primary folder; responding to the second resource query request, and querying partial files and/or partial sub-folders in the primary folder according to the identification of the primary folder; and returning partial files and/or partial sub-folders in the primary folder to the client, wherein the partial files and/or partial sub-folders are used for rendering to obtain the search file tree.

In a possible implementation manner of the embodiment of the present disclosure, the server may analyze the URL information to determine a target ID carried by the URL information; determining all folders matched with the target ID and all files and sub-folders under all the folders; and determining each matched folder, each file and each subfolder under each folder as the information of the search file tree.

It should be noted that the explanation of the method embodiment executed by the client side in fig. 1 to fig. 16 is also applicable to the method embodiment executed by the server side, and the implementation principle is similar, which is not described herein again.

The code online editing method of the embodiment of the disclosure determines the identifier of a first code file according to the link of the first code file sent by a client, and queries each candidate code file corresponding to the identifier; generating a first target page according to the file content of each candidate code file; returning the first target page to the client; receiving first operation information sent by a client, responding to the first operation information, determining a target code file from each candidate code file, editing the file content of the target code file, and updating a first target page by using the file content of the edited target code file; and sending the updated first target page to the client. Therefore, the code file content can be updated on line, the workload of research and development personnel can be reduced, and the development efficiency can be improved.

Corresponding to the code online editing method provided in the embodiments of fig. 1 to 16, the present disclosure also provides a code online editing apparatus, and since the code online editing apparatus provided in the embodiments of the present disclosure corresponds to the code online editing method provided in the embodiments of fig. 1 to 16, the implementation manner of the code online editing method is also applicable to the code online editing apparatus provided in the embodiments of the present disclosure, and is not described in detail in the embodiments of the present disclosure.

Fig. 20 is a schematic structural diagram of a code online editing apparatus according to an embodiment of the present disclosure.

As shown in fig. 20, the code online editing apparatus 2000, applied to the client, may include: a transmitting module 2001 and a receiving module 2002.

The sending module 2001 is configured to send a link of the first code file to the server; the link is used for determining the identifier of the first code file, inquiring each candidate code file corresponding to the identifier, and generating a first target page according to the file content of each candidate code file.

And the receiving module 2002 is configured to receive and display the first target page returned by the server.

The sending module 2001 is further configured to send first operation information to the server, where the first operation information is used to determine a target code file from the candidate code files, and edit the file content of the target code file, so as to update the first target page with the file content of the edited target code file.

The receiving module 2002 is further configured to receive and display the updated first target page sent by the server.

In a possible implementation manner of the embodiment of the present disclosure, the first target page includes a plurality of regions, each region is used for displaying a file content of one candidate code file, and each region is displayed with a selection control; the code online editing apparatus 2000 may further include:

and the first monitoring module is used for monitoring the triggering operation of the selection controls displayed in the plurality of areas.

The generating module is used for generating first operation information according to a target area which executes the trigger operation in the plurality of areas, wherein the first operation information comprises an identifier of the target area; the identification of the target area is used for determining the target code file according to the file content of the candidate code file displayed in the target area.

In a possible implementation manner of the embodiment of the present disclosure, the first operation information is further used to set a selection control in the target area to a highlight state.

In a possible implementation manner of the embodiment of the present disclosure, the first target page further shows an upload control and/or a cancel control, and the sending module 2001 is further configured to: sending a trigger operation aiming at the uploading control to a server; the trigger operation aiming at the uploading control is used for triggering the server to store the updated target code file; or sending a trigger operation aiming at the cancel control to the server; and the triggering operation aiming at the cancel control is used for triggering the server to restore the file content of the updated target code file to the file content of the target code file before updating.

In a possible implementation manner of the embodiment of the present disclosure, the sending module 2001 is further configured to send a code file query request to the server, where the code file query request is used to obtain the second code file and the third code file.

The receiving module 2002 is further configured to receive and display a second target page returned by the server, where the second target page displays first file content of the second code file and second file content of the third code file.

The code online editing apparatus 2000 may further include:

and the determining module is used for comparing the first file content with the second file content in the second target page to determine a first part of the first file content, which is different from the second file content, and/or determine a second part of the second file content, which is different from the first file content.

The first marking module is used for marking a first part in the first file content in the second target page and/or marking a second part in the second file content in the second target page.

In a possible implementation manner of the embodiment of the present disclosure, the sending module 2001 is further configured to send second operation information to the server, where the second operation information is used to trigger the server to modify the marked first part and/or second part; and merging the modified first part and/or second part with the same part in the first file content and the second file content to obtain merged code file content, and updating the second target page by using the merged code file content.

The receiving module 2002 is further configured to receive and display the updated second target page sent by the server.

In a possible implementation manner of the embodiment of the present disclosure, the code online editing apparatus 2000 may further include:

and the acquisition module is used for acquiring the URL information input in the search box.

The sending module 2001 is further configured to send a search request to the server, where the search request includes URL information for determining information for searching the file tree.

The receiving module 2002 is further configured to receive information of the search file tree returned by the server.

And the first rendering module is used for rendering according to the information of the search file tree to obtain the display content of the search file tree.

In a possible implementation manner of the embodiment of the present disclosure, the searching for information of the file tree includes: a directory of the primary folder, wherein the primary folder is matched with a target ID carried by the URL information; the first rendering module is specifically configured to: and rendering the directories of the first-level folders to obtain all the first-level folders.

and the second monitoring module is used for monitoring the query operation of each primary folder.

A sending module 2001, configured to send a resource query request to the server in response to the query operation; the resource query request comprises an identifier of a target primary folder for executing query operation, and is used for querying each file and each subfolder under the target primary folder.

The receiving module 2002 is further configured to receive each file and each subfolder under the target primary folder returned by the server.

And the second rendering module is used for rendering the files and the subfolders under the target primary folder to obtain a search file tree.

In a possible implementation manner of the embodiment of the present disclosure, the obtaining module is further configured to periodically obtain, from the server, the partial file and/or the partial sub-folder in the primary folder.

The code online editing apparatus 2000 may further include:

and the third rendering module is used for rendering part of the files and/or part of the sub-folders to obtain a search file tree.

In a possible implementation manner of the embodiment of the present disclosure, the searching for information of the file tree includes: all folders matched with the target ID carried by the URL information and all files and sub-folders under all the folders; the first rendering module is specifically configured to: and rendering each folder matched with the target ID, each file and each subfolder under each folder to obtain a search file tree.

In a possible implementation manner of the embodiment of the present disclosure, the obtaining module is further configured to obtain a search keyword input in the search box.

The code online editing apparatus 2000 may further include:

and the matching module is used for matching the search keyword with the file name of each file in the search file tree so as to determine a target file with the file name matched with the search keyword.

And the second marking module is used for marking the target file.

and the hiding module is used for hiding all folders and all files in the search file tree in response to the fact that the target file matched with the search keyword does not exist in the search file tree.

and the third monitoring module is used for monitoring the trigger operation of the marked target file.

And the first display module is used for responding to the trigger operation of the marked target file and displaying the file content corresponding to the target file in the interface.

In a possible implementation manner of the embodiment of the present disclosure, the interface includes a first visual area and a second visual area, the search file tree is displayed in the first visual area, and the file content corresponding to the target file is displayed in the second visual area.

and the second display module is used for displaying the set format corresponding to the URL information.

The code online editing device of the disclosed embodiment sends a link of a first code file to a server through a client; the link is used for determining an identifier of the first code file, inquiring each candidate code file corresponding to the identifier, and generating a first target page according to the file content of each candidate code file; receiving and displaying a first target page returned by the server; sending first operation information to a server, wherein the first operation information is used for determining a target code file from each candidate code file, editing the file content of the target code file, and updating a first target page by using the file content of the edited target code file; and receiving and displaying the updated first target page sent by the server. Therefore, the code file content can be updated on line, the workload of research and development personnel can be reduced, and the development efficiency can be improved.

Corresponding to the code online editing method provided in the embodiment of fig. 19, the present disclosure also provides a code online editing apparatus, and since the code online editing apparatus provided in the embodiment of the present disclosure corresponds to the code online editing method provided in the embodiment of fig. 19, the implementation manner of the code online editing method is also applicable to the code online editing apparatus provided in the embodiment of the present disclosure, and is not described in detail in the embodiment of the present disclosure.

Fig. 21 is a schematic structural diagram of a code online editing apparatus according to another embodiment of the present disclosure.

As shown in fig. 21, the code online editing apparatus 2100, applied to a server, may include: a receiving module 2101, a querying module 2102, a generating module 2103, a sending module 2104, and a determining module 2105.

The receiving module 2101 is configured to receive a link of a first code file sent by a client.

The query module 2102 is configured to determine an identifier of the first code file according to the link, and query candidate code files corresponding to the identifier.

A generating module 2103, configured to generate a first target page according to file content of each candidate code file.

A sending module 2104 for returning the first target page to the client.

The receiving module 2101 is further configured to receive the first operation information sent by the client.

A determining module 2105, configured to determine, in response to the first operation information, an object code file from the candidate code files, and edit file content of the object code file, so as to update the first object page with the file content of the edited object code file.

The sending module 2104 is further configured to send the updated first target page to the client.

In a possible implementation manner of the embodiment of the present disclosure, the first target page includes a plurality of regions, each region is used for displaying a file content of one candidate code file, and each region is displayed with a selection control; the first operation information comprises an identifier of a target area, and the target area is determined according to an area for executing the trigger operation in the plurality of areas by monitoring the trigger operation for the selection control displayed in the plurality of areas.

The determining module 2105 is specifically configured to: determining the file content of the candidate code file displayed in the target area according to the identification of the target area; and determining the target code file according to the file content of the candidate code file displayed in the target area.

In a possible implementation manner of the embodiment of the present disclosure, the code online editing apparatus 2100 may further include:

and the setting module is used for responding to the first operation information and setting the selection control in the target area to be in a highlight state.

In a possible implementation manner of the embodiment of the present disclosure, the first target page further shows an upload control and/or a cancel control, and the receiving module 2101 is further configured to: receiving a trigger operation aiming at an uploading control sent by a client, responding to the trigger operation aiming at the uploading control, and saving an updated target code file; or receiving a trigger operation aiming at the cancel control sent by the client, and restoring the file content of the updated target code file into the file content of the target code file before updating in response to the trigger operation aiming at the cancel control.

In a possible implementation manner of the embodiment of the present disclosure, the receiving module 2101 is further configured to receive a code file query request sent by a client, and obtain a second code file and a third code file in response to the code file query request.

The generating module 2103 is further configured to generate a second target page according to the first file content of the second code file and the second file content of the third code file.

A sending module 2104 for returning the second target page to the client; the second target page is used for displaying, and the first file content and the second file content are compared to determine a first part, different from the second file content, in the first file content, and/or determine a second part, different from the first file content, in the second file content, and mark the first part in the first file content, and/or mark the second part in the second file content.

In a possible implementation manner of the embodiment of the present disclosure, the receiving module 2101 is further configured to receive second operation information sent by the client, and modify the marked first part and/or second part in response to the second operation information.

The code online editing apparatus 2100 may further include:

and the merging module is used for merging the modified first part and/or second part with the same part in the first file content and the second file content to obtain merged code file content.

And the updating module is used for updating the second target page by using the content of the combined code file.

The sending module 2104 is further configured to send the updated second target page to the client.

and the storage module is used for storing the content of the combined code file.

In a possible implementation manner of the embodiment of the present disclosure, the receiving module 2101 is further configured to receive search request information sent by a client, where the search request information includes URL information input in a search box.

The determining module 2105 is further configured to determine information for searching the file tree according to the URL information in response to the search request information.

The sending module 2104 is further configured to return information of the search file tree to the client, where the information of the search file tree is used to render the display content of the search file tree.

In a possible implementation manner of the embodiment of the present disclosure, the determining module 2105 is specifically configured to: analyzing the URL information to determine a target ID carried by the URL information; determining a primary folder matched with the target ID; and determining the directory of the primary folder as the information of the search file tree.

In a possible implementation manner of the embodiment of the present disclosure, the receiving module 2101 is further configured to receive a first resource query request sent by a client, where the first resource query request includes an identifier of a target primary folder for executing a query operation.

The query module 2102 is further configured to query the files and subfolders in the target primary folder according to the identifier of the target primary folder.

The sending module 2104 is further configured to send, to the client, each file and each sub-folder in the target first-level folder, where each file and each sub-folder in the target first-level folder are used to render the search file tree.

In a possible implementation manner of the embodiment of the present disclosure, the receiving module 2101 is further configured to obtain a second resource query request periodically sent by the client, where the second resource query request includes an identifier of the primary folder.

The query module 2102 is further configured to query the partial files and/or partial sub-folders in the primary folder according to the identifier of the primary folder in response to the second resource query request.

The sending module 2104 is further configured to return, to the client, a part of the file and/or a part of the sub-folder in the primary folder, where the part of the file and/or the part of the sub-folder are used for rendering to obtain the search file tree.

In a possible implementation manner of the embodiment of the present disclosure, the determining module 2105 is specifically configured to: analyzing the URL information to determine a target ID carried by the URL information; determining all folders matched with the target ID and all files and sub-folders under all the folders; and determining each matched folder, each file and each subfolder under each folder as the information of the search file tree.

The code online editing device of the disclosed embodiment determines the identifier of a first code file through a server according to the link of the first code file sent by a client, and queries each candidate code file corresponding to the identifier; generating a first target page according to the file content of each candidate code file; returning the first target page to the client; receiving first operation information sent by a client, responding to the first operation information, determining a target code file from each candidate code file, editing the file content of the target code file, and updating a first target page by using the file content of the edited target code file; and sending the updated first target page to the client. Therefore, the code file content can be updated on line, the workload of research and development personnel can be reduced, and the development efficiency can be improved.

In order to implement the foregoing embodiment, the present disclosure further provides a client, including: a processor; a memory for storing executable instructions of the processor; wherein the processor is configured to call and execute the executable instructions stored in the memory to implement the code online editing method as set forth in any one of the embodiments of fig. 1 to 16 in the foregoing description of the present disclosure.

In order to implement the above embodiment, the present disclosure further provides a server, including: a processor; a memory for storing executable instructions of the processor; wherein the processor is configured to call and execute the executable instructions stored in the memory to implement the code online editing method as set forth in the foregoing fig. 19 embodiment of the present disclosure.

In order to implement the above embodiments, the present disclosure also proposes a non-transitory computer-readable storage medium on which a computer program is stored, which when executed by a processor implements the code online editing method as proposed in any one of the embodiments of the present disclosure.

In order to implement the above embodiments, the present disclosure also provides a computer program product, wherein when the instructions in the computer program product are executed by a processor, the code online editing method as provided in any embodiment of the present disclosure is executed.

FIG. 22 illustrates a block diagram of an exemplary electronic device suitable for use in implementing embodiments of the present disclosure. The electronic device may comprise a client or server of any of the embodiments described above. The electronic device 22 shown in fig. 22 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present disclosure.

As shown in FIG. 22, electronic device 12 is embodied in the form of a general purpose computing device. The components of electronic device 12 may include, but are not limited to: one or more processors or processing units 16, a system memory 28, and a bus 18 that couples various system components including the system memory 28 and the processing unit 16.

Bus 18 represents one or more of any of several types of bus structures, including a memory bus or memory controller, a peripheral bus, an accelerated graphics port, and a processor or local bus using any of a variety of bus architectures. These architectures include, but are not limited to, Industry Standard Architecture (ISA) bus, Micro Channel Architecture (MAC) bus, enhanced ISA bus, Video Electronics Standards Association (VESA) local bus, and Peripheral Component Interconnect (PCI) bus, to name a few.

Electronic device 12 typically includes a variety of computer system readable media. Such media may be any available media that is accessible by electronic device 12 and includes both volatile and nonvolatile media, removable and non-removable media.

Memory 28 may include computer system readable media in the form of volatile Memory, such as Random Access Memory (RAM) 30 and/or cache Memory 32. The electronic device 12 may further include other removable/non-removable, volatile/nonvolatile computer system storage media. By way of example only, storage system 34 may be used to read from and write to non-removable, nonvolatile magnetic media (not shown in FIG. 22, commonly referred to as a "hard drive"). Although not shown in FIG. 22, a disk drive for reading from and writing to a removable, nonvolatile magnetic disk (e.g., a "floppy disk") and an optical disk drive for reading from or writing to a removable, nonvolatile optical disk (e.g., a Compact disk Read Only Memory (CD-ROM), a Digital versatile disk Read Only Memory (DVD-ROM), or other optical media) may be provided. In these cases, each drive may be connected to bus 18 by one or more data media interfaces. Memory 28 may include at least one program product having a set (e.g., at least one) of program modules that are configured to carry out the functions of embodiments of the disclosure.

A program/utility 40 having a set (at least one) of program modules 42 may be stored, for example, in memory 28, such program modules 42 including, but not limited to, an operating system, one or more application programs, other program modules, and program data, each of which examples or some combination thereof may comprise an implementation of a network environment. Program modules 42 generally perform the functions and/or methodologies of the embodiments described in this disclosure.

Electronic device 12 may also communicate with one or more external devices 14 (e.g., keyboard, pointing device, display 24, etc.), with one or more devices that enable a user to interact with electronic device 12, and/or with any devices (e.g., network card, modem, etc.) that enable electronic device 12 to communicate with one or more other computing devices. Such communication may be through an input/output (I/O) interface 22. Also, the electronic device 12 may communicate with one or more networks (e.g., a Local Area Network (LAN), a Wide Area Network (WAN), and/or a public Network such as the Internet) via the Network adapter 20. As shown, the network adapter 20 communicates with other modules of the electronic device 12 via the bus 18. It should be understood that although not shown in the figures, other hardware and/or software modules may be used in conjunction with electronic device 12, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems, among others.

The processing unit 16 executes various functional applications and data processing, for example, implementing the methods mentioned in the foregoing embodiments, by executing programs stored in the system memory 28.

In the description herein, references to the description of the term "one embodiment," "some embodiments," "an example," "a specific example," or "some examples," etc., mean that a particular feature, structure, material, or characteristic described in connection with the embodiment or example is included in at least one embodiment or example of the present disclosure. In this specification, the schematic representations of the terms used above are not necessarily intended to refer to the same embodiment or example. Furthermore, the particular features, structures, materials, or characteristics described may be combined in any suitable manner in any one or more embodiments or examples. Furthermore, various embodiments or examples and features of different embodiments or examples described in this specification can be combined and combined by one skilled in the art without contradiction.

Furthermore, the terms "first", "second" and "first" are used for descriptive purposes only and are not to be construed as indicating or implying relative importance or implicitly indicating the number of technical features indicated. Thus, a feature defined as "first" or "second" may explicitly or implicitly include at least one such feature. In the description of the present disclosure, "a plurality" means at least two, e.g., two, three, etc., unless explicitly specifically limited otherwise.

Any process or method descriptions in flow charts or otherwise described herein may be understood as representing modules, segments, or portions of code which include one or more executable instructions for implementing steps of a custom logic function or process, and alternate implementations are included within the scope of the preferred embodiment of the present disclosure in which functions may be executed out of order from that shown or discussed, including substantially concurrently or in reverse order, depending on the functionality involved, as would be understood by those reasonably skilled in the art of the embodiments of the present disclosure.

The logic and/or steps represented in the flowcharts or otherwise described herein, e.g., an ordered listing of executable instructions that can be considered to implement logical functions, can be embodied in any computer-readable medium for use by or in connection with an instruction execution system, apparatus, or device, such as a computer-based system, processor-containing system, or other system that can fetch the instructions from the instruction execution system, apparatus, or device and execute the instructions. For the purposes of this description, a "computer-readable medium" can be any means that can contain, store, communicate, propagate, or transport the program for use by or in connection with the instruction execution system, apparatus, or device. More specific examples (a non-exhaustive list) of the computer-readable medium would include the following: an electrical connection (electronic device) having one or more wires, a portable computer diskette (magnetic device), a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber device, and a portable compact disc read-only memory (CDROM). Additionally, the computer-readable medium could even be paper or another suitable medium upon which the program is printed, as the program can be electronically captured, via for instance optical scanning of the paper or other medium, then compiled, interpreted or otherwise processed in a suitable manner if necessary, and then stored in a computer memory.

It should be understood that portions of the present disclosure may be implemented in hardware, software, firmware, or a combination thereof. In the above embodiments, the various steps or methods may be implemented in software or firmware stored in memory and executed by a suitable instruction execution system. If implemented in hardware, as in another embodiment, any one or combination of the following techniques, which are known in the art, may be used: a discrete logic circuit having a logic gate circuit for implementing a logic function on a data signal, an application specific integrated circuit having an appropriate combinational logic gate circuit, a Programmable Gate Array (PGA), a Field Programmable Gate Array (FPGA), or the like.

It will be understood by those skilled in the art that all or part of the steps carried by the method for implementing the above embodiments may be implemented by hardware related to instructions of a program, which may be stored in a computer readable storage medium, and when the program is executed, the program includes one or a combination of the steps of the method embodiments.

In addition, functional units in the embodiments of the present disclosure may be integrated into one processing module, or each unit may exist alone physically, or two or more units are integrated into one module. The integrated module can be realized in a hardware mode, and can also be realized in a software functional module mode. The integrated module, if implemented in the form of a software functional module and sold or used as a stand-alone product, may also be stored in a computer readable storage medium.

The storage medium mentioned above may be a read-only memory, a magnetic or optical disk, etc. Although embodiments of the present disclosure have been shown and described above, it is understood that the above embodiments are exemplary and should not be construed as limiting the present disclosure, and that changes, modifications, substitutions and alterations may be made to the above embodiments by those of ordinary skill in the art within the scope of the present disclosure.

Claims

1. A code online editing method is applied to a client side, and comprises the following steps:

sending a link of the first code file to a server; the link is used for determining an identifier of the first code file, inquiring each candidate code file corresponding to the identifier, and generating a first target page according to the file content of each candidate code file;

receiving and displaying the first target page returned by the server;

and receiving and displaying the updated first target page sent by the server.

2. The method of claim 1, wherein the first target page comprises a plurality of regions, each region being configured to display a file content of a candidate code file, and each region displaying a selection control; the method further comprises the following steps:

monitoring the triggering operation of the selection controls displayed in the plurality of areas;

generating the first operation information according to a target area for executing triggering operation in the plurality of areas, wherein the first operation information comprises an identifier of the target area; the identification of the target area is used for determining the target code file according to the file content of the candidate code file displayed in the target area.

3. The method of claim 2, wherein the first operational information is further used to highlight a selection control in the target area.

4. The method according to any one of claims 1-3, wherein the first target page further exhibits an upload control and/or a cancel control, the method further comprising:

sending a triggering operation aiming at the uploading control to the server; the triggering operation aiming at the uploading control is used for triggering the server to store the updated target code file;

or,

sending a triggering operation aiming at the cancel control to the server; the triggering operation for the cancel control is used for triggering the server to restore the updated file content of the object code file to the file content of the object code file before updating.

5. The method of claim 1, further comprising:

sending a code file query request to the server, wherein the code file query request is used for acquiring a second code file and a third code file;

receiving and displaying a second target page returned by the server, wherein the second target page displays first file content of the second code file and second file content of a third code file;

comparing the first document content and the second document content in the second target page to determine a first portion of the first document content that is different from the second document content and/or to determine a second portion of the second document content that is different from the first document content;

marking the first portion of the first document content in the second destination page, and/or marking the second portion of the second document content in the second destination page.

6. The method of claim 5, further comprising:

sending second operation information to the server, wherein the second operation information is used for triggering the server to modify the marked first part and/or second part; merging the modified first part and/or the modified second part with the same part in the first file content and the second file content to obtain merged code file content, and updating the second target page by using the merged code file content;

and receiving and displaying the updated second target page sent by the server.

7. The method of claim 6, wherein the updated second target page comprises a first region and a second region, wherein the first file content and the second file content are displayed in the first region, and wherein the merged code file content is displayed in the second region.

8. The method of claim 1, further comprising:

acquiring URL information input in a search box, and sending a search request to the server, wherein the search request comprises the URL information and is used for determining information for searching a file tree;

receiving information of the search file tree returned by the server;

rendering is carried out according to the information of the search file tree, and display content of the search file tree is obtained.

9. The method of claim 8, wherein the searching information of the file tree comprises: a directory of a primary folder, wherein the primary folder is matched with a target ID carried by the URL information;

the rendering the information of the search file tree to obtain the display content of the search file tree comprises the following steps:

and rendering the directories of the primary folders to obtain the primary folders.

10. The method of claim 9, further comprising:

monitoring query operation on each primary folder;

responding to the query operation, and sending a resource query request to the server; the resource query request comprises an identifier of a target primary folder for executing the query operation, and is used for querying each file and each subfolder under the target primary folder;

receiving all files and all subfolders under the target primary folder returned by the server;

and rendering the files and the subfolders under the target primary folder to obtain the search file tree.

11. The method of claim 9, further comprising:

periodically acquiring partial files and/or partial sub-folders in the primary folder from the server;

rendering the partial files and/or partial sub-folders to obtain the search file tree.

12. The method of claim 8, wherein the searching information of the file tree comprises: all folders matched with the target ID carried by the URL information and all files and sub-folders under all the folders;

and rendering each folder matched with the target ID, each file and each subfolder under each folder to obtain the search file tree.

13. The method according to any one of claims 10-12, further comprising:

acquiring a search keyword input in the search box;

matching the search keyword with the file name of each file in the search file tree to determine a target file with the file name matched with the search keyword;

and marking the target file.

14. The method of claim 13, further comprising:

and hiding all folders and files in the search file tree in response to the fact that the target files matched with the search keywords do not exist in the search file tree.

15. The method of claim 13, further comprising:

monitoring the trigger operation of the marked target file;

and responding to the trigger operation of the marked target file, and displaying the file content corresponding to the target file in an interface.

16. The method according to claim 15, wherein said interface includes a first visual area and a second visual area, said search file tree is displayed in said first visual area, and said file content corresponding to said target file is displayed in said second visual area.

17. The method of claim 8, wherein before obtaining the URL information entered by the user in the search box, the method further comprises:

and displaying the set format corresponding to the URL information.

18. A code online editing method is applied to a server, and comprises the following steps:

receiving a link of a first code file sent by a client;

returning a first target page to the client;

and sending the updated first target page to the client.

19. The method of claim 18, wherein the first target page comprises a plurality of regions, each region being configured to display the file content of one of the candidate code files, and each region displaying a selection control; the first operation information comprises an identifier of a target area, and the target area is determined according to an area for executing triggering operation in the plurality of areas by monitoring the triggering operation of the selection control displayed in the plurality of areas;

the determining, in response to the first operation information, an object code file from each of the candidate code files includes:

determining the file content of the candidate code file displayed in the target area according to the identification of the target area;

and determining the target code file according to the file content of the candidate code file displayed in the target area.

20. The method according to claim 18 or 19, wherein the first target page further exhibits an upload control and/or a cancel control, the method further comprising:

receiving a triggering operation aiming at the uploading control sent by the client, responding to the triggering operation aiming at the uploading control, and saving the updated target code file;

or,

and receiving a trigger operation aiming at the cancel control sent by the client, and restoring the updated file content of the target code file into the file content of the target code file before updating in response to the trigger operation aiming at the cancel control.

21. The method of claim 18, further comprising:

receiving a code file query request sent by the client, and responding to the code file query request to acquire a second code file and a third code file;

generating a second target page according to the first file content of the second code file and the second file content of the third code file;

returning a second target page to the client; the second target page is used for displaying, and comparing the first file content with the second file content to determine a first part of the first file content, which is different from the second file content, and/or determine a second part of the second file content, which is different from the first file content, and mark the first part of the first file content, and/or mark the second part of the second file content.

22. The method of claim 21, further comprising:

receiving second operation information sent by the client, and responding to the second operation information to modify the marked first part and/or second part;

merging the modified first part and/or the modified second part with the same part in the first file content and the second file content to obtain merged code file content;

updating the second target page by using the content of the merged code file;

and sending the updated second target page to the client.

23. The method of claim 18, further comprising:

receiving search request information sent by the client, wherein the search request information comprises URL information input in a search box;

responding to the search request information, and determining information of a search file tree according to the URL information;

and returning the information of the search file tree to the client, wherein the information of the search file tree is used for rendering to obtain the display content of the search file tree.

24. The method of claim 23, wherein determining information for searching a file tree based on the URL information comprises:

analyzing the URL information to determine a target ID carried by the URL information;

determining a primary folder matched with the target ID;

and determining the directory of the primary folder as the information of the search file tree.

25. The method of claim 24, further comprising:

receiving a first resource query request sent by the client, wherein the first resource query request comprises an identifier of a target primary folder for executing query operation;

inquiring each file and each subfolder under the target primary folder according to the identifier of the target primary folder;

and sending the files and the subfolders under the target first-level folder to the client, wherein the files and the subfolders under the target first-level folder are used for rendering to obtain the search file tree.

26. An online code editing apparatus applied to a client, the apparatus comprising:

27. An online code editing apparatus applied to a server, the apparatus comprising:

the sending module is used for returning a first target page to the client;

28. A client, comprising:

a processor;

a memory for storing executable instructions of the processor;

wherein the processor is configured to call and execute the memory-stored executable instructions to implement the code online editing method of any one of claims 1-17.

29. A server, comprising:

a processor;

a memory for storing executable instructions of the processor;

wherein the processor is configured to call and execute the memory-stored executable instructions to implement the code online editing method of any one of claims 18-25.

30. A non-transitory computer-readable storage medium having stored thereon a computer program, wherein the program, when executed by a processor, implements a method for code online editing as recited in any one of claims 1-17, or implements a method for code online editing as recited in any one of claims 18-25.