Python Flask Флажок Сохранить состояние - PullRequest
0 голосов
/ 27 февраля 2020

Я создаю flask приложение для управления пи gp ios. У меня есть несколько флажков, которые необходимы для сохранения состояния даже после обновления страницы или когда пользователь покидает страницу.

код app.py для отображения страницы

@app.route("/config")
def config():
    return render_template("config.html")   

HTML код для галочки

<form>
    <fieldset class="form-group">
      <legend>Device Configuration</legend>    
      <div class="form-check">
        <label class="form-check-label">
          <input class="form-check-input" type="checkbox" value="" id="check-soil">
          Soil
        </label>
      </div>
    </fieldset>
    <button type="submit" class="btn btn-primary">Update</button>
  </fieldset>
</form>

Ответы [ 2 ]

0 голосов
/ 28 февраля 2020

Поскольку вы хотите, чтобы это обрабатывалось при визуализации страницы, ie на стороне сервера, вам нужно будет делать это по маршруту config.

Идеальный способ, которым я могу предложить прочитать состояние формы на маршруте, который вы можете передать шаблону jinja в качестве вспомогательного объекта.

Теперь в разделе, где у вас есть формы в шаблоне, в зависимости от атрибутов проверки в поддерживающие объекты, вы можете пометить в HTML как предварительно проверенное поле следующим образом:

<input class="form-check-input" type="checkbox" value="" id="check-soil" checked>

Атрибут checked отмечает поле проверяется при визуализации формы.

0 голосов
/ 27 февраля 2020

вы, возможно, захотите обработать его с помощью javascript, добавляя прослушиватель событий при каждом изменении флажка и вызывая асинхронную c функцию, которая отправляет данные обратно в flask / python

 const checkbox = document.getElementById('check-soil')
 checkbox.addEventListener('change', ()=>{
     asyncFunction()
 })

если вы не знакомы с созданием асинхронных c функций, вы можете проверить эту ссылку .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...