二、flask开发基础与入门
2017-10-11 本文已影响67人
扑腾的蛾子
一、web开发基础
1、前端知识
前端开发基础:
HTML
CSS
JavaScript
前端常用的库与框架:
bootstrap 全能型的框架
jquery
angularjs
react
2、git与github
git 分布式管理工具,速度快,基于分支,迭代快
github
3、mvc的设计模式
提高代码可维护性
view 视图
controller 控制器
model 模型
4、http协议
超文本传输协议
基于请求与响应模式
无状态
http请求:
get
post
delete
put
二、flask中的hello world
1、flask应用的基本构成
![](https://img.haomeiwen.com/i2043131/a86afa17a1577b37.png)
2、flask的路由
![](http://upload-images.jianshu.io/upload_images/2043131-ed1be3d393105652.png)
3、flask的反向路由
![](http://upload-images.jianshu.io/upload_images/2043131-29ef2cd8ae7cf574.png)
三、flask模板
1、模板的简单使用
![](http://upload-images.jianshu.io/upload_images/2043131-bec53dc2e7066992.png)
![](http://upload-images.jianshu.io/upload_images/2043131-94f8ba49208a74a7.png)
![](http://upload-images.jianshu.io/upload_images/2043131-7f8d97c9d6f02cc9.png)
![](http://upload-images.jianshu.io/upload_images/2043131-c5036ceb466b5883.png)
![](http://upload-images.jianshu.io/upload_images/2043131-34cab3582757703c.png)
![](http://upload-images.jianshu.io/upload_images/2043131-c7aa62a04e7a4948.png)
2、条件语句
![](http://upload-images.jianshu.io/upload_images/2043131-7d89279cf5b3af98.png)
![](http://upload-images.jianshu.io/upload_images/2043131-923fda4fdb003a32.png)
3、循环语句
![](http://upload-images.jianshu.io/upload_images/2043131-d990321ff5837210.png)
![](http://upload-images.jianshu.io/upload_images/2043131-bc51d399b30ba2d6.png)
4、模板的继承
![](http://upload-images.jianshu.io/upload_images/2043131-e429505d480e60f6.png)
![](http://upload-images.jianshu.io/upload_images/2043131-5d14dabc926bd03a.png)
![](http://upload-images.jianshu.io/upload_images/2043131-df0e1c14e095f177.png)
![](http://upload-images.jianshu.io/upload_images/2043131-13b8955a88f5212c.png)
四、flask的消息提示与异常处理
1、消息提示
![](http://upload-images.jianshu.io/upload_images/2043131-0d5011ac86a8d743.png)
![](http://upload-images.jianshu.io/upload_images/2043131-0bc67696cb6d1d58.png)
![](http://upload-images.jianshu.io/upload_images/2043131-ec7b99a2250d7cf6.png)
2、抛出异常
![](http://upload-images.jianshu.io/upload_images/2043131-6149f40abb58181d.png)
![](http://upload-images.jianshu.io/upload_images/2043131-13b6219da03c96db.png)
3、异常处理
![](http://upload-images.jianshu.io/upload_images/2043131-4e08dc40cdcadf0c.png)