【Python】Flask+Gunicorn搭建简单网站

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(
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值