课程大纲：

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.实现未登录不能评论