
Flask+Vue.js 全棧 Web 開(kāi)發(fā)培訓(xùn)
課程主要使用 Python 的 Flask 框架和 VueJS,
通過(guò)兩個(gè)實(shí)戰(zhàn)項(xiàng)目留言板項(xiàng)目和論壇應(yīng)用的練習(xí),
讓大家掌握 Flask + VueJS 進(jìn)行 Web 開(kāi)發(fā)的能力。
1 Web 開(kāi)發(fā)基礎(chǔ)
2 Flask + Vue 實(shí)現(xiàn)留言板
3 Flask 實(shí)現(xiàn)原理
4 Vuex入門
5 前端構(gòu)建工具 Webpack
6 vue-router 與 SPA
7 Flask 大型項(xiàng)目結(jié)構(gòu)
8 Flask + Vue 實(shí)現(xiàn)論壇
1
課程介紹
1.項(xiàng)目介紹
2.如何學(xué)習(xí)本課程
3.準(zhǔn)備工作
2
Web 開(kāi)發(fā)基礎(chǔ)
1.HTTP協(xié)議基礎(chǔ)
2.RESTfullAPI
3
前端構(gòu)建工具 Webpack
1.安裝及環(huán)境配置
2.開(kāi)發(fā)環(huán)境與生產(chǎn)環(huán)境
3.Loaders
4.Babel
5.文件hash
6.cleanwebpackplugin
4
Hello, Flask and Vue!
1.flask和flasksqlalchemy
2.后端部分
3.前端部分
4.Ajax請(qǐng)求
5.axios
5
Flask + Vue 實(shí)現(xiàn)留言板一
1.初始化
2.用戶頭像組件
3.MessageItem組件
4.主頁(yè)面
6
Flask + Vue 實(shí)現(xiàn)留言板二
1.數(shù)據(jù)庫(kù)
2.請(qǐng)求接口,創(chuàng)建message
3.請(qǐng)求接口,獲取所有message
7
Flask + Vue 實(shí)現(xiàn)留言板三
1.Python表單驗(yàn)證
2.flaskwtf 3.前端頁(yè)面
8
Flask + Vue 實(shí)現(xiàn)留言板四
1.自定義了錯(cuò)誤信息
2.封裝Erros
3.封裝Form
9
vue-router 與 SPA
1.初始化
2.添加導(dǎo)航條
3.路由視圖
4.配置路由
5.配置導(dǎo)航
6.Html5History模式
7.SPA
10
深入理解 Flask 實(shí)現(xiàn)原理
1.初始化
2.路由注冊(cè)
3.app_context
4.request_context
5.g
6.鉤子
7.Session與Cookie
11
Flask + Vue 實(shí)現(xiàn)論壇一大型項(xiàng)目結(jié)構(gòu)
1.大型應(yīng)用的項(xiàng)目結(jié)構(gòu)
2.初始化腳手架
3.運(yùn)行腳手架
4.腳手架結(jié)構(gòu)
12
Flask + Vue 實(shí)現(xiàn)論壇二 vuex 入門
1.初始化vuex
2.mutations
3.getters
4.actions
13
Flask + Vue 實(shí)現(xiàn)論壇三首頁(yè)
1.用戶頭像
2.頁(yè)面結(jié)構(gòu)
3.導(dǎo)航欄
4.橫幅
5.工具欄
6.帖子組件
7.帖子列表
14
Flask + Vue 實(shí)現(xiàn)論壇四用戶注冊(cè)與登錄1
1.Form
2.LoginForm
3.綁定LoginForm到登錄按鈕
15
Flask + Vue 實(shí)現(xiàn)論壇五用戶注冊(cè)與登錄2
1.User表
2.注冊(cè)表單
3.注冊(cè)接口
4.用戶注冊(cè)
5.登錄表單
6.登錄接口
7.用戶登錄
8.用戶登出
16
Flask + Vue 實(shí)現(xiàn)論壇六帖子編輯頁(yè)面
1.定義路由及組件
2.解決刷新404
3.帖子話題
4.首頁(yè)話題列表
5.編輯頁(yè)面
17
Flask + Vue 實(shí)現(xiàn)論壇七發(fā)布帖子
1.后臺(tái)接口
2.發(fā)布帖子
3.markdown支持
18
Flask + Vue 實(shí)現(xiàn)論壇八無(wú)限加載與詳情頁(yè)
1.顯示從后端加載的posts
2.生成測(cè)試數(shù)據(jù)
3.實(shí)現(xiàn)無(wú)限加載
4.帖子詳情頁(yè)
19
Flask + Vue 實(shí)現(xiàn)論壇九選擇話題
1.PostMeta組件
2.全局filters
3.一個(gè)Bug
4.選擇話題
20
Flask + Vue 實(shí)現(xiàn)論壇十帖子評(píng)論
1.CommentItem組件
2.CommentBox組件
3.實(shí)現(xiàn)未登錄不能評(píng)論
