如何使用 javascript(Reactjs) 作為前端和 node.js 作為后端創建依賴下拉列表

Question

如果我選擇城市A，那么它會探索該城市的區域。 在我選擇該區域后，它還會探索該區域的街道。 之后我選擇街道，它將存儲在我的數據庫中

Answer 1

你的數據庫應該是這樣的：

城市

id - 姓名 - 其他字段

地區

id - name - cityId - 其他字段

街道

id - name - areaId - 其他字段

當您想保存街道時（假設您要保存到餐廳表），那么您的餐廳表應如下所示：

餐廳

id - name - streetId - 其他字段

只保存 streetId 對你來說就足夠了，因為從 streetId 你可以得到街道所在的城市或區域。不要忘記在保存餐廳之前檢查 streetId 是否存在。 這樣您就可以向客戶端發送有意義的響應。

在您的網頁第一次加載時，您應該只獲得城市列表。 選擇一個城市后，您應該會獲得區域列表。 選擇一個區域后，您應該會獲得街道列表。 否則，從數據庫中獲取的數據將太多。