1.安装Flask第三方库
pip3 install Flask
2.创建Flask应用程序
项目结构如上图所示,其中static用来放置静态文件,如js文件、css文件以及图片等,templates文件夹用来放置模板文件,即html文件。
在项目中导入Flask第三方库,使用@app.route()
语句可以设置路由跳转,此语句下面就是Flask服务器接收到该路径访问时会执行的方法,方法名随意,可以不和路径名相同,但是必须要有返回值,返回值可以使html语句,也可以是html文件,浏览器接收返回值并显示在客户端上,从而实现最基础的网络访问。
执行程序:
再打开浏览器,访问提示网址,即127.0.0.1:5000/hello
即实现了最简单基础的网站。
而如果需要返回一个网页的话,可以在templates中创建需要的html网页,再在run.py文件对应的方法中进行返回,返回格式为:
return render_template('index.html')
保存代码,再进行访问原地址即可。
如果出现以下这种异常:
表示找不到模板文件的所在位置,需要在开头进行设置
app = Flask(__name__,template_folder='templates/')
3.寻找满意的HTML模板,将其下载下来,导入到项目中,在其上进行修改,这样比一步一步慢慢写轻松多了,而且也比较美观。
比如模板网站:https://www.webmoban.net/
下载之后进行导入,将css文件放入到/static/css文件夹中,将js文件放入到/static/js文件夹中,将所有的html文件放入到/templates文件中
进行整理之后即可对网站进行优化,但是其中js和css文件导入html文件的方式需要修改一下:
之前的css引入格式:
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="css/site.css" rel="stylesheet">
修改之后的格式:
<link href="{
{url_for('static',filename='/css/bootstrap.min.css')}}" rel="stylesheet">
<link href="{
{url_for(