开发一个包含数据库的简单网站系统是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
创建项目
运行你的第一个网站
创建一个像样的网页
用样式表美化网页
「把文章保存到数据库」
「显示所有的文章」
「显示一篇文章」
「发布和修改文章」
「我是麦叔,如果对你有帮助,别忘记点赞,转发,谢谢!」
领取专属 10元无门槛券
私享最新 技术干货