Cooperative Development-implement the background management framework

Tag: Framework

As shown in the figure, the framework is the most basic B/S structure, which consists of four parts: header and footer, and menu and content, respectively. The header and footer sections are used to display the basic information of the website. The menu is used to divide and manage the business modules in the background, and the content displays the processing interface corresponding to each business.

Each module corresponds to a webpage and ensures the uniformity of all webpages. At the beginning of the layout, we thought of constructing a master page with the framework and using the master page to create a webpage, and then concatenate them through the hyperlink in the menu. In this way, it seems that the master page function is well used to achieve reuse of fixed parts (usually, the design of fixed parts of pages is complicated and the design of changed parts is simple ), however, there are still many inconveniences. Most obviously, the whole page will flash during page Jump, because the whole page needs to be re-loaded every time you jump, if there is a lot of content on the master page, loading takes a long time and affects the smoothness of the website.

The knowledge of tag target attributes solves this problem.

First, we will briefly introduce this attribute: If a <A> tag contains a target attribute, the browser will load and display the documents in the framework or window named by the href attribute of this tag with the same name as the target. We know that IFRAME can be used as a container and can hold web forms. Therefore, we add an IFRAME control in the content section of the original design interface, set the target attribute in the menu with the hyperlink label to target = "iframe. name ", so that all business pages will be automatically loaded into IFRAME.

In this way, you only need to consider satisfying your own business needs for each page layout. During page loading, only the changed part is loaded and displayed in IFRAME, this reduces the amount of data loaded into the page, saves loading time, and ensures smooth operation. At the same time, there is an unexpected benefit: we know that the querystriing method in the value passing on the page has a defect that the passed value will be displayed in the URL in the address bar. When this method is used, the page address of the Framework is always displayed in the address bar, so that this disadvantage is blocked.

Summary: This management navigation page mainly relies on the Target attribute of the IFRAME Control + HTML Tag, which not only makes page Jump loading easier, but also effectively hides the value passing information between pages.

Cooperative Development-implement the background management framework