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

文章目录

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

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


    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()
    
  • 运行(不同版本运行出来不完全一致,大致相同即可)
  • 打开蓝色链接(此时更改网址为)
  • 即可出现一个网站
  • 运行后不会自动结束,此时需要结束的话点击运行窗口左边的红色方框。
  • 网站优化

  • 当我们发送一个请求时候,网站给用户返回的本质是字符串,我们可以用标签修改字符串的格式,所以我们需要学习浏览器所能解析的标签,此时就可以控制页面的外观。
  • 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>Title</title>
    </head>
    <body>
        <h1>中国联通</h1>
    </body>
    </html>
    
    1. 重新运行web.py
      此时

      标签已经生效

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

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

  • body内就是我们页面中所要展示的内容,运用html优化页面
  • html综合实例(二)-链接,表格,列表,表单,的使用

    物联沃分享整理
    物联沃-IOTWORD物联网 » 【Python Web】Flask框架(一)快速开发网站

    发表评论