CN107463382B

CN107463382B - Method for navigating webpage module

Info

Publication number: CN107463382B
Application number: CN201710681270.7A
Authority: CN
Inventors: 杨超; 唐俊杰; 王旭
Original assignee: Shanghai Zhuangsheng Mechatronics Engineering Equipment Co ltd
Current assignee: Shanghai Zhuangsheng Mechatronics Engineering Equipment Co ltd
Priority date: 2017-08-10
Filing date: 2017-08-10
Publication date: 2021-08-03
Anticipated expiration: 2037-08-10
Also published as: CN107463382A

Abstract

The invention discloses a method for navigating a webpage module, which comprises the following steps: A. hooking the webpage component with an internal object of Niagara4 by using a bajaUX interface API provided by Niagara 4; B. the method has the advantages that the template technology of the Niagara4 is used, the navigation page of the webpage is divided into key components such as a navigation bar, buttons and a working area, the key components are used as the template, the attributes of the objects in the Niagara4 are transmitted to the corresponding attributes of the key components of the webpage through the bajaUX technology, the method simplifies the manufacture of the first page of the Niagara4 website, and a user only needs to understand a small amount of operation knowledge of the Niagara, so that the beautiful website first page can be manufactured through the module.

Description

Method for navigating webpage module

Technical Field

The invention relates to a building automatic control system, in particular to a webpage navigation module method.

Background

The Niagara4 system is a building automatic control system software, and there are two solutions in the prior art when the software is used for making the web page navigation of the automatic control station:

1 use PX view in Niagara software to add navigation link button in each view in the system.

1.1, the advantages are that: the implementation of this scheme can be grasped as long as the method of use of the Niagara software is known.

1.2 disadvantages: all relevant link buttons must be added in each view, and if there are many views,

1.3 Each link button that is modified or added or deleted at the time of a later maintenance modification must be manipulated to each link button in each view. Also, it is difficult to integrate web pages from other systems into the system.

And 2, manually writing a webpage as a navigation frame, writing a statement in a button, embedding each view in the system into an IFram area in the navigation frame by using an IFram technology, reversely fusing a PX view of the Niagara into the webpage, copying the webpage into the Niagara, and navigating a website head page to the webpage.

2.1, the advantages are that: besides fusing various PX views in Niagara, the method can also fuse web pages of other systems, and simultaneously can also render a beautiful home page by utilizing various latest technologies of the Internet.

The disadvantages are as follows: besides the use method of the Niagara software, the user also needs to learn to make a webpage so as to successfully make a webpage of the self-control site. In addition, each button of the navigation mode needs to make a web page, and when the navigation mode is maintained later, each web page related to the button needs to be modified when a navigation button is modified or added or deleted.

Disclosure of Invention

The technical problem to be solved by the invention is to provide a method for navigating a webpage module, so as to solve the problems mentioned in the background technology.

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

a method for navigating a webpage module comprises the following steps:

A. hooking the webpage component with an internal object of Niagara4 by using a bajaUX interface API provided by Niagara 4;

B. using a template technology of Niagara4, splitting a webpage navigation page into key components such as a navigation bar, buttons, a working area and the like as a template, and then transmitting key parameters to corresponding attributes of the webpage key components by the attributes of an internal object of Niagara4 through bajaUX technology;

C. and reading the file structure of the module in the Niagara4 by using a JavaScript statement in the webpage through a bajaScript technology of the Niagara4, renting the key components of the webpage according to the file structure of the module, and finally generating the navigation webpage.

Compared with the prior art, the invention has the beneficial effects that: 1. the homepage for manufacturing the Niagara4 site is simplified, and a user can manufacture a beautiful site homepage by using the module only by knowing a small amount of operation knowledge of the Niagara.

2. The method has the advantages that the homepage for manufacturing the Niagara4 website is speeded, and a user can generate a navigation webpage structure corresponding to the object directory tree only by arranging the object directory tree of the module.

3. The method and the device enable the first page of the Niagara4 site to be maintained more easily, and when a user needs to modify, add or delete a certain navigation item in later maintenance, the navigation item on the webpage can be modified only by modifying the corresponding module object attribute of the corresponding navigation item.

Detailed Description

The technical solutions in the embodiments of the present invention will be clearly and completely described below, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.

A method for navigating a webpage module comprises the following steps:

The working principle of the invention is as follows: 1 use bajaUX interface API provided by Niagara4 to hook web page components with the internal objects of Niagara 4.

1.1 building a module named ZMUX, and building a home page object class and a button object class in the module.

1.2 binding the webpage JavaScript code with the home page object class in the ZSX module through the bajaUX interface API, thereby reading the button class object list under the home page object class.

1.3 in the Niagara4 software, will establish the instance object of the home page object class, the JavaScript file bound by this object is responsible for establishing the web page, and establish multiple hierarchical button object classes under this object, and can mount the button object class under the button object class again.

2, using a template technology of Niagara4, splitting a webpage navigation page into key components such as a navigation bar, buttons, a working area and the like as a template, and then transmitting key parameters of the attributes of the objects in the Niagara4 to corresponding attributes of the webpage key components through a bajaUX technology.

2.1 building a navigation document framework template by using HBS technology, wherein the template mainly comprises a top navigation bar, a side bar and a working area 3.

2.2 build navigation bar button object template file using HBS technology.

2.3 Using HBS technology, a sidebar button object template file is created.

3, reading a file structure of a module in the Niagara4 by using a JavaScript statement in the webpage through a bajaScript technology of the Niagara4, renting key components of the webpage according to the file structure of the module, and finally generating the navigation webpage.

3.1 when the webpage accesses the Niagara4 system, the Niagara4 system returns the webpage JavaScript file bound by the ZMUX module to the browser.

And 3.2 the browser executes the JavaScript file, and obtains all attributes of the instance objects of the first page object class of the bound ZMUX module and all button instance objects below the instance objects through the bajaScript technology.

3.3 reading the object attribute of the home page instance, and adding the home page link and the home page title of the object attribute into the HBS template of the webpage structure.

3.4 reading the button object instance under the home page instance object, setting a navigation bar button template according to the attribute of the button object instance, generating specific navigation bar buttons, and adding the buttons to a navigation bar in the webpage structure HBS template.

3.5 reading the button object instance under each navigation bar button, setting a sidebar button template according to the attribute of the button, generating specific sidebar buttons, adding the sidebar buttons to a sidebar div, setting the property of the sidebar div, binding the property with the parent navigation bar button object, and adding the property into the sidebar area in the webpage structure HBS template.

And 3.6, generating a navigation bar button event, and switching the side bar area to a side bar div group corresponding to the navigation bar button when the navigation bar button is clicked.

3.7 generating a sidebar button event, when the sidebar button is clicked, switching the workspace content to the webpage specified by the sidebar button.

Claims

1. A method for navigating a web page module, comprising the steps of:

A. using the bajaUX interface API provided by Niagara4, the webpage components are hooked to the internal objects of Niagara 4: establishing a module named ZMUX, and establishing a home page object class and a button object class in the module; binding a webpage JavaScript code with a home page object class in a ZMUX module through a bajaUX interface API, so that a button class object list under the home page object class can be read; an instance object of a home page object class is established in Niagara4 software, a JavaScript file bound by the object is responsible for establishing a webpage, a plurality of hierarchical button object classes are established under the object, and the button object classes can be mounted under the button object classes;

B. using a template technology of Niagara4, splitting a webpage navigation page into a navigation bar, buttons and working area key components as a template, and then transmitting key parameters to corresponding attributes of the webpage key components by the attributes of an internal object of Niagara4 through bajaUX technology;