區縣資料庫
Ⅰ Mysql實現三級聯動選擇菜單輕松搭建樹形菜單結構mysql三級聯動
MySQL實現三級聯動選擇菜單，輕松搭建樹形菜單結構！
隨著互聯網規模的不斷擴大，網站的復雜度也在不斷提高，樹形菜單結構成為了網站設計中常見的一種形式。為了方便用戶的選擇，常常需要設計出多級菜單，以便用戶快速找到自己需要的內容。本文將介紹如何使用MySQL實現三級聯動選擇菜單，並且輕松地搭建出樹形菜單結構。
一、資料庫設計
首先需要設計好資料庫結構。在本案例中，我們將設計一個名為「region」的資料庫，其中包含三個表：「province」、「city」和「district」，分別代表省份、城市和區/縣。每一個表都包含以下欄位：id、name和parent_id，其中id為主鍵，name為地區名，parent_id為該地區的上一級地區的id。
CREATE TABLE `province` (
`id` int(10) unsigned NOT NULL AUTO_INCREMENT COMMENT ‘省份id’,
`name` varchar(20) NOT NULL COMMENT ‘省份名稱’,
`parent_id` int(10) unsigned NOT NULL DEFAULT ‘0’ COMMENT ‘上級行政區劃id’,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT=’省份表’;
CREATE TABLE `city` (
`id` int(10) unsigned NOT NULL AUTO_INCREMENT COMMENT ‘城市id’,
`name` varchar(30) NOT NULL COMMENT ‘城市名稱’,
`parent_id` int(10) unsigned NOT NULL DEFAULT ‘0’ COMMENT ‘省份id’,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT=’城市表’;
CREATE TABLE `district` (
`id` int(10) unsigned NOT NULL AUTO_INCREMENT COMMENT ‘區縣id’,
`name` varchar(50) NOT NULL COMMENT ‘區縣名稱’,
`parent_id` int(10) unsigned NOT NULL DEFAULT ‘0’ COMMENT ‘城市id’,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT=’區縣表’;
二、插入數據
接下來需要插入一些數據。假設我們要插入北京市的信息，那麼可以按照以下方式進行插入：
INSERT INTO `province` (`id`, `name`, `parent_id`) VALUES (1, ‘北京市’, 0);
INSERT INTO `city` (`id`, `name`, `parent_id`) VALUES (1, ‘北京市’, 1);
INSERT INTO `district` (`id`, `name`, `parent_id`) VALUES (1, ‘東城區’, 1);
在插入完數據後，可以通過SELECT語句來查看插入的結果:
SELECT * FROM `province` WHERE `name` = ‘北京市’;
SELECT * FROM `city` WHERE `name` = ‘北京市’;
SELECT * FROM `district` WHERE `name` = ‘東城區’;
三、實現頁面
在完成資料庫設計和數據插入之後，接下來需要在頁面上實現三級聯動選擇菜單。在本案例中，我們選擇使用HTML+JavaScript來實現這個功能。
在HTML文件中，我們需要先創建三個菜單框，代碼如下：
請選擇省份
請選擇城市
請選擇區縣
然後，在JavaScript文件中，我們需要編寫以下代碼，來實現根據用戶選擇的省份，動態改變城市和區縣的選項：
$(document).ready(function() {
$(“#province”).change(function() {
var provinceid = $(this).val();
if (provinceid != “”) {
$.ajax({
type: “POST”,
url: “getCity.php”,
data: “provinceid=”+provinceid,
cache: false,
success: function(html) {
$(“#city”).html(html);
$(“#district”).html(“請選擇區縣”);
}
});
} else {
$(“#city”).html(“請選擇城市”);
$(“#district”).html(“請選擇區縣”);
}
});
$(“#city”).change(function() {
var cityid = $(this).val();
if (cityid != “”) {
$.ajax({
type: “POST”,
url: “getDistrict.php”,
data: “cityid=”+cityid,
cache: false,
success: function(html) {
$(“#district”).html(html);
}
});
} else {
$(“#district”).html(“請選擇區縣”);
}
});
});
這段JavaScript代碼中，我們使用了jQuery來實現AJAX非同步請求，並且根據用戶選擇的省份和城市，調用getCity.php和getDistrict.php來查詢資料庫中對應的城市和區縣信息，然後將結果動態顯示在相應的菜單框中。具體的php代碼如下：
getCity.php
$provinceid = $_POST[‘provinceid’];
$sql = “SELECT * FROM `city` WHERE `parent_id` = ‘”.$provinceid.”‘”;
$result = mysql_query($sql);
echo “請選擇城市”;
while ($row = mysql_fetch_array($result)) {
echo “”.$row[‘name’].””;
}
getDistrict.php
$cityid = $_POST[‘cityid’];
$sql = “SELECT * FROM `district` WHERE `parent_id` = ‘”.$cityid.”‘”;
$result = mysql_query($sql);
echo “請選擇區縣”;
while ($row = mysql_fetch_array($result)) {
echo “”.$row[‘name’].””;
}
四、測試
我們需要將HTML文件和JavaScript文件放到伺服器上，並且測試其效果。在測試過程中，需要注意以下幾點：
1. 需要在伺服器上運行MySQL，並且創建好region資料庫，並且插入了一些測試數據。
2. 需要在JavaScript文件中修改getCity.php和getDistrict.php文件的路徑（如果不在同一目錄下的話），以保證AJAX非同步請求能夠正確調用。
3. 在測試之前需要先引入jQuery庫，並且保證能夠正常訪問。
下面是測試結果的示例圖，可以看到三級聯動菜單已經成功實現：
![MySQL實現三級聯動選擇菜單][1]
總結
通過本文的介紹，可以看到使用MySQL實現三級聯動選擇菜單並不是很難。只需要在資料庫中設計好地區結構，並且編寫一些簡單的HTML和JavaScript代碼，就可以輕松地搭建出樹形菜單結構，幫助用戶快速找到需要的內容。
參考資料：
1. jQuery官網：http://jquery.com/
2. W3Schools：http://www.w3schools.com/
3. MySQL官網：http://www.mysql.com/
[1]: https://img-blog.csdn.net/20170824103348579?watermark/2/text//font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/q/85/progressive/true
Ⅱ vue+Element UI實現省市區鎮四級聯動封裝
在前端頁面中，填寫地址的級聯選擇器是常見的需求。過去，這種功能通常需要在資料庫中存儲省份、城市、區縣的數據，這無疑增加了開發的復雜性。不過，現在我們可以通過一些庫來簡化這個過程。
一個實用的庫叫做 Vue+Element UI，它能實現省市區的三級聯動。然而，shigen 認為這樣的方式仍存在一定的不便。於是，他決定自己封裝一個組件，以更符合項目需求。
shigen在Gitee上找到了一個名為「中國省市區數據」的項目，該項目提供了一個完整的JSON文件，包含了所有省份、城市、區縣的數據。他利用Element-ui的組件 el-cascader 實現了級聯效果，成功封裝了一個自定義的省市區聯動選擇器。
在代碼中，shigen沒有設置對應的傳值綁定方法，這需要開發者根據自己的項目需求自行定義。經過一系列的開發和調試，最終得到了一個高效、靈活的省市區聯動選擇器。
用戶在使用這個組件時，只需選擇相應的省份、城市和區縣，系統會自動將選擇的結果存儲到後端，存儲方式只需簡單處理所選的值即可。這樣的設計大大簡化了數據處理的步驟，提高了開發效率。
shigen分享了這個組件的實現過程和效果，旨在為其他開發者提供參考和靈感。在這個過程中，他不僅解決了實際問題，還通過實踐學習到了更多關於前端開發的知識和技巧。
以上就是shigen今天分享的內容，如果您覺得有用或感興趣，不妨點個贊、在看、關注，您的支持將是shigen持續分享的動力。同時，shigen在多個平台上都有文章更新，歡迎隨時訪問和訂閱。
Ⅲ 資料庫關系 1對N N對1
其實都是多對多：但也在資料庫的關系設置，包含的數據。
一個學校有多名學生，一名學生只能在一個學校里。那麼一個縣里又是多個學校。
一個縣有多個街道，同樣的
如果從一個學校的學生創建關系，就是一對多。如果，從縣級說，多個學校多名學生，就是多對多。