主页 / coding / 问题

问题[flask](coding)

Martin Hope
user26782974
Asked: 2024-08-13 03:13:36 +0800 CST
  • 5

我正在尝试使用 Python 和 Flask 编写基于文本的 Pokemon 游戏。我希望用户能够通过单击网页上的按钮来选择他们的 Pokemon，这个 user_pokemon_name 变量将被发送到后端，然后使用有关 Pokemon 的各种统计数据更新网页。然后游戏将继续，并显示新按钮和新消息。

我面临的问题是，一旦用户单击按钮，就会在相同的 URL 处加载一个新的 HTML 页面，并在正文中包含响应。

这是我的 app.py 代码：

from flask import Flask, render_template, request

app = Flask(__name__ ,
            static_url_path='',
            static_folder='../frontend/static',
            template_folder='../frontend/templates')

@app.route("/battle")
def battle_page():
    return render_template('battle.html')

@app.route("/battle", methods=['POST'])
def get_user_choice():
    user_pokemon_name = request.form['userPokemonChoice']
    print(user_pokemon_name)
    user_choice = f"You have chosen {user_pokemon_name.capitalize()}."
    return user_choice

这是我的 battle.html 代码：

<body>
        <section id= "userPokemonChoice">
            <p>Now, which Pokemon do you want? The three available Pokemon are Bulbasaur, Charmander, and Squirtle.</p>
            <form class = "userinput" method ="POST" action="/battle" id = "form"> 
                <button type = "submit" name = "userPokemonChoice" value="bulbasaur" id="choosePokemon" onclick="getUserChoice()">Bulbasaur</button>
                <button type = "submit" name = "userPokemonChoice" value="charmander" id="choosePokemon" onclick="getUserChoice()">Charmander</button>
                <button type = "submit" name = "userPokemonChoice" value="squirtle" id="choosePokemon" onclick="getUserChoice()">Squirtle</button>    
            </form>
        </section>

        <section id="stats"></section>

这是我的 battle.js 代码

// const form = document.getElementById('form')
// form.addEventListener('submit', (e) => {
//     e.preventDefault()
//     
// })


function getUserChoice() {
    const url = 'http://127.0.0.1:5001/battle'
    fetch(url)
    .then(response => response)  
    .then(data => {
        
        console.log(data.text);
        document.getElementById("stats").innerHTML = data
    })    
}

当我按原样运行代码时，显示以下屏幕：

带有响应的空白 HTML 页面

如果我取消注释表单事件监听器，我会收到一个 [object Response]，我希望看到响应： object Response

任何帮助都将非常感激--我一直为此而烦恼！

flask
Martin Hope
Artistica Digital
Asked: 2024-07-06 01:41:25 +0800 CST
  • 5

我已经使用 WTForms FieldList、宏和 Javascript 创建了动态字段。

使用此代码验证许多字段（StringField、SelectField 等），我可以动态添加许多字段，它们会验证和更新我的 Sqlite3 数据库。但是我现在希望能够动态添加文件。

文件上传的标准 Flask-WTF 代码如下所示：如何利用它对 FieldList 表单进行验证？

 if form.validate_on_submit():
    f_fileA = form.inputname.data
    filename_fileA = secure_filename(f_fileA.filename)
    f_fileA.save(os.path.join(
    UPLOAD_FOLDER, filename_fileA
    ))

我的代码 表格

forms.py

class ChildForm(Form):
    childAinput_1 = StringField(
        'ChildA input 1'
    )
    childAinput_2 = IntegerField(
        'ChildA input 2'
    )
    category = SelectField(
        'Category',
        choices=[('cat1', 'Category 1'), ('cat2', 'Category 2')]
    )
    fileA = FileField(
        'FileA'
    )


class MainForm(FlaskForm):
    parentinput_1 = StringField(
        'Parent input 1'
    )
    parentinput_2 = StringField(
        'Parent input 2'
    )
    childrenA = FieldList(
        FormField(ChildForm),
        min_entries=1,
        max_entries=20
    )

我的带有表单字段的 HTML 模板

form.html template

<a id="add" href="#">Add ChildA</a>
{# Show all subforms #}
        <form id="childA-form" action="" method="POST" role="form">
            {{ form.hidden_tag() }}

            {# show parents fields #}
            <div>
            {{ form.parentinput_1.label }}
            {{ form.parentinput_1 }}
        </div>
        <div>
            {{ form.parentinput_2.label }}
            {{ form.parentinput_2 }}
        </div>

            <div id="subforms-container">
                {% for subform in form.childrenA %}
                    {{ macros.render_childA_form(subform, loop.index0) }}
                {% endfor %}
            </div>

            <button type="submit">Send</button>
        </form>

        {% if form.errors %}
            {{ form.errors }}
        {% endif %}

        {# Form template #}
        {{ macros.render_childA_form(_template, '_') }}

当前表单验证（尚未添加文件上传）

routes.py

@bp.route('/', methods=['GET', 'POST'])
def index():
    form = MainForm()
    template_form = ChildForm(prefix='childrenA-_-')

    if form.validate_on_submit():
        # Create parent
        new_parent = Parent(
            parentinput_1 = form.parentinput_1.data,
            parentinput_2 = form.parentinput_2.data
        )

        db.session.add(new_parent)

        for childAe in form.childrenA.data:

            new_childA = ChildA(**childAe)

            # Add to parent
            new_parent.childrenA.append(new_childA)

        db.session.commit()

    return render_template(
        'index.html',
        form=form,
        _template=template_form
    )

如果有用的宏是：

macros.html

{%- macro render_childA_form(subform, index) %}
        <div id="childA-{{ index }}-form" class="{% if index != '_' %}subform{% else %}is-hidden{% endif %}" data-index="{{ index }}">
            <div>
                {{ subform.childAinput_1.label }}
                {{ subform.childAinput_1 }}
            </div>
            <div>
                {{ subform.childAinput_2.label }}
                {{ subform.childAinput_2}}
            </div>
            <div>
                {{ subform.category.label }}
                {{ subform.category }}
            </div>
            <div>
                {{ subform.fileA.label }}
                {{ subform.fileA }}
            </div>
    
            <a class="remove" href="#">Remove</a>
            <hr/>
        </div>
    {%- endmacro %}

我的模特

models.py
class Parent(db.Model):
    """Stores parents."""
    __tablename__ = 'parents'
    parentinput_1 = db.Column(db.String(100))
    parentinput_2 = db.Column(db.String(100))

    id = db.Column(db.Integer, primary_key=True)


class ChildA(db.Model):
    """Stores childrenA of a parent."""
    __tablename__ = 'childrenA'

    id = db.Column(db.Integer, primary_key=True)
    parent_id = db.Column(db.Integer, db.ForeignKey('parents.id'))

    childAinput_1 = db.Column(db.String(100))
    childAinput_2 = db.Column(db.Integer)
    category = db.Column(db.String(4))
    fileA = db.Column(db.String(255))

    # Relationship
    parent = db.relationship(
        'Parent',
        backref=db.backref('childrenA', lazy='dynamic', collection_class=list)
    )

（模型、路线和表格实际上在一个文件中，但为了便于阅读，我在问题中将它们分开）

非常感谢

flask
Martin Hope
john swanson
Asked: 2024-01-27 08:46:41 +0800 CST
  • 6

我正在使用 Flask 创建 Spotify 应用程序，并在获取最终用户数据时遇到问题。我的出现了，而不是他们的。他们的文档没有帮助，这里的其他解决方案对我不起作用。

这是我的烧瓶代码：

@app.route('/authenticate')
def authentication():
    sp_oauth = create_spotify_oauth()
    auth_url = sp_oauth.get_authorize_url()
    return redirect(auth_url)

@app.route('/redirectPage')
def redirectPage():
    sp_oauth = create_spotify_oauth()
    code = request.args.get('code')
    token_info = sp_oauth.get_access_token(code)
    session[TOKEN_INFO] = token_info
    return redirect(url_for('playlist_or_album'))

和我的 Spotify oauth 函数：

def create_spotify_oauth():
    return SpotifyOAuth(
        client_id=CLIENT_ID,
        client_secret=CLIENT_SECRET,
        redirect_uri=url_for('redirectPage', _external=True),
        scope='playlist-modify-public'
    )

我搜索了错误日志和其他授权方法。这适合我的需要，我不想改变。没有错误，我只是无法追踪为什么它会登录我而不是其他用户。

flask
Martin Hope
severusDude
Asked: 2023-11-16 00:38:02 +0800 CST
  • 6

返回重定向时请求不断重复。

我制作了一个按钮来发送删除请求，它将使用键“order_list”删除会话数据，但它会继续进行重定向，直到浏览器停止为止

重定向不断重复

cart_order.html

<script>
  function clearQuery() {
    fetch("/cart", {
      method: "DELETE",
      headers: {
        "Content-Type": "application/json",
      },
    })
      .then((response) => {
        if (response.ok) {
          return response.json();
        }
        throw new Error("Network response was not ok.");
      })
      .then((data) => {
        console.log("All orders have been deleted");
      })
      .catch((error) => {
        console.error("Error deleting orders", error);
      });
  }
</script>
<button onclick="clearQuery()">Clear Query</button>

烧瓶

from flask import Flask, render_template, redirect, url_for, session, request

app = Flask(__name__)
app.secret_key = 'THIS_IS_SECRET_KEY'


@app.route('/cart', methods=["GET", "DELETE"])
def cart():

    # for demonstration
    session['order_list'] = {
        'order_1': {
            'marker': True,
            'color': 'blue'
        },
        'order_2': {
            'marker': True,
            'color': 'red'
        },
        'order_3': {
            'marker': True,
            'color': 'blue'
        }
    }

    if request.method == "GET":
        if 'order_list' in session:
            print(session['order_list'])
        else:
            print(session)

        return render_template('cart_order.html')

    elif request.method == "DELETE":

        session.pop('order_list')
        session.modified = True

        return redirect(url_for('cart'))


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

我希望删除带有“order_list”键的会话数据，然后使用 GET 请求重定向回自身，并打印现在应该为空的会话

flask
Martin Hope
Mikhail Sergievskiy
Asked: 2023-10-30 02:30:12 +0800 CST
  • 5

我正在开发一个应用程序，我想发送一些参数以正确渲染页面。

这是我的烧瓶代码：

@app.get('/main')
def interface():
    if True:  # here supposed to be a function to check authorization
        s = 'HELLO'  # for testing purposes I hardcode the dummy parameter
        return render_template('main.html', sid=s)
    return redirect('/')  # if not authorized, move home

当我运行应用程序并尝试打开 127.0.0.1:5000/main 时，该参数未传递。我可以在开发者控制台中看到它：

在此输入图像描述

但是，如果我手动写入地址，例如 127.0.0.1:5000/main?sid=HELLO，我会看到以下内容：

在此输入图像描述

我究竟做错了什么？

flask
Martin Hope
ScotterMonkey
Asked: 2023-08-22 01:30:46 +0800 CST
  • 5

我对与 Flask 会话（以下简称“会话”）相关的 cookie 感到困惑。我确实了解会话如何依赖客户端 cookie。我的问题是，当我们创建/更改/弹出会话变量的值时，是否会在用户浏览器上自动创建/设置 cookie，或者我是否还需要显式管理 cookie 来与该会话变量一起使用？

        session.permanent = True
        session["t_id_user"] = t_id_user
        # Is the following code needed?
        C = make_response("")
        cookie_expires = datetime.now() + timedelta(days=30)
        C.set_cookie("t_id_user", str(t_id_user), expires=cookie_expires)

谢谢你！

flask