Python Web

flask

flask搭建简单的web服务

  1. 示例:运行后通过url即可访问
    from flask import Flask
    
    app = Flask(__name__)
    
    @app.route('/show/info')
    def index():
        return 'Hello, World!'
    
    if __name__ == '__main__':
        app.run()
  2. 返回一个html文件
    from flask import Flask, render_template
    
    app = Flask(__name__)
    
    @app.route('/show/info')
    def index():
        return render_template("index.html")  # 返回一个html文件
    
    if __name__ == '__main__':
        app.run()
    这个html文件要放在 templates 文件夹下(名称不能改)Python Web_第1张图片

bootstrap样式库

  1. 说明
    其实就是一个现成的css样式库,要用的地方导入就可以了

下载bootstrap

  1. 项目新建静态资源文件夹:用来放一些css、js、图片、插件Python Web_第2张图片
  2. 下载bootstrap样式库,并把解压文件放入piugins文件夹

使用bootstrap中的阈值css样式

  1. 示例
    • 使用link标签连接plugins中的css库,其中,上面的是开发版本的连接,下面的是上线版本(注释了),区别是上线版本的写成一行,体积小。需要注意的是连接相对地址要写对,不然无效。
    • 当连上后,class属性就可以自动补全了Python Web_第3张图片

使用bootstrap官方文档中的html片段

  1. 下载bootstrap,最好是v3版,里面的样式多一点,css样式库和官方html片段要匹配,不然样式匹配不上。
  2. 打开官方文档组件:https://v3.bootcss.com/components/#nav
  3. 拷贝html片段到body中即可使用(格式有问题的可以格式化一下)Python Web_第4张图片
  4. 在浏览器查看样式:如果样式需要微调,在F12中可以修改一些参数Python Web_第5张图片
  5. 在html文件中修改参数:上面发现的css属性微调后,在html在把刚才微调的属性修改在html文件中生效Python Web_第6张图片

你可能感兴趣的:(python,前端,flask,开发语言,后端)