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
AI Hentai Generator
Generate AI Hentai for free.
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
PHP 8.4 Installation and Upgrade guide for Ubuntu and Debian
Dec 24, 2024 pm 04:42 PM
PHP 8.4 brings several new features, security improvements, and performance improvements with healthy amounts of feature deprecations and removals. This guide explains how to install PHP 8.4 or upgrade to PHP 8.4 on Ubuntu, Debian, or their derivati
How to fix mysql_native_password not loaded errors on MySQL 8.4
Dec 09, 2024 am 11:42 AM
One of the major changes introduced in MySQL 8.4 (the latest LTS release as of 2024) is that the "MySQL Native Password" plugin is no longer enabled by default. Further, MySQL 9.0 removes this plugin completely. This change affects PHP and other app
How To Set Up Visual Studio Code (VS Code) for PHP Development
Dec 20, 2024 am 11:31 AM
Visual Studio Code, also known as VS Code, is a free source code editor — or integrated development environment (IDE) — available for all major operating systems. With a large collection of extensions for many programming languages, VS Code can be c
How do you parse and process HTML/XML in PHP?
Feb 07, 2025 am 11:57 AM
This tutorial demonstrates how to efficiently process XML documents using PHP. XML (eXtensible Markup Language) is a versatile text-based markup language designed for both human readability and machine parsing. It's commonly used for data storage an
PHP Program to Count Vowels in a String
Feb 07, 2025 pm 12:12 PM
A string is a sequence of characters, including letters, numbers, and symbols. This tutorial will learn how to calculate the number of vowels in a given string in PHP using different methods. The vowels in English are a, e, i, o, u, and they can be uppercase or lowercase. What is a vowel? Vowels are alphabetic characters that represent a specific pronunciation. There are five vowels in English, including uppercase and lowercase: a, e, i, o, u Example 1 Input: String = "Tutorialspoint" Output: 6 explain The vowels in the string "Tutorialspoint" are u, o, i, a, o, i. There are 6 yuan in total
7 PHP Functions I Regret I Didn't Know Before
Nov 13, 2024 am 09:42 AM
If you are an experienced PHP developer, you might have the feeling that you’ve been there and done that already.You have developed a significant number of applications, debugged millions of lines of code, and tweaked a bunch of scripts to achieve op
The page is blank after PHP is connected to MySQL. What is the reason for the invalid die() function?
Apr 01, 2025 pm 03:03 PM
The page is blank after PHP connects to MySQL, and the reason why die() function fails. When learning the connection between PHP and MySQL database, you often encounter some confusing things...
Top 10 PHP CMS Platforms For Developers in 2024
Dec 05, 2024 am 10:29 AM
CMS stands for Content Management System. It is a software application or platform that enables users to create, manage, and modify digital content without requiring advanced technical knowledge. CMS allows users to easily create and organize content
