
React 和 Flask 打造私人專屬網(wǎng)盤培訓(xùn)
使用 React 作為前端技術(shù),Python Flask 作為后端技術(shù),實(shí)現(xiàn)了一個(gè)小型的私人網(wǎng)盤應(yīng)用。
項(xiàng)目中涉及到網(wǎng)站應(yīng)用的完整設(shè)計(jì)與實(shí)現(xiàn)。
通過(guò)學(xué)習(xí)并實(shí)現(xiàn)一個(gè)完整項(xiàng)目來(lái)加深對(duì)于 React SPA 應(yīng)用開發(fā)和 Python Flask 技術(shù)的理解。
1 React 環(huán)境搭建
2 Flask 環(huán)境搭建
3 PeeweeORM 的使用
4 使用 fetch 發(fā)送網(wǎng)絡(luò)請(qǐng)求
5 上傳下載的前后端實(shí)現(xiàn)
6 臨時(shí) Token 認(rèn)證
7 node&npm 基本使用
8 SQLite 基本使用
9 Python ItsdangerousCookie 實(shí)現(xiàn)認(rèn)證
10 RESTfull API 設(shè)計(jì)
11 ReactRouter 的使用
12 Flask 靜態(tài)頁(yè)面部署
1
React & SPA 介紹
1.React簡(jiǎn)介和環(huán)境搭建
2.node&npm基本使用
3.ReactSPA簡(jiǎn)單實(shí)踐
2
Flask 介紹
1.Flask簡(jiǎn)介和環(huán)境搭建
2.pip基本使用 3.Flask單元測(cè)試支持
3
數(shù)據(jù)庫(kù)操作
1.SQLite基本使用
2.PeeweeORM基本使用
4
登錄與認(rèn)證實(shí)現(xiàn)
1.引入和使用第三方React組件
2.PythonitsdangerousCookie實(shí)現(xiàn)認(rèn)證
3.使用fetch發(fā)送網(wǎng)絡(luò)請(qǐng)求
5
文件夾增加和刪除
1.RESTfulAPI設(shè)計(jì)
2.React中Modal對(duì)話框的實(shí)現(xiàn)
6
文件上傳和下載
1.Peewee關(guān)聯(lián)表
2.上傳和下載的前后端實(shí)現(xiàn)
7
文件公開分享
1.reactrouter使用
2.臨時(shí)Token認(rèn)證
8
文件私密分享
1.臨時(shí)Token認(rèn)證
2.簡(jiǎn)單短密碼的生成
3.使用React組件生成二維碼
9
項(xiàng)目總結(jié)與回顧
1.React打包發(fā)布
2.Flask靜態(tài)頁(yè)面部署
