Backend Development
PHP Tutorial
Implement dynamic tree menu based on PHP and MySQL_PHP tutorial
Implement dynamic tree menu based on PHP and MySQL_PHP tutorial
Tree menus are widely used in many desktop application systems. Its main advantage is that the structure is clear, which helps users clearly know their current location. However, in the application of tree menus on the web, there are no ideal ready-made components that can be used directly. Therefore, in general, programmers mainly use JavaScript to implement some simple tree structure menus, but these menus are often prepared in advance. Defining each menu item and the hierarchical relationship between each menu item is not conducive to expansion. Once another menu structure is needed, it often needs to be rewritten, so it is not very convenient to use.
After studying function recursion, I found that this kind of tree menu can dynamically change the display of the tree menu through recursive functions, and there is no limit on the number of series. The following is the processing code for a dynamic tree menu I wrote using php, mysql, and javascript. If you are interested, come with me to see how I implement it:)
First of all, we A database is needed. In this database, we create the following table:
create table menu (
id tinyint(4) not null auto_increment,
parent_id tinyint(4) default '0' not null,
name varchar(20),
url varchar(60),
primary key (id)
);
The
id in this table is Index
parent_id is used to save the id number of the upper-level menu, if it is a first-level menu, it is 0
name is the name of the menu, which is the menu content to be displayed on the page
url If a menu For the last-level menu, you need to specify the URL address of the connection. This field is used to save this address. For other non-last-level menus, this field is empty
Okay, now that you have the database, you can Added some records, here are some records I used when doing testing:
insert into menu values ('1', '0', 'Personnel Management', '');
insert into menu values ( '2', '0', 'Communication', '');
insert into menu values ( '3', '1', 'File management', '');
insert into menu values ( '4', '1', 'Attendance Management', 'http://localhost/personal/attendance.php');
insert into menu values ( '5', '2', 'Address Book', '');
insert into menu values ( '6', '2', 'Web conference', '');
insert into menu values ( '7', '3', 'Add file' , 'http://localhost/personal/add_achive.php');
insert into menu values ( '8', '3', 'Search archive', 'http://localhost/personal/search_archive.php' );
insert into menu values ( '9', '3', 'Delete archive', 'http://localhost/personal/delete_archive.php');
insert into menu values ( '10', '5', 'Add communication record','http://localhost/communication/add_address.php');
insert into menu values ( '11', '5', 'Query communication record', http: //localhost/communication/search_address.php');
insert into menu values ('12', '5', 'Delete communication record', http://localhost/communication/delete_address.php');
insert into menu values ( '13', '6', 'Convene a meeting', 'http://localhost/communication/convence_meeting.php');
insert into menu values ( '14', '6', 'Meeting Query', 'http://localhost/communication/search_meeting.php');
When adding records, be sure to note that the parent_id of a non-first-level menu must be specified as the id of the upper-level menu number, otherwise your menu will not be displayed:)
Okay! With the database, the following is to read the menu from the database through php and javascript and display it:)
1. JavaScript script: function showmenu(menuid)
{
if(menuid .style.display=="none")
{
menuid.style.display="";
}
else
{
menuid.style.display="none" ;
}
}
This script is very simple, it is used to respond to the click event of a certain menu.
2. css file:
td {
font-family: "verdana", "宋体"; font-size: 12px; line- height: 130%; letter-spacing:1px
}
a:link {
color: #990000; font-family : "verdana", "宋体"; font-size: 12px; text-decoration: none; letter-spacing:1px
}
a:visited {
color: #990000; font-family: " verdana", "宋体"; font-size: 12px; text-decoration: none; letter-spacing:1px
}
a:active {
color: #990000; font-family: "verdana" , "宋体"; font-size: 12px; text-decoration: none; letter-spacing:1px
}
a:hover {
color: #ff0000; font-family: "verdana", " "宋体"; font-size: 12px; text-decoration: underline; letter-spacing:1px
}
.menu {
color:#000000; font-family: "verdana", "宋体"; font-size: 12px; cursor: hand
}
defines some basic style information, such as font, color, super The connection style, etc., if you want to change the style, just modify it here!
3. Below is my php page!
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
1663
14
1419
52
1313
25
1263
29
1237
24
MySQL and phpMyAdmin: Core Features and Functions
Apr 22, 2025 am 12:12 AM
MySQL and phpMyAdmin are powerful database management tools. 1) MySQL is used to create databases and tables, and to execute DML and SQL queries. 2) phpMyAdmin provides an intuitive interface for database management, table structure management, data operations and user permission management.
The Compatibility of IIS and PHP: A Deep Dive
Apr 22, 2025 am 12:01 AM
IIS and PHP are compatible and are implemented through FastCGI. 1.IIS forwards the .php file request to the FastCGI module through the configuration file. 2. The FastCGI module starts the PHP process to process requests to improve performance and stability. 3. In actual applications, you need to pay attention to configuration details, error debugging and performance optimization.
Explain the purpose of foreign keys in MySQL.
Apr 25, 2025 am 12:17 AM
In MySQL, the function of foreign keys is to establish the relationship between tables and ensure the consistency and integrity of the data. Foreign keys maintain the effectiveness of data through reference integrity checks and cascading operations. Pay attention to performance optimization and avoid common errors when using them.
Compare and contrast MySQL and MariaDB.
Apr 26, 2025 am 12:08 AM
The main difference between MySQL and MariaDB is performance, functionality and license: 1. MySQL is developed by Oracle, and MariaDB is its fork. 2. MariaDB may perform better in high load environments. 3.MariaDB provides more storage engines and functions. 4.MySQL adopts a dual license, and MariaDB is completely open source. The existing infrastructure, performance requirements, functional requirements and license costs should be taken into account when choosing.
SQL vs. MySQL: Clarifying the Relationship Between the Two
Apr 24, 2025 am 12:02 AM
SQL is a standard language for managing relational databases, while MySQL is a database management system that uses SQL. SQL defines ways to interact with a database, including CRUD operations, while MySQL implements the SQL standard and provides additional features such as stored procedures and triggers.
How to safely store JavaScript objects containing functions and regular expressions to a database and restore?
Apr 19, 2025 pm 11:09 PM
Safely handle functions and regular expressions in JSON In front-end development, JavaScript is often required...
What happens if session_start() is called multiple times?
Apr 25, 2025 am 12:06 AM
Multiple calls to session_start() will result in warning messages and possible data overwrites. 1) PHP will issue a warning, prompting that the session has been started. 2) It may cause unexpected overwriting of session data. 3) Use session_status() to check the session status to avoid repeated calls.
How does MySQL differ from Oracle?
Apr 22, 2025 pm 05:57 PM
MySQL is suitable for rapid development and small and medium-sized applications, while Oracle is suitable for large enterprises and high availability needs. 1) MySQL is open source and easy to use, suitable for web applications and small and medium-sized enterprises. 2) Oracle is powerful and suitable for large enterprises and government agencies. 3) MySQL supports a variety of storage engines, and Oracle provides rich enterprise-level functions.
