flask 学习

###1 手工创建flask 虚拟环境
https://www.osgeo.cn/flask/installation.html

创建一个虚拟环境

创建一个项目文件夹，并在内部创建一个 venv 文件夹：

$ mkdir myproject
$ cd myproject
$ python3 -m venv venv

激活虚拟环境

在处理项目之前，请激活相应的虚拟环境：

$ . venv/bin/activate

激活后，你的shell提示将更改显示为激活环境的名称。

安装Flask

在激活的环境中，使用以下命令安装Flask： (这一步如果报错，可以通过2的阿里云镜像进行安装)

$ pip install Flask

现在安装Flask。快速查看快速启动或者文档概述

###2 Python3.6.6中如何安装Flask
https://baijiahao.baidu.com/s?id=1718742017356923107&wfr=spider&for=pc

Python3.6.6中如何安装Flask播报文章

南大盛联

2021-12-10 15:08
南大盛联官方帐号
关注
我们在Python中使用flask这个模块的时候，首先面临的就是安装。之前Python中的很多模块，安装都是非常容易的，只要pip3 install model_name;但这个模块安装的时候出现了一些问题。特来分享下

在windows/system32系统资料夹中选中cmd.exe后右键鼠标，“以管理员身份”运行文件。

升级pip版本。

即使你做了第一步，执行下面这些命令，照样收到系统发送的“拒绝访问。”

C:\WINDOWS\system32>pip install flask

拒绝访问。

C:\WINDOWS\system32>pip install --upgrade pip

拒绝访问。

C:\WINDOWS\system32>

直到我们这样执行python -m pip install -U pip

C:\WINDOWS\system32>python -m pip install -U pip

Requirement already satisfied: pip in c:\python36\lib\site-packages (20.3)

Collecting pip

Downloading pip-21.3.1-py3-none-any.whl (1.7 MB)

|████████████████████████████████| 1.7 MB 656 kB/s

Installing collected packages: pip

Attempting uninstall: pip

Found existing installation: pip 20.3

Uninstalling pip-20.3:

Successfully uninstalled pip-20.3

Successfully installed pip-21.3.1

3.修改Windows防火墙中的【入站规则】，在高级选项中去掉所有的【公用】选项。

当做了上面这步，再进cmd,就不会出现【拒绝访问。】

4.0安装flask

一般安装pip3 install Flask

如果出现红色的这些，就是代表没有安装成功。

使用终极绝杀：

pip install flask -i http://mirrors.aliyun.com/pypi/simple/ --trusted-host mirrors.aliyun.com

全部搞定。

4.测试

版本查看：

C:\Users\Administrator>flask --version

Python 3.6.6

Flask 2.0.2

Werkzeug 2.0.2

cmd

import flask

##3 按照文档,
https://www.jianshu.com/p/0b909759ccb3
开始运行一个flask 网站

from flask import Flask
app = Flask(__name__)
@app.route("/")
def hello():#定义一个hell
return "这是Goodwin的第一个Flask测试程序!"
if __name__ == "__main__":
app.run()

####4

1. 前端表单数据传到后端

在前端HTML页面中，使用form表单来收集用户输入的数据。例如：
HTML 存放目录方法:main.py 文件目录下，新建一个templates 目录，并且html文件放在该目录下

```index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index</title>
<form action="/execute_code" method="POST">
<div class="form-group">
<label for="input">输入：</label>
<textarea class="form-control" id="input" name="input" rows="3"> 你好</textarea>
<button type="submit" class="btn btn-primary">执行</button>
</div>
</form>
</head>
<body>

</body>
</html>
```

```result.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
我的模板html内容
<br />{{ my_str }}
<br />{{ my_int }}
<br />{{ my_array }}
<br />{{ my_dict }}

</head>
<body>

</body>
</html>
```

参考
```html
action=" url_for('execute_code') }}" method="POST" <div class="form-group" <label for="input"输入：</label>
<textarea class="form-control" id="input" name="input" rows="3"textarea>
</div>
<button type="submit" class="btn btn-primary"执行</button>
</form>
```

这里使用了Flask模板语言，`url_for('execute_code')`会生成一个对应后端路由的URL，`method="POST"表示使用POST请求提交表单数据。

在后端Python代码中，需要定义对应的路由和处理函数来接收表单提交的数据。例如：

```python
from flask import Flask, request, render_template

app = Flask(__name__)

@app.route('/')
def index():
return render_template('index.html')

@app.route('/execute_code', methods=['POST'])
def execute_code():
input_data = request.form.get('input')
# 执行代码...
return '执行结果'

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

这里定义了两个路由，`/`用于显示前端页面，`/execute_code`用于接收表单数据并执行代码，`request.form.get('input')`可以获取前端页面传来的数据。

2. 执行结果反馈到页面

在后端Python代码中，执行完代码后需要将结果反馈到前端页面上。可以使用Flask模板语言中的变量来动态生成页面。

例如，在`execute_code`函数中，可以将执行结果存储到一个变量中，然后将变量传递给模板引擎，最后在HTML页面中使用`{{ result }}`的方式来显示结果。

```main.py python
from flask import Flask, request, render_template

app = Flask(__name__)

@app.route('/')
def index():
return render_template('index.html')

@app.route('/execute_code', methods=['POST'])
def execute_code():
input_data = request.form.get('input')
# 执行代码...

result = '执行结果'
return render_template('result.html',my_str=result,my_int=input_data)

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

更多详细信息，请参考(https://blog.csdn.net/m0_46814663/article/details/123667122)
(https://www.jb51.net/article/144199.htm)

#####Python虚拟环境从一个Windows计算机复制到另一个Windows计算机脱机

将Python虚拟环境从一个Windows计算机复制到另一个Windows计算机，可以按照以下步骤操作：

在源计算机上导出虚拟环境的列表：

pip freeze > requirements.txt
复制整个虚拟环境文件夹（通常在项目根目录中的venv文件夹Lib\site-packages）到目标计算机上。

在目标计算机上创建新的虚拟环境，并激活它。

在目标计算机上安装导出的依赖项：

pip install -r requirements.txt
这样就可以离线复制Python虚拟环境并在另一台Windows计算机上使用它了。

或者（https://blog.csdn.net/inthat/article/details/117026589）

pip install --use-wheel --no-index --find-links=wheelhouse -r requirements.txt

######sample 3

https://www.cnblogs.com/clnchanpin/p/6920103.html

python Flask JQuery使用说明

http://hk.noobyard.com/article/p-uthemppi-oe.html

第44天：Flask 框架集成Bootstrap

ootstrap 是 Twitter 公司的設計師 Mark Otto 和 Jacob Thornton 開發的 Web 項目開發框架，簡潔、直觀、強悍，使得 Web 開發更加快捷，一經推出後頗受歡迎，一直是 GitHub 上的熱門開源項目，這麼好的開發框架 Flask 必定少不了。html

期初在 Flask 的擴展包中有 flask-bootstrap, 不事後來更新不多，後來 greyli 基於 flask-bootstrap 開發了 bootstrap-flask 擴展模塊，不經支持最新的 Bootstrap4，還基於 Jinjia2 模板引擎的宏，作了更多的擴展。值得一提的是 greyli 是個中國帥小夥，能在文章後面的參考連接中找到他。python

安裝

使用 pip 安裝：jquery

pip install bootstrap-flask

若是以前安裝過 flask-bootstrap, 須要將其卸載掉，否則二者會有衝突，若是您遇到錯誤提示: jinja2.exceptions.UndefinedError: 'bootstrap' is undefined，很大可能就是這個問題g

######sample 5

在 Flask 框架中，您可以通过在 HTML 模板中导入本地 CSS 文件来调用 Bootstrap。您可以将 Bootstrap 的 CSS 文件下载到您的本地文件夹，并通过以下方式将其链接到您的 HTML 页面中：

在您的 Flask 应用程序中创建一个名为 “static” 的目录。可以使用以下命令：
app = Flask(__name__, static_url_path='/static')
这个名为 “static” 的目录将存储您的 CSS 文件、JavaScript 文件和图像文件等。

在您的 “static” 目录中创建一个名为 “css” 的目录。

将 Bootstrap 的 CSS 文件下载到 “css” 目录中。

在您的 HTML 模板中，通过以下方式将 Bootstrap 的 CSS 文件链接到您的页面中：

<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}">
这条代码将连接到您在 “static/css” 目录中下载的 Bootstrap CSS 文件。

希望这可以帮助您在 Flask 应用程序中调用本地的 Bootstrap CSS 文件。

###sample 6

使用jquer和ajax和python将数据库查询结果显示在当前网页弹出窗口

首先，您需要创建一个包含查询表单和结果显示区域的HTML页面。在查询表单中，您可以使用jQuery和Ajax将用户输入发送到Python后端，然后在结果显示区域中显示结果。

以下是一个基本的示例代码：

HTML 页面：

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>查询结果</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script>
    $(document).ready(function() {
      $('form').submit(function(event) {
        event.preventDefault();
        $.ajax({
          type: 'POST',
          url: '/query',
          data: $('form').serialize(),
          success: function(response) {
            $('#result').html(response);
            $('#myModal').modal('show');
          },
          error: function(error) {
            console.log(error);
          }
        });
      });
    });
  </script>
</head>
<body>
  <form>
    <label for="query">查询条件:</label>
    <input type="text" id="query" name="query">
    <input type="submit" value="查询">
  </form>

  
  <div id="myModal" class="modal">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title">查询结果</h4>
          <button type="button" class="close" data-dismiss="modal">×</button>
        </div>
        <div class="modal-body">
          <div id="result"></div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>
在这个HTML页面中，我们使用jQuery和Ajax来捕获查询表单的提交事件。我们将表单数据序列化为一个字符串并将其发送到Python后端的URL /query。一旦我们得到了结果，我们将结果插入到结果显示区域中，并使用Bootstrap中的Modal组件在当前页面弹出窗口中显示结果。

Python 后端：

from flask import Flask, request, jsonify, render_template
import sqlite3

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

@app.route('/query', methods=['POST'])
def query():
    query = request.form['query']
    conn = sqlite3.connect('example.db')
    c = conn.cursor()
    c.execute(f"SELECT * FROM table_name WHERE column_name='{query}'")
    results = c.fetchall()
    conn.close()
    return jsonify(results)

if __name__ == '__main__':
    app.run(debug=True)
在这个Python后端中，我们使用Flask框架来创建一个服务器并处理HTTP请求。在/query路由中，我们从请求的表单数据中获取查询条件，并使用sqlite3库来查询数据库。查询的结果是一个元组的列表，我们使用jsonify将其转换为JSON格式并返回给前端。

请注意，这只是一个简单的示例，您需要根据您的具体情况进行适当的修改和调整。

##离线升级pip

(venv) C:\Python37_64\magic_box>pip -V
pip 23.1.1 from c:\python37_64\magic_box\venv\lib\site-packages\pip (python 3.7)

C:\\venv\Scripts\python.exe -m pip install pip-23.1.1-py3-none-any.whl --force-reinstall

###sample 3

　for循环中可以使用特殊的变量
loop.index当前循环迭代的次数（从 1 开始）
loop.index0当前循环迭代的次数（从 0 开始）
loop.revindex到循环结束需要迭代的次数（从 1 开始）
loop.revindex0到循环结束需要迭代的次数（从 0 开始）
loop.first如果是第一次迭代，为 True 。
loop.last如果是最后一次迭代，为 True 。
loop.length序列中的项目数。
loop.cycle在一串序列间期取值的辅助函数。见下面示例程序。
候我们不仅仅只是需要输出变量的值，我们还需要修改变量的显示，甚至格式化、运算等等，
而在模板中是不能直接调用 Python 中的某些方法，那么这就用到了过滤器。

过滤器的使用方式为：变量名 | 过滤器
{{variable | filter_name(*args)}}

如果没有任何参数传给过滤器,则可以把括号省略掉
{{variable | filter_name }}

在 jinja2 中，过滤器是可以支持链式调用的，示例如下：
{{ "hello world" | reverse | upper }}
　　4.1字符串操作
safe：禁用转义
<p>{{ '<em>hello</em>' | safe }}</p>

capitalize：把变量值的首字母转成大写，其余字母转小写
<p>{{ 'hello' | capitalize }}</p>

lower：把值转成小写
<p>{{ 'HELLO' | lower }}</p>

upper：把值转成大写
<p>{{ 'hello' | upper }}</p>

title：把值中的每个单词的首字母都转成大写
<p>{{ 'hello' | title }}</p>

reverse：字符串反转
<p>{{ 'olleh' | reverse }}</p>

format：格式化输出
<p>{{ '%s is %d' | format('name',17) }}</p>

striptags：渲染之前把值中所有的HTML标签都删掉
<p>{{ '<em>hello</em>' | striptags }}</p>

truncate: 字符串截断
<p>{{ 'hello every one' | truncate(9)}}</p>
　　4.2 列表操作
first：取第一个元素
<p>{{ [1,2,3,4,5,6] | first }}</p>

last：取最后一个元素
<p>{{ [1,2,3,4,5,6] | last }}</p>

length：获取列表长度
<p>{{ [1,2,3,4,5,6] | length }}</p>

sum：列表求和
<p>{{ [1,2,3,4,5,6] | sum }}</p>

sort：列表排序
<p>{{ [6,2,3,1,5,4] | sort }}</p>
　　4.3 自定义过滤器
过滤器的本质是函数。当模板内置的过滤器不能满足需求，可以自定义过滤器。自定义过滤器有两种实现方式：
- 一种是通过Flask应用对象的 **add_template_filter** 方法
- 通过装饰器来实现自定义过滤器
**重要：自定义的过滤器名称如果和内置的过滤器重名，会覆盖内置的过滤器。**
　　添加列表反转的过滤器：方法一
通过调用应用程序实例的 add_template_filter 方法实现自定义过滤器。该方法第一个参数是函数名，第二个参数是自定义的过滤器名称：
def do_listreverse(li):
    # 通过原列表创建一个新列表
    temp_li = list(li)
    # 将新列表进行返转
    temp_li.reverse()
    return temp_li

app.add_template_filter(do_listreverse,'lireverse')
　　方法二：
用装饰器来实现自定义过滤器。装饰器传入的参数是自定义的过滤器名称。
@app.template_filter('lireverse')
def do_listreverse(li):
    # 通过原列表创建一个新列表
    temp_li = list(li)
    # 将新列表进行返转
    temp_li.reverse()
    return temp_li
　　5，模板继承
和django中使用方法一样，用extends
{% extends 'base.html' %}
{% block content %}
 需要填充的内容
{% endblock content %}
　　六、Flask中加CSRF
设置应用程序的 secret_key，用于加密生成的 csrf_token 的值
app.secret_key = "#此处可以写随机字符串#"
导入 flask_wtf.csrf 中的 CSRFProtect 类，进行初始化，并在初始化的时候关联 app
from flask.ext.wtf import CSRFProtect
CSRFProtect(app)
在表单中使用 CSRF 令牌:
<form method="post" action="/">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
</form>
转载于:https://www.cnblogs.com/12345huangchun/p/10673940.html

posted @ 2023-03-25 21:14 feiyun8616 阅读(36) 评论(0) 编辑收藏举报

会员力量，点亮园子希望

刷新页面返回顶部

feiyun8616的作坊 (半个程序员and dba) 脚本化 python