Dynamic hierarchical directories on web pages using ASP and JavaScript

I. Dynamic hierarchical directory and its features
The so-called hierarchical directory is actually no stranger to everyone. People who are familiar with Windows operating systems must have an impression on the resource manager of the Windows file system and display the hierarchical directory (as shown in the following figure) like the resource manager, it is a tree structure.
 
By clicking the "folder" icon, you can see the sub-category under this category, so recursively until the last node.
This hierarchical directory is very important in many network applications. It has the following advantages:
1. strong intuition: even if a person who does not know the computer and does not frequently access the Internet, the hierarchical directory display will not lose his way in the sea of hyper text, but will be able to easily find the place he wants to go.
2. Easy management: for system compilation and maintenance personnel, this structure is also more conducive to the implementation of program modularization.
In short, a user-friendly webpage or application cannot be separated from a hierarchical directory. Many websites also adopt this form on their own pages, but most of the hierarchical directories are static, that is, they are all written in javascript or html. Therefore, when the content of a webpage changes, you must modify the source code of the webpage. The disadvantages of doing so are obvious, however, the main drawback is that it increases unnecessary workload for page maintenance personnel and reduces work efficiency, therefore, this article mainly introduces a method to achieve dynamic hierarchical directory using ASP and javascript. Dynamic hierarchical directory, that is, each node of the hierarchical directory displayed on the webpage is stored in the database in a certain data structure, therefore, you can add, delete, and modify databases to control the displayed content on the web page, which is convenient, intuitive, and quick.
To summarize the characteristics of dynamic hierarchical directories in one sentence, it makes up for its lack of flexibility and management and maintainability on the basis of fully carrying forward the advantages of the original static hierarchical directory.
II. System Overview
1. System environment
Server: WindowsNT, which is installed with IIS5.0 or IIS6.0, Oracle8 Database, and ODBC
Client: any operating system with TCP/IP protocol and Internet browsers (such as IE and NC)
2. Related technologies: ASP (Active Server Pages), Oracle Database, SQL language, JavaScript, HTML, CSS, etc.
3. Related development tools: DreamWeaver, PhotoShop, etc.
4. Related data structures
File category name database: law_type_name
Field name field meaning
Typekey category keyword (primary key)
Typename category name
F_point forward pointer to indicate the keywords of the upper-level category of the category
B _point backward pointer, indicating whether the class is a category or a specific file
0: it indicates that its subordinates are also categories, which are found in this database
1: it indicates that its subordinates are specific documents and should be in the database of laws and regulations
(Law_rule)
Laws and Regulations Database: law_rule