天天看點

可能是資料最全的世界各國地區下拉級聯,包含國際化中英文

世界各國是指世界上各個國家,截至2019年,世界上共有233個國家和地區,其中國家有195個,地區有38個。

資料較全,體驗較好,支援快速接入,根據上級查找附屬直接下級,支援檢索以及預設值初始化指派(本example預設:中國/湖南/湘潭/湘鄉市)

支援中英文國際化,通過pinyin4j-example擷取地區資料國際化

級聯格式依次為:國家(地區)/省份(直轄市)/市(區)/縣,效果如圖

可能是資料最全的世界各國地區下拉級聯,包含國際化中英文

本執行個體依賴以下插件或庫,可根據實際使用進行調整修改

  • jQuery
  • BootStrap 3
  • BootStrap Select
考慮到同一個頁面會有多個地區應用場景,比如故鄉和工作地,故Ajax請求發送設定為同步,可根據需要調整

如何運作

  • Step 1. 在您的資料庫中執行

    sql

    目錄中的腳本,

    d_area

    為地區層級,

    sys_lang

    為國際化,更換應用資料庫連接配接資訊
  • Step 2. 使用

    mvn spring-boot:run

    ,啟動後浏覽器通路

    http://localhost:8080/

如何接入使用

  • Step 1. 自定義地區下拉元素頁面布局,根據實際頁面比例預留長度,聲明下拉元素ID(需在Step 3 初始化傳入,如使用預設ID:fromArea,即可不傳)
  • Step 2. 在您自己的頁面引入

    area.js

  • Step 3. 調用

    Area.initFromArea();

    ,初始化即可接入使用

資料歡迎補充維護

Next

  1. 目前腳本查詢到的一級國家/地區共有240個,哪多冒出來7個。。。需要進行核對,和外交部一緻
  2. 将地區資料做成地圖圖表,支援下鑽
代碼已上傳至Github / Gitee