【Python Web】Flask框架(一)快速开发网站

文章目录

    • Flask快速开发网站
    • 网站优化
        • html综合实例(二)-链接,表格,列表,表单,的使用

Flask快速开发网站

  1. 终端执行以下命令,安装flask
pip3 install flask

【Python Web】Flask框架(一)快速开发网站_第1张图片
【Python Web】Flask框架(一)快速开发网站_第2张图片

  1. 创建python文件夹,并且创建文件(文件名不为flask),以下以web.py为例
from flask import Flask  # 导入flask

app = Flask(__name__)  # Flsak 是一个类


# 创建了网址 /show/info 和函数 index 的对应关系
# 用户在浏览器访问网址 /show/info,网站自动执行函数 index
@app.route("/show/info")
def index():
    return "bkys"

if __name__ == '__main__':
    app.run()
  • 运行(不同版本运行出来不完全一致,大致相同即可)
    在这里插入图片描述
  • 打开蓝色链接(此时更改网址为)
    【Python Web】Flask框架(一)快速开发网站_第3张图片
  • 即可出现一个网站
    【Python Web】Flask框架(一)快速开发网站_第4张图片
  • 运行后不会自动结束,此时需要结束的话点击运行窗口左边的红色方框。

网站优化

  • 当我们发送一个请求时候,网站给用户返回的本质是字符串,我们可以用标签修改字符串的格式,所以我们需要学习浏览器所能解析的标签,此时就可以控制页面的外观。
  • Flask框架为了让写标签方便,我们就可以把标签及字符串写入文件中,它会读取这个文件夹并返回。
  • 在当前项目目录的创建templates文件夹,并在文件夹中创建index.html文件
  1. 修改web.py中代码为
from flask import Flask,render_template  # 导入flask

app = Flask(__name__)  # Flsak 是一个类


# 创建了网址 /show/info 和函数 index 的对应关系
# 用户在浏览器访问网址 /show/info,网站自动执行函数 index
@app.route("/show/info")
def index():
    # Flask内部会自动打开这个文件,并读取内容,将内容返回给用户
    # 默认:去当前项目目录的templates文件夹找
    return render_template("index.html")


if __name__ == '__main__':
    app.run()

  1. index.html中内容为
DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>
    <h1>中国联通h1>
body>
html>
  1. 重新运行web.py
    此时

    标签已经生效
    【Python Web】Flask框架(一)快速开发网站_第5张图片

  2. 为了让网站更好看,我们就需要学习更多的标签
    html详解

  • 编码格式
<meta charset="UTF-8"> 
  • title标签(每次修改后重新运行)
<title>我用python搭建的第一个网站title>

【Python Web】Flask框架(一)快速开发网站_第6张图片

  • body内就是我们页面中所要展示的内容,运用html优化页面

html综合实例(二)-链接,表格,列表,表单,的使用

你可能感兴趣的:(python篇,python,flask,前端)