世界各國是指世界上各個國家,截至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
- 目前腳本查詢到的一級國家/地區共有240個,哪多冒出來7個。。。需要進行核對,和外交部一緻
- 将地區資料做成地圖圖表,支援下鑽
代碼已上傳至Github / Gitee