从0开始学python第11.5节-flask开发网站

在上节课里，我们在coding.net里使用hexo搭建了自己的播客。播客是典型的静态网站，网站里每个页面的内容都是一成不变的。这节课，我们一起学习一下怎么使用python搭建动态网站。

动态网站核心技术

所谓动态网站，是指网页里的数据每天甚至每时每刻会发生变化的。比如我们看的QQ空间、微博等等。所以，相比于我们上节课学习的内容，我们会增加一个新的传输后台数据的服务。因此，动态网站核心上有这样几部分组成：

web页面：这个就是我们上节课学习的网页开发核心技术。

数据服务：网页上动态的数据接口，这个是我们这节课学习的flask

数据存储：动态数据存储位置，一般会存储在数据库中，放了方便学习，我们这里直接把数据存储在文件中。

flask

在讲什么是flask之前，我先来看一个小demo：

这就是我们使用写一个动态网站的核心代码，代码运行后，我们访问： 页面就可以打开自己开发的网站了。

flask核心模块介绍

有了对flask的直观印象后，我们来详细学习一下什么是flask。

flask是什么

flask官方对自己的介绍如下：

Flask是一个使用Python编写的轻量级Web应用框架。基于Werkzeug WSGI工具箱和Jinja2 模板引擎。

简单来说，flask就是一个针对网页的服务端框架，内置一个渲染html的引擎。通过flask，我们可以把：响应http的url请求、加工服务端数据和返回html内容整合在一起的一个web服务框架。

2. 安装flask

有了pip，安装flask非常简单，我们只需要命令即可完成flask的安装。

3. flask核心方法

从上面的demo代码中，我们可以看出，flask核心有这样几部分组成：

1）引入flask

2）定义flask对象

3）编写响应url路径的函数

注意看，这个代码，相比于我们正常编写的函数，多了一个 注解，这个注解的意思就是这个函数应该响应我们url请求的哪个路径。

4）运行flask程序

任务清单项目实例

下面，我们通过网页版任务清单项目。来完整体验一下flask的完整开发流程。

新建flask项目，注意看，pycharm已经很智能的把todo.py帮我们创建好了，里面已经有了flask的核心代码。

任务清单类todo

项目的核心逻辑是任务清单的维护，我们新增todo类，看代码：

todo类完成了对任务清单的查询、新增、删除、修改等操作。

3. 写任务列表页面

我们在templates目录里新增index.html文件。在里面增加展示任务列表的代码：

替换成动态数据

第三部做的网页是静态的，我们需要从服端获取数据，因此现在todo.py 里新增获取数据的方法：

这个函数在获取数据后，会将数据渲染到index.html页面中并返回浏览器。html里的代码对应改动如下：

注意看 的语法。这个就是html加载python返回数据的Jinja2模板代码了。

新增任务

新增任务首先需要在网页里增加一个form表单：

对应的python处理如下：

注意这点代码：

1）我们在注解里指定了需要响应的是post请求。

2）在inset的方法体内，我们使用 语法来获取网页提交的数据。

删除任务

删除任务和新增数据类似，我们来看python代码：

到现在为止，我们的网页版任务清单就开发完成了。

淘宝是怎么开发的？

那像淘宝一样复杂的网站是怎么开发的呢？只要我们掌握了web开发的核心知识，淘宝网站也是像这样的逻辑一个功能一个功能开发完成的。就像升级打怪，我们只要一级一级的提高自己，就能开发出像淘宝、微博一样复杂的网站。

阿达老师-孩子身边的编程专家

完整课程请关注阿达老师，主页里有完整的课程目录和观看地址