是时候学习Web开发了！1小时用Python开发博客系统【1】

开发一个包含数据库的简单网站系统是Web开发入门的最好方式。

Flask是Python最热门的两个Web框架之一，是最简单易用，容易上手的框架。

本系列使用Python的Flask框架开发一个简易的博客系统，共用时约一小时。整个文章分为两个部分，今天是第1部分，任何人都可以跟随文章半小时开发出自己的第一个网站。

整个文章包括以下内容，今天涵盖前5部分，「后天」发布后面的部分：

「安装flask」

「创建项目」

「运行你的第一个网站」

「创建一个像样的网页」

「用样式表美化网页」

把文章保存到数据库

显示所有的文章

显示一篇文章

发布和修改文章

1. 安装

flask就是一个库，使用pip直接安装就可以：

安装完成后，试验一下：

打开交互式Python

输入 ，如果没报错就说明安装成功了。

再输入可以查看flask的版本，我是

2.创建项目

flask是一个极简的框架，创建一个flask的网站项目只要创建一个普通的Python文件就可以。

创建一个文件夹名为learn_flask。你可以取别的名字。

在文件夹中创建一个文件blog.py

在文件中输入以下内容，文件的解释都写在注释中了。

3. 运行网站

这时候我们就可以运行这个网站了：

打开命令行窗口

进入到blog.py所在的文件夹，输入以下命令

Mac用户：

Windows用户：

如果一切顺利，会看到类似下面的界面，仔细看一下日志，里面写了：

image-20210818081224425

我们已经成功运行在本机（127.0.0.1）的5000端口上。

按Ctrl + C就可以退出运行

第一行命令设置blog.py为当前flask网站

第二行设置当前为开发环境，除了development，还有production等

第三行运行前面设置好的flask网站

打开一个浏览器，输入图中选中的地址，就可以看到我们的第一个网站了：

image-20210818081352389

在代码中把"我的博客系统"改成"hello blog"，直接刷新页面，就可以看到网页内容变成了新的内容。

这就是FLASK_ENV=「development」的好处，修改代码后，不用重启网站就可以自动更新内容。

image-20210818081610146

4. 创建一个像样的网页

我们现在的代码就只是简单的返回了一句话，这不是一个网页，现在我们来创建一个网页。

首先来修改函数，指明要使用网页模板：

第一行代码，引入了render_template函数，用它来调用网页

最后一行指定了，我们要使用这个网页，这个网页现在还不存在，我们稍后会创建。

现在刷新一下浏览器，发现报错了，因为网页还不存在：

image-20210818082255527

在blog.py同一个文件夹下创建一个新的文件夹，注意拼写要严格一致。

在templates文件夹下创建文件index.html，输入如下内容：

这时候刷新页面，应该可以访问了：

虽然这个页面还不算美观，但是我们现在使用了html模板，马上我们就用样式表让它变得漂亮起来的。

5. 用样式表美化网页

一般开发网站都会使用样式表（css）美化网页，现在我们也来创建一个样式表：

在blog.py同文件夹下创建名为static的子文件夹，用来存放样式表，JavaScript等静态内容。

在static文件夹下创建一个css文件夹存放样式表

在css文件夹下创建style.css，写入如下内容：

修改index.html

主要是添加了下面的哪一行代码

这行代码告诉浏览器，我们要使用style.css样式表。

用双大括号**{{}}**包起来的部分是python的代码。

其中url_for是python的一个函数，用来创建一个完整的url。函数的第一个参数是文件夹，第二个是文件名。

这时候再刷新一下网页，果然漂亮多了：

今天就到这里了，后面的部分会在「后天」发布，请保持关注。

安装flask

创建项目

运行你的第一个网站

创建一个像样的网页

用样式表美化网页

「把文章保存到数据库」

「显示所有的文章」

「显示一篇文章」

「发布和修改文章」

「我是麦叔，如果对你有帮助，别忘记点赞，转发，谢谢！」