CN113938380A

CN113938380A - Network equipment and interface dynamic adaptation method thereof

Info

Publication number: CN113938380A
Application number: CN202111176382.XA
Authority: CN
Inventors: 王小东; 刘写辉
Original assignee: Beijing Tiandihexing Technology Co Ltd
Current assignee: Beijing Tiandihexing Technology Co Ltd
Priority date: 2021-10-09
Filing date: 2021-10-09
Publication date: 2022-01-14
Anticipated expiration: 2041-10-09
Also published as: CN113938380B

Abstract

The invention discloses a network device and an interface dynamic adaptation method thereof, which comprises the following steps: step 1: firstly, loading an element set document; step 2: generating a main entry file in a root directory, and then creating a template according to functional requirements, wherein the template is provided with an independent controller; and step 3: finding out all element sets in the controller, and acquiring current state data of all network cards through communication with the middleware; and 4, step 4: then extracting classification independent from the total sequence according to the state data of all network cards; and 5: judging which kind of data application corresponding class according to the returned model; step 6: then according to the type and number of the network ports; and 7: and finally, adjusting the size of the wide and high pixels of the product panel according to the number of the net ports. The invention has the advantages of clearer logic, strong readability, clear division of labor for team development, easy control and full utilization of reusable codes; the module which can be used commonly is abstracted, the maintainability is strong, and the modules can be compatible with different types of hardware models.

Description

Network equipment and interface dynamic adaptation method thereof

Technical Field

The invention relates to the technical field of network equipment interface adaptation, in particular to network equipment and an interface dynamic adaptation method thereof.

Background

Network equipment is provided with one or more network cards, an equipment network card communication schematic diagram is usually displayed in a pre-installed system of the equipment in real time and used for displaying information such as network IP, gateway information, interface name and flow, but many products relate to hardware configuration of a system which is suitable for different models and specifications, and therefore the phenomenon that a product system cannot be adapted to various types of hardware is caused, the phenomenon that a network interface is disordered when the system switches one product type is mainly reflected in a network interface display area.

However, in the prior art, it is common that a separate static dom template is allocated to a javascript controller according to different models, a complete element sequence is defined in the javascript controller file, the marked sequence is bound to a dom structure, and the displayed service requirements are adjusted according to the difference of acquired data, so that different static templates need to be customized each time, and series problems such as disorder in distribution occur.

Disclosure of Invention

1. Technical problem to be solved

The invention aims to solve the problems that different static templates are required to be customized and the distribution is disordered in the prior art, and provides a network device and an interface dynamic adaptation method thereof.

2. Technical scheme

In order to achieve the purpose, the invention adopts the following technical scheme:

a network device and its interface dynamic adaptation method includes the following steps:

step 1: firstly, loading an element set document;

step 2: generating a main entry file in a root directory, and then creating a template according to functional requirements, wherein the template is provided with an independent controller;

and step 3: finding out all element sets in the controller, and acquiring current state data of all network cards through communication with the middleware;

and 4, step 4: then extracting the classification according to the state data of all network cards, wherein the classification is independent of the existence of the total sequence, defining the data classes of different hardware models, and injecting the data returned by different hardware models into the defined classes;

and 5: judging which kind of data application corresponding class according to the returned model;

step 6: then, judging which type of the expansion card slot is according to the type and the number of the network ports;

and 7: finally, the width and height pixel size of the product panel is adjusted according to the number of the network ports, so that the product panel is suitable for the panel area of the homepage.

Preferably, in step 1, a jquery operation element object is adopted, and a compiling environment script configuration is defined.

Preferably, the main entry file in step 2 is created by html.

Preferably, in step 3, jquery is used to find all element collections.

Preferably, step 5 does not need to rely on the main module to run separately, and the management port and the expansion port are respectively placed under the mgmtinfo object attribute and are respectively defined as agl0 and ext.

Preferably, the mgmtinfo object attributes are respectively: parameter eth represents the port name, parameter IP-port binding IP address, parameter IP6 represents the port binding IPV6 address, parameter mac represents the port mac address, parameter mask represents the port binding subnet mask, and parameter state represents the port status.

Preferably, in the step 6, all the network ports in the whole expansion card slot are traversed, and the corresponding network card icons are respectively applied.

3. Advantageous effects

Compared with the prior art, the invention has the advantages that:

(1) the method comprises the steps of firstly establishing an html static module for independently storing a DOM set, separating an element set template from a controller, independently editing and operating, establishing an element set sequence in a root directory, binding different internet ports on corresponding sequences, defining requirements in a controller file, extracting the same grouping elements in the DOM set, defining different classes, then obtaining data classification of the product model through ajax, applying different classes to each product, and compiling and operating.

(2) In the invention, the realization logic is clearer, the readability is strong, the team development labor division is clear, the control is easy, and the reusable code is fully utilized; the module which can be used commonly is abstracted, the maintainability is strong, and the modules can be compatible with different types of hardware models.

Drawings

Fig. 1 is a schematic diagram illustrating an adaptation execution step of a multi-port module in a network device and an interface dynamic adaptation method thereof according to the present invention;

fig. 2 is a diagram of a device network port adaptation model in a network device and a method for dynamically adapting an interface thereof according to the present invention.

Detailed Description

The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments.

Example 1:

referring to fig. 1-2, a network device and a method for dynamically adapting an interface thereof includes the following steps:

step 1: firstly, loading an element set document, adopting a jquery operation element object, and defining the configuration of a compiling environment script;

step 2: generating a main entry file in a root directory, wherein the file is created by html, and then creating a template according to functional requirements, wherein the template is provided with an independent controller;

and step 3: finding out all element collections by using jquery in the controller, and acquiring current state data of all network cards through communication with the middleware;

and 4, step 4: extracting classification according to the state data, wherein the classification is independent of the existence of the total sequence, defining data classes of different hardware models, and injecting data returned by different hardware models into the defined classes;

and 5: judging which kind of data application corresponding class according to the returned model, without depending on the independent operation of the main module, the management port and the expansion port are respectively placed under the mgmtinfo object attribute and defined as agl0 and ext, and the attributes of the agl0 and the ext are respectively:

1. the parameter eth: representing the port name;

2. and (3) parameter IP: binding an IP address by the network port;

3. parameter IP 6: the network port binds to the IPV6 address;

4. the parameter mac: a port mac address;

5. parameter mask: the net mouth binds the subnet mask;

6. and (3) parameter state: a network port state;

in the invention, the attribute slotinfo of the expansion port object respectively represents a pluggable expansion network card set of the current equipment, and respectively represents an expansion board card, and various types of network port integration can be generated in the expansion port object: a. four electrical ports, b, four electrical ports + four optical ports, c, eight electrical ports, etc., wherein, we take one of the network ports as an example, the following properties are respectively:

1. parameter content: the network interface is an array type, and the network interface comprises an IP address, a mac address and a gateway;

2. parameter num: the number of the network ports contained in the expansion board card;

3. parameter online: indicating whether the current internet access is online or not;

4. the slot parameter: the arrangement sequence of the network ports in the current plug-in and dial card;

step 6: judging the type of the expansion card slot according to the type and the number of the network ports, traversing all the network ports in the whole expansion card slot, and applying corresponding network card icons respectively;

and 7: and then the width and height pixel size of the product panel is adjusted according to the number of the network ports, so that the product panel is adaptive to the panel area of the homepage.

The method comprises the steps of firstly establishing an html static module for independently storing a DOM set, separating an element set template from a controller, independently editing and operating, establishing an element set sequence in a root directory, binding different internet ports on corresponding sequences, defining requirements in a controller file, extracting the same grouping elements in the DOM set, defining different classes, then obtaining data classification of the product model through ajax, applying different classes to each product, and compiling and operating.

In the invention, the realization logic is clearer, the readability is strong, the team development labor division is clear, the control is easy, and the reusable code is fully utilized; the module which can be used commonly is abstracted, the maintainability is strong, and the modules can be compatible with different types of hardware models.

The above description is only for the preferred embodiment of the present invention, but the scope of the present invention is not limited thereto, and any person skilled in the art should be considered to be within the technical scope of the present invention, and the technical solutions and the inventive concepts thereof according to the present invention should be equivalent or changed within the scope of the present invention.

Claims

1. A network device and its interface dynamic adaptation method, characterized by that, comprising the following steps:

step 1: firstly, loading an element set document;

2. The method as claimed in claim 1, wherein step 1 employs jquery operation element objects to define the script configuration of the compiling environment.

3. A network device and its interface dynamic adaptation method as claimed in claim 1, wherein the main entry file in step 2 is to be created by html.

4. The network device and its interface dynamic adapting method of claim 1, wherein in step 3, jquery is used to find all element collections.

5. The network device and its interface dynamic adapting method according to claim 1, wherein said step 5 does not need to rely on main module to run separately, and the management port and the expansion port are respectively placed under the mgmtinfo object attribute and defined as agl0 and ext.

6. The network device and its interface dynamic adaptation method of claim 5, wherein the mgmtinfo object attributes are respectively: parameter eth represents the port name, parameter IP-port binding IP address, parameter IP6 represents the port binding IPV6 address, parameter mac represents the port mac address, parameter mask represents the port binding subnet mask, and parameter state represents the port status.

7. The method according to claim 1, wherein in step 6, corresponding network card icons are applied to all ports in the entire expansion card slot.