top of page

Python-部落格相簿

本次達內報報要豐富Python課程第三階段的部落格專案

我們期望在部落格當中就應該能有相簿功能,相信學員也會認同我們的想法的!所以這次我們將"我的相冊"功能補上了。

我的相冊功能包括:顯示用戶的相冊、上傳相冊


  • 首先我們先將photo.html加入flask的router當中,並且修改css、js,以及運用common.js中的makeHeader功能:

















  • 接著我們新增一個photo的app,並且制定url,blog中的url為v1/photo,photo中則為^$(無後綴),並且制定photoView:





























  • 接著編寫photo的model,這裡必須要有這幾個欄位:

  1. 照片名稱(photoName)

  2. 照片敘述(photoDesc)

  3. 照片(image)

  4. 用戶(user)


  • 接著編寫photoView,photoView會有兩個功能:上傳跟取得。

  • 兩者的通道都為POST,一開始先使用json.loads試圖將資料轉為json,如果失敗則為上傳,因上傳會使用的是FormData,所以json是不可能直接轉的,如果不是上傳,就使用filter來濾出資料,如果上傳的話則分別取得圖像以及資料做轉換及儲存:


  • 接著編寫photo.html,先把ul的內容注釋,接著加上id -- photoShare,接下來編寫photo.js,先建立裡面的模板photoTemplate,接著使用$.ajax取得資料:


  • 接著編寫上傳的部分,上傳html部分請看影片,接著我們撰寫upload的程式碼,主要是獲取元素的值,然後使用ajax發送,如果上傳成功則彈回我的相冊頁面:


  • 成功後就會有以下畫面:


以上




104 次查看

相關文章

查看全部
bottom of page