CN112988150B - Page label operation method and device and electronic equipment - Google Patents
Page label operation method and device and electronic equipment Download PDFInfo
- Publication number
- CN112988150B CN112988150B CN202110178817.8A CN202110178817A CN112988150B CN 112988150 B CN112988150 B CN 112988150B CN 202110178817 A CN202110178817 A CN 202110178817A CN 112988150 B CN112988150 B CN 112988150B
- Authority
- CN
- China
- Prior art keywords
- tab
- composite
- target object
- sub
- editor
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Abstract
The embodiment of the specification provides a tab operation method, a tab operation device and electronic equipment, wherein in the tab operation method, after the operation of a user in an editor is detected, the operation is determined to be the selection operation of an object included in a first object selector of the editor; acquiring a target object selected by a user in a first object selector; when the target object is an object in a composite object, if the composite tab corresponding to the composite object does not exist in a tab column of an editor, opening the composite tab corresponding to the composite object, opening a sub tab corresponding to the target object in the composite tab, and setting the sub tab corresponding to the target object to be in a selected state; wherein the objects in the composite object comprise primary objects or secondary objects; finally, the target object is displayed in the interface container of the editor.
Description
[ technical field ] A method for producing a semiconductor device
The embodiment of the specification relates to the technical field of internet, in particular to a tab operation method and device and electronic equipment.
[ background of the invention ]
The editor refers to an application program or a single-page web application program used for creating, editing and producing a target object, and has the characteristics of high interaction density and high information density. Depending on the target object, the editor can be subdivided into a visualization editor, a code editor, a document editor, etc.
In an editor, a tab switching component is usually used to edit and manage different data objects, but at present, the tab switching component commonly used in the industry can only be used to classify and manage different data objects of the same information level, and each tab can only manage one data object correspondingly. With the development of business scenes of a business (B) side of an enterprise, the current tab switching component obviously cannot meet the requirements of products and users. Taking an expert coding scene in a big data research and development product as an example, birth of one asset can be completed in a non-standard data research and development mode (writing tasks directly through a code editor) or a standard data research and development expert coding mode (writing a model through a model editor and writing a plurality of code tasks correspondingly), if the asset is in the latter scene, the existing tab switching component cannot well meet the requirements of the product, and the traditional tab switching component is directly adopted to manage a composite object of 'model + task', so that the problems of disordered product information architecture, unclear interaction link, inefficient user management and data object editing and the like can be caused.
Therefore, it is necessary to provide a tab operation method for managing a composite object to meet the requirements of the B-side service and improve the user experience.
[ summary of the invention ]
The embodiment of the specification provides a tab operation method, a tab operation device and electronic equipment, so that one or more composite objects are managed through a composite tab, the requirements of a service at a B terminal are met, and the user experience is improved.
In a first aspect, an embodiment of the present specification provides a tab operating method, including: detecting the operation of a user in the editor; determining that the operation is a selection operation of an object included in a first object selector of the editor; acquiring a target object selected by the user in the first object selector; when the target object is an object in a composite object, if the composite tab corresponding to the composite object does not exist in the tab bar of the editor, opening the composite tab corresponding to the composite object, opening a sub tab corresponding to the target object in the composite tab, and setting the sub tab corresponding to the target object to be in a selected state; wherein objects in the composite object comprise primary objects or secondary objects; displaying the target object in an interface container of the editor.
In one possible implementation manner, after the obtaining of the target object selected by the user in the first object selector, the method further includes: when the target object is an object in a composite object, if a composite tab corresponding to the composite object exists in a tab column of the editor but a sub-tab corresponding to the target object does not exist in the composite tab, opening the sub-tab corresponding to the target object in the composite tab, and setting the sub-tab corresponding to the target object to be in a selected state; displaying the target object in an interface container of the editor.
In one possible implementation manner, after the obtaining of the target object selected by the user in the first object selector, the method further includes: when the target object is an object in a composite object, if a composite tab corresponding to the composite object exists in a tab column of the editor and a sub-tab corresponding to the target object exists in the composite tab, switching and selecting the sub-tab corresponding to the target object in the composite tab; displaying the target object in an interface container of the editor.
In one possible implementation manner, if a composite tab corresponding to the composite object already exists in a tab column of the editor and a sub tab in a selected state exists in the composite tab, after a selection operation of the user on an object included in a second object selector of the editor is detected, a target object selected by the user in the second object selector is acquired; wherein the object included by the second object selector is an object included by the composite object; if the sub-tab corresponding to the target object exists in the composite tab, switching and selecting the sub-tab corresponding to the target object in the composite tab; displaying the target object in an interface container of the editor.
In one possible implementation manner, after the obtaining of the target object selected by the user in the second object selector, the method further includes: if the sub-tab corresponding to the target object does not exist in the composite tab, opening the sub-tab corresponding to the target object in the composite tab, and setting the sub-tab corresponding to the target object to be in a selected state; displaying the target object in an interface container of the editor.
In one possible implementation manner, the sub-tabs corresponding to the main object in the composite object are displayed at the leftmost side of the composite tab corresponding to the composite object, and the sub-tabs corresponding to the secondary objects in the composite object are arranged from left to right on the right side of the sub-tabs corresponding to the main object according to the opening sequence.
In one possible implementation manner, the sub tabs in the unselected state included in the composite tab corresponding to the composite object include state icons, and the state icons are used for representing the running states of the objects corresponding to the sub tabs.
In a second aspect, an embodiment of the present specification provides a tab operating device, including: the detection module is used for detecting the operation of a user in the editor; a determining module, configured to determine, after the detecting module detects an operation of a user in an editor, that the operation is a selection operation on an object included in a first object selector of the editor; an obtaining module, configured to obtain a target object selected by the user in the first object selector; an opening module, configured to, when the target object obtained by the obtaining module is an object in a composite object, if a composite tab corresponding to the composite object does not exist in a tab column of the editor, open the composite tab corresponding to the composite object, open a sub tab corresponding to the target object in the composite tab, and set the sub tab corresponding to the target object in a selected state; wherein an object in the composite object comprises a primary object or a secondary object; and the display module is used for displaying the target object in the interface container of the editor.
In one possible implementation manner, the opening module is further configured to, when the target object obtained by the obtaining module is an object in a composite object, if a composite tab corresponding to the composite object exists in a tab column of the editor but a sub-tab corresponding to the target object does not exist in the composite tab, open the sub-tab corresponding to the target object in the composite tab, and set the sub-tab corresponding to the target object to a selected state; the display module is further configured to display the target object in an interface container of the editor.
In one possible implementation manner, the apparatus further includes: a switching module; the switching module is configured to, when the target object obtained by the obtaining module is an object in a composite object, switch and select a sub tab corresponding to the target object in the composite tab if the composite tab corresponding to the composite object exists in a tab column of the editor and a sub tab corresponding to the target object exists in the composite tab; the display module is further configured to display the target object in an interface container of the editor.
In one possible implementation manner, the apparatus further includes: a switching module; the acquiring module is further configured to, when a composite tab corresponding to the composite object already exists in a tab column of the editor and a sub-tab in a selected state exists in the composite tab, acquire a target object selected by the user in a second object selector after detecting a selection operation of the user on an object included in the second object selector of the editor; wherein the object included by the second object selector is an object included by the composite object; the switching module is configured to switch and select the sub tab corresponding to the target object in the composite tab when the sub tab corresponding to the target object exists in the composite tab; the display module is further configured to display the target object in an interface container of the editor.
In a possible implementation manner, the opening module is further configured to, after the obtaining module obtains the target object selected by the user in the second object selector, open the sub tab corresponding to the target object in the composite tab if the sub tab corresponding to the target object does not exist in the composite tab, and set the sub tab corresponding to the target object to a selected state; the display module is further configured to display the target object in an interface container of the editor.
In a third aspect, an embodiment of the present specification provides an electronic device, including: at least one processor; and at least one memory communicatively coupled to the processor, wherein: the memory stores program instructions executable by the processor, the processor calling the program instructions to be able to perform the method provided by the first aspect.
In a fourth aspect, embodiments of the present specification provide a non-transitory computer-readable storage medium storing computer instructions for causing a computer to perform the method provided in the first aspect.
It should be understood that the second to fourth aspects of the embodiments of the present description are consistent with the technical solution of the first aspect of the embodiments of the present description, and similar beneficial effects are obtained in all aspects and corresponding possible implementation manners, and are not described again.
[ description of the drawings ]
In order to more clearly illustrate the technical solutions of the embodiments of the present disclosure, the drawings needed to be used in the embodiments will be briefly described below, and it is obvious that the drawings in the following description are only some embodiments of the present disclosure, and it is obvious for those skilled in the art to obtain other drawings based on the drawings without creative efforts.
Fig. 1 is a schematic diagram of an interface framework of an editor provided in the related art;
FIG. 2 is a flowchart of a method for operating a tab according to an embodiment of the present disclosure;
FIG. 3(a) is a schematic diagram of an interface of an editor provided in one embodiment of the present specification;
FIG. 3(b) is a schematic diagram of an editor interface provided in another embodiment of the present description;
FIG. 3(c) is a schematic diagram of an editor interface provided in a further embodiment of the present description;
FIG. 4 is a flowchart of a method for operating a tab according to another embodiment of the present disclosure;
FIG. 5 is a schematic diagram of an editor interface provided in a further embodiment of the present description;
FIG. 6 is a diagram of a tab bar of an editor as provided by one embodiment of the present description;
FIG. 7 is a schematic view of a tab bar provided in another embodiment of the present description;
FIG. 8 is a schematic view of a tab bar provided in accordance with a further embodiment of the present description;
FIG. 9 is a schematic view of a tab bar provided in accordance with yet another embodiment of the present description;
FIG. 10 is a schematic view of a tab bar provided in accordance with yet another embodiment of the present description;
FIG. 11 is a schematic view of a tab bar provided in accordance with yet another embodiment of the present description;
FIG. 12 is a schematic view of a tab bar provided in accordance with yet another embodiment of the present description;
FIG. 13 is a schematic structural diagram of a tab handling device according to an embodiment of the present disclosure;
FIG. 14 is a schematic structural diagram of a tab handling device according to another embodiment of the present disclosure;
fig. 15 is a schematic structural diagram of an electronic device provided in an embodiment of the present specification.
[ detailed description ] embodiments
In order to better understand the technical solution of the present specification, the following detailed description is made with reference to the accompanying drawings.
It should be understood that the described embodiments are only a few embodiments of the present specification, and not all embodiments. All other embodiments obtained by a person skilled in the art based on the embodiments in the present specification without any inventive step are within the scope of the present specification.
The terminology used in the embodiments of the specification is for the purpose of describing particular embodiments only and is not intended to be limiting of the specification. As used in the specification examples and the appended claims, the singular forms "a", "an", and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise.
Fig. 1 is a schematic diagram of an interface framework of an editor provided in the related art, in the existing editor, a tab switching component is usually used to edit and manage different data objects, but the tab switching component commonly used in the industry at present can only be used to classify and manage different data objects of the same information level, and each tab can only manage one data object correspondingly. With the development of a service scene of a B-end, the existing tab switching component obviously cannot meet the requirements of products and users. Taking an expert coding scene in a big data research and development product as an example, birth of one asset can be completed in a non-standard data research and development mode (writing tasks directly through a code editor) or a standard data research and development expert coding mode (writing a model through a model editor and writing a plurality of code tasks correspondingly), if the asset is in the latter scene, the existing tab switching component cannot well meet the requirements of the product, and the traditional tab switching component is directly adopted to manage a composite object of 'model + task', so that the problems of disordered product information architecture, unclear interaction link, inefficient user management and data object editing and the like can be caused.
In view of the above problems, embodiments of the present specification provide a tab operating method, in which a composite tab is provided, so that a group (one or more) of related data objects (hereinafter, referred to as a composite object) can be managed by the composite tab in a tab switching component. In addition to meeting the requirement scenario of the B-side service, the tab operation method provided in the embodiment of the present specification can also improve the user experience, and the improvement on the user experience is mainly embodied in the following aspects: 1. clear, the dependence and the incidence relation of the composite object can be clearly represented through the composite tab, and the user is helped to establish clear product cognition; 2. high efficiency, through the composite tab, the user can quickly locate, edit and manage the associated different objects directly through the tab switching component; 3. and the immersive mode can ensure that the sub-objects in the composite object monopolize one interface window under respective editing scenes through the introduction of the composite tab, so that the immersive experience is given to the user.
In addition, the tab operation method provided in the embodiment of the present specification may be applied not only to an editor but also to a browser, and the embodiment of the present specification does not limit an application scenario of the tab operation method.
The terms mentioned in the embodiments of the present specification are explained below.
1) The tab switching component: an interactive component commonly used in a user interface is generally composed of a tab and an interface container, and different tabs control different contents displayed in the interface container.
2) And (4) page labeling: a separate option within the tab switching component.
3) Compound type page label: a composite tab (tab) that can be subdivided into a plurality of sub-tabs. Upward, flat with other uncompounded tabs, inward, may be further subdivided into multiple sub-tabs.
4) A composite object: a composite object may be further divided into a plurality of different sub-objects.
Fig. 2 is a flowchart of a tab operating method according to an embodiment of the present disclosure, and as shown in fig. 2, the tab operating method may include:
in step 202, a user operation in an editor is detected.
Specifically, if the target object selected by the user in the first object selector is a main object in the composite object, the main object in the composite object is displayed in an interface container of the editor, where an interface architecture of the editor may be as shown in fig. 3(a), where fig. 3(a) is a schematic diagram of an interface of the editor provided in one embodiment of this specification. As can be seen from fig. 3(a), the editor includes a first object selector 31 and a second object selector 32, wherein the selectable range of the first object selector 31 is all objects, and the selectable range of the second object selector 32 is objects in the currently opened composite object. In addition, the primary object A-0, the secondary object A-1, the secondary object A-2 and the secondary object A-3 in the first object selector 31 constitute a composite object, similarly, the primary object B-0, the secondary object B-1 and the secondary object B-2 constitute a composite object, the primary object C-0, the secondary object C-1, the secondary object C-2 and the secondary object C-3 constitute a composite object, the number of primary objects in the composite object is unique, and the number of secondary objects is greater than or equal to 0.
If the target object selected by the user in the first object selector 31 is a secondary object in the composite object, the secondary object in the composite object is displayed in the interface container of the editor, and the interface architecture of the editor may be as shown in fig. 3(b), where fig. 3(b) is a schematic diagram of an interface of the editor provided in another embodiment of this specification. As can be seen from fig. 3(b), there is a return button 33 in the toolbar of the secondary object, and clicking the return button 33 can quickly switch the sub tab.
In contrast, fig. 3(c) is a schematic view showing an interface of an editor when a target object selected by a user in the first object selector 31 is a general object, and fig. 3(c) is a schematic view of an interface of an editor provided in a further embodiment of the present specification. As can be seen from fig. 3(c), when the target object selected by the user is a normal object, the second object selector is not included in the interface of the editor.
In fig. 3(a) to 3(c), the tabs corresponding to different objects may be distinguished by using a space, a color, or another style, and the distinguishing manner between the tabs corresponding to different objects is not limited in this embodiment.
Step 212, when the target object is an object in a composite object, if the composite tab corresponding to the composite object exists in the tab column of the editor but the sub-tab corresponding to the target object does not exist in the composite tab, opening the sub-tab corresponding to the target object in the composite tab, and setting the sub-tab corresponding to the target object to be in a selected state. Then, step 210 is performed.
Fig. 4 is a flowchart of a tab operating method according to another embodiment of the present disclosure, in this embodiment, if a composite tab corresponding to the composite object already exists in a tab field of the editor, and a sub-tab in a selected state exists in the composite tab, the method may include:
step 402, after detecting the selection operation of the user on the object included in the second object selector of the editor, acquiring the target object selected by the user in the second object selector; wherein, the object included in the second object selector is the object included in the composite object. Then step 404 or step 408 is performed.
In this embodiment, the objects included in the composite object may include a primary object and a secondary object.
As described above, the selectable range of the second object selector 32 is the object in the currently opened composite object, so that if the composite tab corresponding to the composite object already exists in the tab bar of the editor and the sub-tab in the selected state exists in the composite tab, the second object selector 32 can be opened, and then the user can select the object included in the second object selector 32. After the second object selector 32 is opened, the interface of the editor may be as shown in fig. 5, and fig. 5 is a schematic diagram of the interface of the editor provided in another embodiment of the present specification. In FIG. 5, the second object selector 32 may further include an icon 34 for creating a new secondary object, and after the user clicks on the icon 34, the new secondary object may be created in the currently opened composite object.
In the tab operation method provided in the embodiment of the present specification, after detecting the operation of the user, the state change of the tab bar of the editor in response to the operation of the user may be as shown in fig. 6. Fig. 6 is a schematic diagram of a tab bar of an editor provided in an embodiment of the present specification.
Referring to FIG. 6, initially, when no object is operated in the editor, there is no tab in the tab bar, and the status of the tab bar is shown as 61 in FIG. 6; after the normal object a is opened, the status of the tab column is shown as 62, and then after the primary object a-0 in the composite object a is opened, the status of the tab column is shown as 63, and after the secondary object a-1 in the composite object a is continued to be opened, the status of the tab column is shown as 64, and further after the secondary object a-2 and the secondary object a-3 in the composite object a are successively opened, the status of the tab column is shown as 65.
In addition, in this embodiment, if the objects belonging to the same composite object are opened, all the objects are automatically grouped, and the tab of each object in the same composite object is displayed in the composite tab, as shown in fig. 7, fig. 7 is a schematic diagram of a tab bar provided in another embodiment of this specification. In fig. 7, 71 is a composite tab, which is a composite tab displayed after the object in the composite object a is opened.
In addition, as can be seen from fig. 7, in the embodiment of the present specification, the space 72 is used to distinguish tabs corresponding to different objects.
In this embodiment of the present specification, sub tabs corresponding to a primary object in a composite object are displayed on the leftmost side of the composite tab corresponding to the composite object, and sub tabs corresponding to secondary objects in the composite object are arranged from left to right in an open order on the right side of the sub tabs corresponding to the primary object. That is, if a main object in a composite object is opened, the sub-tabs corresponding to the main object are displayed on the leftmost side of the composite tab, and then the sub-tabs corresponding to the secondary objects are arranged from left to right according to the opening sequence, as shown in fig. 8, where fig. 8 is a schematic diagram of a tab column provided in another embodiment of this specification.
Fig. 9 is a schematic diagram of a tab column according to yet another embodiment of the present disclosure, as shown in fig. 9, a sub tab corresponding to a secondary object a-1 is a target sub tab, and when the target sub tab needs to be closed, if there is a sub tab on the right side of the target sub tab, the sub tab on the right side of the target sub tab is switched to a selected state after the target sub tab is closed, and referring to fig. 9, after the sub tab corresponding to the secondary object a-1 is closed, the sub tab corresponding to the secondary object a-2 is switched to a selected state; and if the right side of the target sub-tab has no sub-tab and the left side has the sub-tab, the sub-tab on the left side of the target sub-tab is switched to the selected state after the target sub-tab is closed.
Fig. 10 is a schematic diagram of a tab bar according to yet another embodiment of the present disclosure, as shown in fig. 10, clicking a sub-tab can quickly switch a sub-tab in a composite tab to a selected state, where the sub-tab in the selected state is in a completely expanded state, and the sub-tab in an unselected state is in a contracted state.
Fig. 11 is a schematic diagram of a tab bar according to still another embodiment of the present specification, as shown in fig. 11, when a mouse hovers (hover) over a tab, a full title of the tab may be presented through a floating prompt box (tooltip), regardless of whether the tab is in a fully expanded state.
In this embodiment, the sub tab in the unselected state included in the composite tab corresponding to the composite object includes a state icon, and the state icon is used to indicate the running state of the object corresponding to the sub tab. Fig. 12 is a schematic diagram of a tab bar according to yet another embodiment of the present specification, and referring to fig. 12, for a sub-tab in an unselected state in a composite tab, if an object corresponding to the sub-tab has a running state, for example: if the operation is successful, failed or in operation, the state icon can be used for replacing the original object icon, and the operation state of the object corresponding to the sub-page label is displayed; for the sub-tab in the composite tab in the selected state (for example, the sub-tab corresponding to the main object a-0 in fig. 12), the running state of the main object a-0 is not displayed in the sub-tab, and the running state of the main object a-0 is displayed in the console below the editor.
In the tab operating method provided in the embodiment of the present specification, a composite tab is provided, where the composite tab is flat in the upward direction and flat in the inward direction with other common tabs, and the composite tab can be further subdivided into a plurality of sub tabs. Furthermore, the sub-objects in the composite object are divided into a main object and a secondary object, and data mapping is respectively carried out on the sub-objects and the sub-tabs of the composite tab, so that one composite tab correspondingly manages one composite object.
The foregoing description has been directed to specific embodiments of this disclosure. Other embodiments are within the scope of the following claims. In some cases, the actions or steps recited in the claims may be performed in a different order than in the embodiments and still achieve desirable results. In addition, the processes depicted in the accompanying figures do not necessarily require the particular order shown, or sequential order, to achieve desirable results. In some embodiments, multitasking and parallel processing may also be possible or may be advantageous.
Fig. 13 is a schematic structural diagram of a tab operating device according to an embodiment of the present disclosure, and as shown in fig. 13, the tab operating device may include: a detection module 1301, a determination module 1302, an acquisition module 1303, an opening module 1304 and a display module 1305;
the detection module 1301 is used for detecting the operation of a user in the editor;
a determining module 1302, configured to determine, after the detecting module 1301 detects an operation of a user in the editor, that the operation is a selection operation on an object included in a first object selector of the editor;
an obtaining module 1303, configured to obtain a target object selected by a user in the first object selector;
an opening module 1304, configured to, when the target object obtained by the obtaining module 1303 is an object in a composite object, if the composite tab corresponding to the composite object does not exist in the tab column of the editor, open the composite tab corresponding to the composite object, open a sub-tab corresponding to the target object in the composite tab, and set the sub-tab corresponding to the target object to a selected state; wherein the objects in the composite object comprise primary objects or secondary objects;
a display module 1305, configured to display the target object in an interface container of the editor.
The embodiment shown in fig. 13 provides a tab operating apparatus, which can be used to implement the technical solution of the method embodiment shown in fig. 2 in this specification, and the implementation principle and technical effects of the tab operating apparatus can be further referred to the related description in the method embodiment.
Fig. 14 is a schematic structural diagram of a tab operating apparatus according to another embodiment of the present disclosure, in this embodiment, the opening module 1304 is further configured to, when the target object acquired by the acquiring module 1303 is an object in a composite object, if a composite tab corresponding to the composite object exists in a tab column of an editor, but a sub-tab corresponding to the target object does not exist in the composite tab, open the sub-tab corresponding to the target object in the composite tab, and set the sub-tab corresponding to the target object to a selected state;
the display module 1305 is further configured to display the target object in the interface container of the editor.
Further, the tab operating device may further include: a switching module 1306;
a switching module 1306, configured to, when the target object obtained by the obtaining module 1303 is an object in a composite object, switch and select a sub tab corresponding to the target object in the composite tab if the composite tab corresponding to the composite object exists in a tab column of the editor and a sub tab corresponding to the target object exists inside the composite tab;
the display module 1305 is further configured to display the target object in the interface container of the editor.
Further, the obtaining module 1303 is further configured to, when a composite tab corresponding to the composite object already exists in a tab column of the editor and a sub-tab in a selected state exists in the composite tab, detect, by the detection module 1301, a selection operation of the user on an object included in a second object selector of the editor, and then obtain a target object selected by the user in the second object selector; wherein, the object included in the second object selector is the object included in the composite object;
a switching module 1306, configured to switch to select, in the composite tab, a sub-tab corresponding to the target object when the sub-tab corresponding to the target object exists in the composite tab;
the display module 1305 is further configured to display the target object in an interface container of the editor.
Further, the opening module 1304 is further configured to, after the obtaining module 1303 obtains the target object selected by the user in the second object selector, if the sub tab corresponding to the target object does not exist in the composite tab, open the sub tab corresponding to the target object in the composite tab, and set the sub tab corresponding to the target object to a selected state;
the display module 1305 is further configured to display the target object in an interface container of the editor.
The tab operating apparatus provided in the embodiment shown in fig. 14 can be used to implement the technical solutions of the method embodiments shown in fig. 2 to fig. 12 of the present application, and the implementation principles and technical effects thereof can be further referred to the related descriptions in the method embodiments.
Fig. 15 is a schematic structural diagram of an electronic device provided in an embodiment of the present specification, where as shown in fig. 15, the electronic device may include at least one processor; and at least one memory communicatively coupled to the processor, wherein: the memory stores program instructions executable by the processor, and the processor calls the program instructions to execute the tab operation method provided by the embodiments shown in fig. 2 to 12 in the present specification.
The electronic device may be a server, for example: the cloud server or the electronic device may also be a terminal device, and the form of the electronic device is not limited in this embodiment.
FIG. 15 illustrates a block diagram of an exemplary electronic device suitable for use in implementing embodiments of the present specification. The electronic device shown in fig. 15 is only an example, and should not bring any limitation to the functions and the range of use of the embodiments of the present specification.
As shown in fig. 15, the electronic device is embodied in the form of a general purpose computing device. Components of the electronic device may include, but are not limited to: one or more processors 410, a communication interface 420, a memory 430, and a communication bus 440 that connects the various components (including the memory 430, the communication interface 420, and the processing unit 410).
Electronic devices typically include a variety of computer system readable media. Such media may be any available media that is accessible by an electronic device and includes both volatile and nonvolatile media, removable and non-removable media.
A program/utility having a set (at least one) of program modules, including but not limited to an operating system, one or more application programs, other program modules, and program data, may be stored in memory 430, each of which examples or some combination may include an implementation of a network environment. The program modules generally perform the functions and/or methods of the embodiments described in fig. 2-12 herein.
The processor 410 executes various functional applications and data processing by executing programs stored in the memory 430, for example, implementing the tab operation method provided by the embodiments shown in fig. 2 to 12 of the present specification.
The embodiment of the present specification provides a non-transitory computer readable storage medium, which stores computer instructions, and the computer instructions cause the computer to execute the tab operating method provided by the embodiment shown in fig. 2 to 12 of the present specification.
The non-transitory computer readable storage medium described above may take any combination of one or more computer readable media. The computer readable medium may be a computer readable signal medium or a computer readable storage medium. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples (a non-exhaustive list) of the computer readable storage medium would include the following: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a Read Only Memory (ROM), an Erasable Programmable Read Only Memory (EPROM) or flash memory, an optical fiber, a portable compact disc read only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the context of this document, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device.
A computer readable signal medium may include a propagated data signal with computer readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take any of a variety of forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device.
Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, Radio Frequency (RF), etc., or any suitable combination of the foregoing.
Computer program code for carrying out operations for aspects of the present specification may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, Smalltalk, C + + or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).
The foregoing description has been directed to specific embodiments of this disclosure. Other embodiments are within the scope of the following claims. In some cases, the actions or steps recited in the claims may be performed in a different order than in the embodiments and still achieve desirable results. In addition, the processes depicted in the accompanying figures do not necessarily require the particular order shown, or sequential order, to achieve desirable results. In some embodiments, multitasking and parallel processing may also be possible or may be advantageous.
In the description of the specification, reference to the description of the term "one embodiment," "some embodiments," "an example," "a specific example," or "some examples," etc., means 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 specification. 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 specification, "a plurality" means at least two, e.g., two, three, etc., unless explicitly defined 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 description 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 description.
The word "if" as used herein may be interpreted as "at … …" or "when … …" or "in response to a determination" or "in response to a detection", depending on the context. Similarly, the phrases "if determined" or "if detected (a stated condition or event)" may be interpreted as "when determined" or "in response to a determination" or "when detected (a stated condition or event)" or "in response to a detection (a stated condition or event)", depending on the context.
It should be noted that the terminal referred to in the embodiments of the present specification may include, but is not limited to, a Personal Computer (PC), a Personal Digital Assistant (PDA), a wireless handheld device, a tablet computer (tablet computer), a mobile phone, an MP3 player, an MP4 player, and the like.
In the several embodiments provided in this specification, it should be understood that the disclosed system, apparatus, and method may be implemented in other ways. For example, the above-described apparatus embodiments are merely illustrative, and for example, the division of the units is only one logical division, and there may be other divisions in actual implementation, for example, a plurality of units or components may be combined or integrated into another system, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection through some interfaces, devices or units, and may be in an electrical, mechanical or other form.
In addition, functional units in the embodiments of the present description may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit. The integrated unit can be realized in a form of hardware, or in a form of hardware plus a software functional unit.
The integrated unit implemented in the form of a software functional unit may be stored in a computer readable storage medium. The software functional unit is stored in a storage medium and includes several instructions to enable a computer device (which may be a personal computer, a server, or a network device) or a processor (processor) to execute some steps of the methods described in the embodiments of the present disclosure. And the aforementioned storage medium includes: various media capable of storing program codes, such as a U disk, a removable hard disk, a Read Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk, or an optical disk.
The above description is only a preferred embodiment of the present disclosure, and should not be taken as limiting the present disclosure, and any modifications, equivalents, improvements, etc. made within the spirit and principle of the present disclosure should be included in the scope of the present disclosure.
Claims (12)
1. A method of operating a tab, comprising:
detecting the operation of a user in the editor;
determining that the operation is a selection operation of an object included in a first object selector of the editor;
acquiring a target object selected by the user in the first object selector;
when the target object is an object in a composite object, if the composite tab corresponding to the composite object does not exist in the tab bar of the editor, opening the composite tab corresponding to the composite object, opening a sub tab corresponding to the target object in the composite tab, and setting the sub tab corresponding to the target object to be in a selected state; wherein an object in the composite object comprises a primary object or a secondary object;
displaying the target object in an interface container of the editor;
if a composite tab corresponding to the composite object exists in a tab column of the editor and a sub-tab in a selected state exists in the composite tab, acquiring a target object selected by the user in a second object selector of the editor after detecting a selection operation of the user on an object included in the second object selector; wherein the selectable range of the second object selector is an object in the currently opened composite object;
if the sub-tab corresponding to the target object exists in the composite tab, switching and selecting the sub-tab corresponding to the target object in the composite tab;
displaying the target object in an interface container of the editor.
2. The method of claim 1, wherein said obtaining a target object selected by the user in the first object selector further comprises:
when the target object is an object in a composite object, if a composite tab corresponding to the composite object exists in a tab column of the editor but a sub-tab corresponding to the target object does not exist in the composite tab, opening the sub-tab corresponding to the target object in the composite tab, and setting the sub-tab corresponding to the target object to be in a selected state;
displaying the target object in an interface container of the editor.
3. The method of claim 1, wherein said obtaining a target object selected by the user in the first object selector further comprises:
when the target object is an object in a composite object, if a composite tab corresponding to the composite object exists in a tab column of the editor and a sub-tab corresponding to the target object exists in the composite tab, switching and selecting the sub-tab corresponding to the target object in the composite tab;
displaying the target object in an interface container of the editor.
4. The method of claim 1, wherein the obtaining the target object selected by the user in the second object selector further comprises:
if the sub tab corresponding to the target object does not exist in the composite tab, opening the sub tab corresponding to the target object in the composite tab, and setting the sub tab corresponding to the target object to be in a selected state;
displaying the target object in an interface container of the editor.
5. The method of claim 1, 2, 3 or 4, wherein the sub-tabs corresponding to the primary objects in the composite object are displayed on the leftmost side of the composite tab corresponding to the composite object, and the sub-tabs corresponding to the secondary objects in the composite object are arranged from left to right in an open order on the right side of the sub-tabs corresponding to the primary objects.
6. The method according to claim 1, 2, 3 or 4, wherein the sub tab in the unselected state included in the composite tab corresponding to the composite object includes a status icon, and the status icon is used for representing the running status of the object corresponding to the sub tab.
7. A tab handling device comprising:
the detection module is used for detecting the operation of a user in the editor;
a determining module, configured to determine, after the detecting module detects an operation of a user in an editor, that the operation is a selection operation on an object included in a first object selector of the editor;
an obtaining module, configured to obtain a target object selected by the user in the first object selector;
an opening module, configured to, when the target object obtained by the obtaining module is an object in a composite object, if a composite tab corresponding to the composite object does not exist in a tab column of the editor, open the composite tab corresponding to the composite object, open a sub tab corresponding to the target object in the composite tab, and set the sub tab corresponding to the target object in a selected state; wherein an object in the composite object comprises a primary object or a secondary object;
a display module for displaying the target object in an interface container of the editor;
wherein the apparatus further comprises: a switching module;
the acquiring module is further configured to, when a composite tab corresponding to the composite object already exists in a tab column of the editor and a sub-tab in a selected state exists in the composite tab, acquire a target object selected by the user in a second object selector after detecting a selection operation of the user on an object included in the second object selector of the editor; wherein the selectable range of the second object selector is an object in the currently opened composite object;
the switching module is configured to switch and select the sub tab corresponding to the target object in the composite tab when the sub tab corresponding to the target object exists in the composite tab;
the display module is further configured to display the target object in an interface container of the editor.
8. The apparatus of claim 7, wherein,
the opening module is further configured to, when the target object obtained by the obtaining module is an object in a composite object, if a composite tab corresponding to the composite object exists in a tab column of the editor but a sub-tab corresponding to the target object does not exist in the composite tab, open the sub-tab corresponding to the target object in the composite tab, and set the sub-tab corresponding to the target object to a selected state;
the display module is further configured to display the target object in an interface container of the editor.
9. The apparatus of claim 7, further comprising: a switching module;
the switching module is configured to, when the target object obtained by the obtaining module is an object in a composite object, switch and select a sub tab corresponding to the target object in the composite tab if the composite tab corresponding to the composite object exists in a tab column of the editor and a sub tab corresponding to the target object exists in the composite tab;
the display module is further configured to display the target object in an interface container of the editor.
10. The apparatus of claim 7, wherein,
the opening module is further configured to, after the obtaining module obtains the target object selected by the user in the second object selector, open a sub tab corresponding to the target object in the composite tab if the sub tab corresponding to the target object does not exist in the composite tab, and set the sub tab corresponding to the target object in a selected state;
the display module is further configured to display the target object in an interface container of the editor.
11. An electronic device, comprising:
at least one processor; and
at least one memory communicatively coupled to the processor, wherein:
the memory stores program instructions executable by the processor, the processor invoking the program instructions to perform the method of any of claims 1 to 6.
12. A non-transitory computer-readable storage medium storing computer instructions that cause the computer to perform the method of any of claims 1-6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110178817.8A CN112988150B (en) | 2021-02-09 | 2021-02-09 | Page label operation method and device and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110178817.8A CN112988150B (en) | 2021-02-09 | 2021-02-09 | Page label operation method and device and electronic equipment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112988150A CN112988150A (en) | 2021-06-18 |
| CN112988150B true CN112988150B (en) | 2022-08-12 |
Family
ID=76392735
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110178817.8A Active CN112988150B (en) | 2021-02-09 | 2021-02-09 | Page label operation method and device and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112988150B (en) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103678640A (en) * | 2013-12-20 | 2014-03-26 | 广东威创视讯科技股份有限公司 | Device, system and interactive method for achieving data visualization displaying under Windows system |
| CN105094552A (en) * | 2015-07-25 | 2015-11-25 | 北京金山安全软件有限公司 | Display method and device of browser tab and terminal |
| CN105786920A (en) * | 2014-12-26 | 2016-07-20 | 阿里巴巴集团控股有限公司 | Method and device for presenting interface label |
| CN106502672A (en) * | 2016-10-21 | 2017-03-15 | 用友网络科技股份有限公司 | A kind of method that document information is shown with different grain size |
Family Cites Families (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7010782B2 (en) * | 2002-04-04 | 2006-03-07 | Sapphire Infotech, Inc. | Interactive automatic-test GUI for testing devices and equipment using shell-level, CLI, and SNMP commands |
| EP1965301A1 (en) * | 2007-02-27 | 2008-09-03 | Abb Research Ltd. | Method and system for generating a control system user interface |
| CN101419621B (en) * | 2008-12-18 | 2011-09-14 | 金蝶软件（中国）有限公司 | Method for switching page label and apparatus |
| CN103472977B (en) * | 2013-09-24 | 2017-05-24 | 北京奇虎科技有限公司 | Method and device for activating next label page when label page is closed |
| US20200311032A1 (en) * | 2019-03-26 | 2020-10-01 | Lincoln Learning Solutions, Inc. | System and Method for Content Development Management |
| CN111061529B (en) * | 2019-12-03 | 2022-04-26 | 明度智云(浙江)科技有限公司 | Configuration software multi-label page management method, device and storage medium |
| CN111796895A (en) * | 2020-06-29 | 2020-10-20 | 上海掌门科技有限公司 | Method and equipment for switching label pages |
-
2021
- 2021-02-09 CN CN202110178817.8A patent/CN112988150B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103678640A (en) * | 2013-12-20 | 2014-03-26 | 广东威创视讯科技股份有限公司 | Device, system and interactive method for achieving data visualization displaying under Windows system |
| CN105786920A (en) * | 2014-12-26 | 2016-07-20 | 阿里巴巴集团控股有限公司 | Method and device for presenting interface label |
| CN105094552A (en) * | 2015-07-25 | 2015-11-25 | 北京金山安全软件有限公司 | Display method and device of browser tab and terminal |
| CN106502672A (en) * | 2016-10-21 | 2017-03-15 | 用友网络科技股份有限公司 | A kind of method that document information is shown with different grain size |
Non-Patent Citations (2)
| Title |
|---|
| iview tabs标签页嵌套使用的问题;北堂棣;《https://segmentfault.com/q/1010000021737106》;20200213;第1页 * |
| 谷歌浏览器正在测试标签组功能和网页加载状态指示器;山外的鸭子哥;《https://www.landian.vip/archives/53814.html》;20181214;第1页 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112988150A (en) | 2021-06-18 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11442616B2 (en) | Content-based directional placement application launch | |
| CN112836074B (en) | Wallpaper display method and equipment | |
| CN109902255A (en) | Page mixing browsing record generation method, device, equipment and storage medium | |
| US20090249238A1 (en) | Automated directing of data to an application | |
| CN111190825A (en) | Automatic test method, system and robot | |
| CN113032083A (en) | Data display method, device, electronic equipment and medium | |
| CN110928626A (en) | Interface switching method and device and electronic equipment | |
| CN112214155B (en) | View information playing method, device, equipment and storage medium | |
| CN111813465A (en) | Information acquisition method, device, medium and equipment | |
| CN112988150B (en) | Page label operation method and device and electronic equipment | |
| CN115145777B (en) | Test method, system, device and storage medium | |
| CN115617441A (en) | Method and device for binding model and primitive, storage medium and computer equipment | |
| CN114138140B (en) | Information management method, electronic device, and storage medium | |
| CN115793911A (en) | Data processing method and device, electronic equipment and storage medium | |
| CN114548056A (en) | Rich text editing method, device and equipment | |
| CN109948251B (en) | CAD-based data processing method, device, equipment and storage medium | |
| CN115687704A (en) | Information display method and device, electronic equipment and computer readable storage medium | |
| CN109190097B (en) | Method and apparatus for outputting information | |
| CN112764802A (en) | Business logic customization method and device, electronic equipment and storage medium | |
| CN111949174A (en) | Control interface display method, device, equipment and storage medium | |
| CN112506592A (en) | Method, device, equipment and storage medium for determining page loading duration | |
| CN115544983B (en) | Data processing method, device, equipment and medium based on matrix equipment | |
| CN113342413B (en) | Method, apparatus, device, medium, and article for processing components | |
| CN111813663B (en) | Pointer type identification method, device, medium and equipment | |
| CN110795087B (en) | Primitive processing method and device for UML design drawing and computer equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |