基础模板和知识

最新推荐文章于 2024-08-03 23:36:42 发布

rraion657

最新推荐文章于 2024-08-03 23:36:42 发布

阅读量917

点赞数 11

文章标签： flask python

本文链接：https://blog.csdn.net/rraion/article/details/134320937

版权

flask基础模板

安装flask：pip install flask
需要在templates目录下存储html文件
需要在static下面存储图片等静态资源

 from flask import Flask,render_template
 
 app = Flask(__name__)
 
 @app.route("/show/info")
 def index():
     # Flask内部会自动打开这个文件，并读取内容，将内容给用户返回。
     # 默认：去当前项目目录的templates文件夹中找。
     return render_template("index.html")
 
 if __name__ == '__main__':
     app.run()

HTML模板解析

编码
```
<meta charset="UTF-8"> 
```

标题

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>这是文档标题</title>
</head>

常见标签

    <h1>1级标题</h1>

<div>独占一行</div>

<span>自己多大占多少（内联标签）</span>

<a href="http://www.baidu.com">超链接标签：点击此处跳转百度</a>
<a href="/new/page" target="_blank">超链接标签：点击此处跳转本站其他标签（新页面打开）</a>

<img src="图片地址" alt="图片不显示时候的提示字符">引入图片

<table>
    <thead>
        <th>表头项目1</th>
        <th>表头项目1</th>
        <th>表头项目1</th>
    </thead>
    <tbody>
        <tr>
            <td>第一行</td>
            <td>第一行</td>
            <td>第一行</td>
        </tr>
        <tr>
            <td>第二行</td>
            <td>第二行</td>
            <td>第二行</td>
        </tr>
        <tr>
            <td>第三行</td>
            <td>第三行</td>
            <td>第三行</td>
        </tr>
        <tr>
            <td>第四行</td>
            <td>第四行</td>
            <td>第四行</td>
        </tr>
    </tbody>
</table>

<input type="text" name="" id="">文本输入
<input type="password" name="" id="">密码输入
<input type="file" name="" id="">文件输入

<input type="radio" name="n1">男（注意name相同才可只选择一个）
<input type="radio" name="n2">女

<input type="checkbox" name="" id="">篮球（勾选框）
<input type="checkbox" name="" id="">足球
<input type="checkbox" name="" id="">排球
<input type="checkbox" name="" id="">网球

<select name="" id="">
    <option value="">下拉选框项目</option>
    <option value="">下拉选框项目</option>
    <option value="">下拉选框项目</option>
</select>

<select name="" id="" multiple>
    <option value="">下拉多选框项目</option>
    <option value="">下拉多选框项目</option>
    <option value="">下拉多选框项目</option>
</select>

<textarea name="" id="" cols="30" rows="10">多行文本</textarea>



<input type="button" value="填充内容">普通按钮（没有提交功能）

<input type="submit" value="填充内容">提交按钮