
Flask+Vue+WebSocket培訓
目錄
章節1:實戰一:Flask2.0+Vue3.0打造論壇系統
1項目介紹
2數據庫連接配置
3用戶模型定義和映射
4登錄、注冊頁面模板渲染
5郵箱配置
6實現郵箱驗證碼發送
7Celery異步-Redis安裝
8Celery異步-實現Celery異步發送郵件
9Flask-Caching緩存驗證碼
10重構Restful AP
11Ajax實現發送郵件
12驗證碼按鈕倒計時實現
13圖形驗證碼代碼講解
14注冊頁面集成圖形驗證碼
15注冊驗證性表單編寫
16注冊功能后端實現
17注冊功能JS端實現
18完善注冊功能細節
19登錄功能后端完成
20登錄功能JS端完成
21首頁模板改造完成
22退出登錄功能實現
23導航條登錄和非登錄狀態切換
24個人設置模板改造
25登錄限制裝飾器實現
26個人設置渲染真實數據
27Flask-Avatars解決頭像問題(1)
28Flask-Avatars解決頭像問題(2)
29用戶自定義頭像后端完成
30用戶自定義頭像前端完成
31個人設置功能完成
32命令行實現板塊初始化
33帖子相關模型創建成功
34首頁板塊數據渲染完成
35發布帖子頁面渲染完成
36富文本編輯器集成
37富文本編輯器集成圖片上傳功能
38發布帖子服務端完成
39發布帖子JS端完成
40帖子詳情頁面渲染完成
41帖子詳情頁代碼高亮
42帖子評論功能完成
43首頁帖子列表渲染完成
44帖子列表分頁完成
45帖子按時間和評論數量排序
46帖子按照板塊過濾完成
47nvm和node環境搭建講解
48使用@vue-cli 4 創建CMS項目
49VSCode開發Vue項目介紹
50項目中集成Element-Plus
51Element-Plus搭建CMS頁面結構
52使用Vue-Router實現頁面跳轉
53JWT鑒權-JWT原理
54JWT鑒權-Flask-JWT-Extended插件使用詳解
55JWT鑒權-刷新JWT
56SerializerMixin實現ORM模型序列化
57CMS系統訪問權限限制
58網絡請求庫的封裝
59輪播圖頁面和對話框搭建
60輪播圖上傳實現(1)
61輪播圖上傳實現(2)
62添加輪播圖服務端完成
63添加輪播圖前端完成
64輪播圖列表服務端實現
65輪播圖列表前端實現
66刪除輪播圖前后端實現
67編輯輪播圖后端實現
68編輯輪播圖前端實現
69前臺加載真實輪播圖數據
70帖子列表和SerializerMixin注意事項
71axios服務端響應攔截
72帖子管理功能完成
73評論管理功能完成
74用戶管理功能完成
75Vue中集成Echarts圖表庫
76繪制板塊帖子數條形圖
77繪制近7天帖子數量折線圖
78權限管理-添加角色和權限模型
79權限管理-API接口權限限制
80權限管理-客戶端權限限制
81細節完善和項目總結
82Vue項目打包流程和注意事項
83將打包后的Vue項目集成到Flask項目中
84部署-開發機上的準備工作
85部署-購買阿里云服務器注意事項
86部署-遠程連接阿里云服務器
87部署-阿里云服務器上安裝MySQL服務
88部署-阿里云服務器上安裝Redis服務
89部署-使用Git同步代碼到阿里云服務器
90部署-安裝項目依賴包
91部署-同步ORM模型到數據庫中
92部署-初始化網站運行基本數據
93部署-使用開發版本服務器運行網站
94部署-使用Gunicorn部署項目
95部署-Nginx安裝和配置
96部署-Nginx和Gunicorn配合部署項目
97部署-將域名映射到阿里云服務器
章節2:實戰二:Flask+Vue+WebSocket研發聊天系統
98【Socket實戰】Flask-SocketIO框架介紹
99【Socket實戰】Flask-SocketIO基本用法
100【Socket實戰】前端項目結構搭建
101【Socket實戰】聊天系統登錄前端實現
102【Socket實戰】聊天系統登錄后端實現
103【Socket實戰】Socket層代碼重構
104【Socket實戰】Chat模塊封裝
105【Socket實戰】disconnect事件邏輯實現
106【Socket實戰】聊天界面授權判斷
107【Socket實戰】less庫和基本語法介紹
108【Socket實戰】聊天界面搭建完成
109【Socket實戰】card組件顯示當前用戶信息
110【Socket實戰】好友上線事件發送與監聽
111【Socket實戰】使用Vuex封裝全局變量
112【Socket實戰】將chat.js模塊重構為store
113【Socket實戰】獲取在線好友列表
114【Socket實戰】選中會話
115【Socket實戰】發送消息服務端實現
116【Socket實戰】發送消息客戶端實現
117【Socket實戰】顯示消息列表
118【Socket實戰】未讀消息數功能實現
119【Socket實戰】使用eventlet運行項目
120【Socket實戰】處理用戶下線邏輯
121【Socket實戰】部署-打包并提交代碼到Git服務器
122【Socket實戰】部署-server_host和頭像bug解決
123【Socket實戰】部署-服務端部署準備工作
124【Socket實戰】部署-使用gunicorn和eventlet部署項目
125【Socket實戰】部署-使用Nginx和Gunicorn部署項目
章節3:Flask異步編程
126【Flask異步】協程基本用法
127【Flask異步】異步爬蟲
128【Flask異步】Flask中的異步工作原理
129【Flask異步】Flask中使用異步實戰