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


    Flask快速开发网站

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

    在这里插入图片描述
    在这里插入图片描述

    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()
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 运行(不同版本运行出来不完全一致,大致相同即可)
      在这里插入图片描述
    • 打开蓝色链接(此时更改网址为)
      在这里插入图片描述
    • 即可出现一个网站
      在这里插入图片描述
    • 运行后不会自动结束,此时需要结束的话点击运行窗口左边的红色方框。

    网站优化

    • 当我们发送一个请求时候,网站给用户返回的本质是字符串,我们可以用标签修改字符串的格式,所以我们需要学习浏览器所能解析的标签,此时就可以控制页面的外观。
    • 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
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    1. index.html中内容为
    DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Titletitle>
    head>
    <body>
        <h1>中国联通h1>
    body>
    html>
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    1. 重新运行web.py
      此时

      标签已经生效

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

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

    在这里插入图片描述

    • body内就是我们页面中所要展示的内容,运用html优化页面
    html综合实例(二)-链接,表格,列表,表单,的使用
  • 相关阅读:
    gitlab的使用
    vue3+ts的computed属性
    基于SSM的概念可视化程序设计学习系统毕业设计源码021009
    vue3 组件篇 Carousel
    【信创】麒麟v10(arm)-mysql8-mongo-redis-oceanbase
    C语言进阶之冒泡排序
    另一种降维算法:UMAP(主要是和t-SNE进行对比)
    leetcode 热题 100_搜索二维矩阵
    XXE漏洞详解:从基础到防御
    积分商城该如何帮助商家盈利
  • 原文地址:https://blog.csdn.net/qq_51670115/article/details/126877431