1. 程式人生 > >web學習階段總結(3)大作業小結

web學習階段總結(3)大作業小結

對這段時間web學習做一些總結:
期末大作業選擇的題目是:
做一個使用Video API的頁面程式,要求內容是有關線上視訊播放的,video必須是自己錄製的。
因為考慮到作業的實用性,我把它完善為一個簡單的網站,使用到的技術有:
應用部署:ngnix + uWSGI + flask
web前端:boostrap控制樣式 + jQuery+ajax+vediojs視訊外掛
web後端:Python web框架flask + sqlite3資料庫

主要實現功能:
(1)登入註冊
這裡寫圖片描述
點選上方的登入和註冊可以切換不同的表單,通過不同的button可以傳送不同的post請求,伺服器端執行sql語句來獲取使用者名稱密碼來驗證來登入或者將使用者名稱,密碼插入表中實現註冊功能。
我沒有使用sqlchemy,flask-wtf,flask-login這些擴充套件,主要考慮到初學者還是少使用別人封裝好的API,這樣不利於理解。

(2)視訊播放
這裡寫圖片描述
1.佈局用了boostrap的網格
2.點選左邊按鈕切換視訊,右邊使用ajax獲取介紹視訊的json檔案。
3.視訊播放功能使用vediojs外掛,通過更換視訊源來切換視訊。

(3)留言板

這裡寫圖片描述

點選share,將文字框中的內容,通過post獲取,執行sql語句插入表中,然後利用flask的渲染功能,將表中取出資料動態生成頁面。

收穫:
(1)通過使用flask這個微框架完成大作業的過程中,理解了web框架的便利之處,利用flask的路由和渲染功能,很方便就能構建web應用。
(2)web後端的關鍵應該是
1.路由(url)與對應的資源和操作,聯想到之前不是很理解的Restfulf風格
2.理解web應用的資料流(表單,資料庫,渲染),控制訪問許可權。
(3)課程上主要學的是web前端,可惜我自己對web比較無感,接下來還是認真複習資料結構和數學之類,繼續準備考研。