使用Django建立網路相簿--新增相簿地圖資料夾清單/map/list功能

GitHub的程式碼與圖片檔的連結

Step1)編輯file/views.py，刪除壓縮檔一併刪除解壓縮後的資料夾與資料庫資料，解壓縮時，檢查資料夾是否已經存在，如果存在先刪除。

Step2)編輯file/templates/upload-file.html，新增「查看相簿地圖」連結

Step3)編輯galmap/map/templates/map.html，設定標題為「相簿地圖」

Step4)新增相簿地圖資料夾清單網頁樣板(map/templates/maplist.html)

Step5)編輯map/urls.py，新增網頁相簿清單(map/list)功能

Step6)編輯map/views.py，此部分與GitHub程式有些許不同，瀏覽器重新整理網頁，會重新執行函式get_context_data，修改類別MapListView的函式get_context_data，將self.dirs移動到函式get_context_data內，重新整理就會重新抓資料夾。

Step7)templates/base.html，修改標題為「相簿地圖」

Step8)執行程式後，瀏覽器連線http://127.0.0.1:8000/file/，上傳圖片的壓縮檔，點選解壓縮，就會解壓縮到media/img下，接著點選「查看相簿地圖」

Step9)瀏覽器瀏覽http://127.0.0.1:8000/map/list ，就會讀取media/img內的每一個資料夾，讀取圖片的exif資訊放到資料表Img，接著點選「20240425台北大縱走第六段中華科大到奉天宮」

Step10)此為點選「20240425台北大縱走第六段中華科大到奉天宮」，產生的相簿地圖。