課程大綱：

Flask+Vue.js 全棧 Web 開發培訓

課程主要使用 Python 的 Flask 框架和 VueJS，

通過兩個實戰項目留言板項目和論壇應用的練習，

讓大家掌握 Flask + VueJS 進行 Web 開發的能力。

1 Web 開發基礎

2 Flask + Vue 實現留言板

3 Flask 實現原理

4 Vuex入門

5 前端構建工具 Webpack

6 vue-router 與 SPA

7 Flask 大型項目結構

8 Flask + Vue 實現論壇

1
課程介紹

1.項目介紹

2.如何學習本課程

3.準備工作

2
Web 開發基礎

1.HTTP協議基礎

2.RESTfullAPI

3
前端構建工具 Webpack

1.安裝及環境配置

2.開發環境與生產環境

3.Loaders

4.Babel

5.文件hash

6.cleanwebpackplugin

4
Hello, Flask and Vue!

1.flask和flasksqlalchemy

2.后端部分

3.前端部分

4.Ajax請求

5.axios

5
Flask + Vue 實現留言板一

1.初始化

2.用戶頭像組件

3.MessageItem組件

4.主頁面

6
Flask + Vue 實現留言板二

1.數據庫

2.請求接口，創建message

3.請求接口，獲取所有message

7
Flask + Vue 實現留言板三

1.Python表單驗證

2.flaskwtf 3.前端頁面

8
Flask + Vue 實現留言板四

1.自定義了錯誤信息

2.封裝Erros

3.封裝Form

9
vue-router 與 SPA

1.初始化

2.添加導航條

3.路由視圖

4.配置路由

5.配置導航

6.Html5History模式

7.SPA

10
深入理解 Flask 實現原理

1.初始化

2.路由注冊

3.app_context

4.request_context

5.g

6.鉤子

7.Session與Cookie

11
Flask + Vue 實現論壇一大型項目結構

1.大型應用的項目結構

2.初始化腳手架

3.運行腳手架

4.腳手架結構

12
Flask + Vue 實現論壇二 vuex 入門

1.初始化vuex

2.mutations

3.getters

4.actions

13
Flask + Vue 實現論壇三首頁

1.用戶頭像

2.頁面結構

3.導航欄

4.橫幅

5.工具欄

6.帖子組件

7.帖子列表

14
Flask + Vue 實現論壇四用戶注冊與登錄1

1.Form

2.LoginForm

3.綁定LoginForm到登錄按鈕

15
Flask + Vue 實現論壇五用戶注冊與登錄2

1.User表

2.注冊表單

3.注冊接口

4.用戶注冊

5.登錄表單

6.登錄接口

7.用戶登錄

8.用戶登出

16
Flask + Vue 實現論壇六帖子編輯頁面

1.定義路由及組件

2.解決刷新404

3.帖子話題

4.首頁話題列表

5.編輯頁面

17
Flask + Vue 實現論壇七發布帖子

1.后臺接口

2.發布帖子

3.markdown支持

18
Flask + Vue 實現論壇八無限加載與詳情頁

1.顯示從后端加載的posts

2.生成測試數據

3.實現無限加載

4.帖子詳情頁

19
Flask + Vue 實現論壇九選擇話題

1.PostMeta組件

2.全局filters

3.一個Bug

4.選擇話題

20
Flask + Vue 實現論壇十帖子評論

1.CommentItem組件

2.CommentBox組件

3.實現未登錄不能評論