Как изменить значение кнопки в Python (Flask)

Я хочу изменить значение кнопки, написанной в HTML, на «записи». Я хочу адресовать и изменить кнопку в Python. Это сделано для того, чтобы предотвратить двойное нажатие кнопки записи при изменении формы запроса и получить визуальную обратную связь о том, что она работает.

это то, что у меня есть:

@app.route('/camera', methods=['GET', 'POST'])
def camera(): 
    if request.method == 'POST':
        if request.form['record'] == 'record here' :  # <-------- here I ask what the value of the button 
            print ("is recording")                    #           is and it works fine
            p1 = threading.Thread(target=recording)
            p1.start()
    return render_template('camera.html')

это то, что я хочу:

@app.route('/camera', methods=['GET', 'POST'])
def camera(): 
    if request.method == 'POST':
        if request.form['record'] == 'record here' :
            print ("is recording")
            p1 = threading.Thread(target=recording)
            p1.start()
            request.form['record'] = 'records' :     # <----------------- Something like this
    return render_template('camera.html')

Я новичок в Python html flask и веб-разработке в целом.

Почему в Python есть оператор "pass"?
Почему в Python есть оператор "pass"?
Оператор pass в Python - это простая концепция, которую могут быстро освоить даже новички без опыта программирования.
Некоторые методы, о которых вы не знали, что они существуют в Python
Некоторые методы, о которых вы не знали, что они существуют в Python
Python - самый известный и самый простой в изучении язык в наши дни. Имея широкий спектр применения в области машинного обучения, Data Science,...
Основы Python Часть I
Основы Python Часть I
Вы когда-нибудь задумывались, почему в программах на Python вы видите приведенный ниже код?
LeetCode - 1579. Удаление максимального числа ребер для сохранения полной проходимости графа
LeetCode - 1579. Удаление максимального числа ребер для сохранения полной проходимости графа
Алиса и Боб имеют неориентированный граф из n узлов и трех типов ребер:
Оптимизация кода с помощью тернарного оператора Python
Оптимизация кода с помощью тернарного оператора Python
И последнее, что мы хотели бы показать вам, прежде чем двигаться дальше, это
Советы по эффективной веб-разработке с помощью Python
Советы по эффективной веб-разработке с помощью Python
Как веб-разработчик, Python может стать мощным инструментом для создания эффективных и масштабируемых веб-приложений.
3
0
91
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

То, что вы хотите сделать, должно быть сделано с помощью JavaScript, поскольку наиболее естественный способ изменить метку кнопки — это программирование на стороне клиента.

Однако, если вы настаиваете на том, чтобы сделать это из серверного кода, вы можете начать с изменения шаблона camera.html. Допустим, в вашем шаблоне есть следующая кнопка:

<input type = "submit" name = "record" value = "record here">

Это следует изменить, включив в него переменную:

<input type = "submit" name = "record" value = "{{ record }}">

Теперь вы можете отправить значение этой переменной, используя render_template:

@app.route('/camera', methods=['GET', 'POST'])
def camera(): 
    if request.method == 'POST':
        if request.form['record'] == 'record here' :
            print ("is recording")
            p1 = threading.Thread(target=recording)
            p1.start()
            return render_template('camera.html', record='records')
    return render_template('camera.html', record='record here')

Знаете ли вы, как обновить его обратно до «записи здесь», когда запись будет завершена? Второй шаблон рендеринга не достигнут. Я пробовал обновить страницу с помощью pyautogui, но даже когда вы обновляете страницу, она не работает.

Kevin Keller 21.02.2024 13:49

@KevinKeller в вашем коде, обновление веб-страницы должно сделать это (посещение страницы без отправки чего-либо). Потому что когда вы обновляете страницу, вы на самом деле выполняете GET-запрос, и в этом случае request.method == 'POST' будет False и будет запущен последний return в camera.

Hamza Abbad 25.02.2024 14:53

Да, я понимаю, и я пробовал, но по какой-то причине он не обновляется даже при жестком обновлении pyautogui.

Kevin Keller 28.02.2024 16:28

К сожалению, у меня нет опыта работы с pyautogui, поэтому я понятия не имею, как вы пишете эту программу. Но если эта идея работает в стандартном браузере, то проблема может быть в pyautogui. Также убедитесь, что страница не кэширована. В обычном браузере вам следует обновить страницу с помощью Shift+F5, чтобы получить полное обновление без использования кеша.

Hamza Abbad 01.03.2024 12:09

Из вашего кода я заметил, что вы хотите изменить значение кнопки на странице camera.html на «записи».

Для этого вам следует передать «записи» в качестве аргумента render_html, получить их в camera.html и присвоить значению кнопки.

@app.route('/camera', methods=['GET', 'POST'])
def camera(): 
    if request.method == 'POST':
        if request.form['record'] == 'record here' :
            print ("is recording")
            p1 = threading.Thread(target=recording)
            p1.start()
            request.form['record'] = 'records' :
    return render_template('camera.html', val='records')

Теперь в вашем camera.html у вас есть, скажем, кнопка или ввод с именем «записи»:

{% if val!=None and val! = "" %}
<input type = "submit" name = "records", value = "{{val}}" />
{% else %}
<input type = "submit" name = "records", value = "record here" />
{% endif %}

Другие вопросы по теме