Код динамического раскрывающегося списка с использованием Python, sqlite3, HTML и JavaScript

Я хочу получить пользовательские данные из таблицы базы данных sqlite и перечислить их в виде раскрывающегося списка в моем HTML-коде. Я новичок в Python. Я пытался написать код, но это не удалось. list_fetched — это список моих пользователей, который я извлек из таблицы БД.

@app.route('/trail', methods=['POST', 'GET'])
def index():
    list_tested = db_dropdown()
    return render_template("try.html", trail1=list_fetchted)


    return "hi"


try.html:

<html>
  <head>

  </head>
  <body>
    <p>Hello World</p>
    <button type = "submit" onclick = "clicked()">Submit</button>
<script>
      var trail1 = {{ trail1|tojson }};
      function clicked()
      {
      alert("trail1[0]")
      }
    </script>
  </body>
</html>

Значение не отображается.

Это Фласк? Возможно, отметьте это так, пожалуйста.

S Meaden 18.07.2019 11:40

Вы говорите, что вы новичок в Python, какие языки программирования вы использовали? (Просто чтобы получить некоторые ориентиры)

S Meaden 18.07.2019 11:41
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
175
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

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

Я бы порекомендовал взглянуть на краткое руководство по Flask, оно может дать некоторые советы по вашей проблеме и помочь в вашем будущем обучении. (https://flask.palletsprojects.com/en/1.0.x/quickstart/) У меня есть решение для вашей проблемы (я удалил любой доступ к sqlite, но уверен, что вы можете его добавить):

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def hello():
    return render_template("try.html", trial1=['1', '2'])

Затем ваш файл try.html необходимо поместить в /templates/try.html в каталоге вашего проекта. По умолчанию здесь Flask ссылается на шаблоны.

<html>
  <head>

  </head>
  <body>
    <p>Hello World</p>
    <button type = "submit" onclick = "clicked()">Submit</button>
<script>
      var trail1 = {{ trial1|tojson }};
      function clicked()
      {
      alert(trail1[0])
      }
    </script>
  </body>
</html>

Наслаждайтесь изучением Python :)

первый элемент в данных, которые я извлек из базы данных, является пустым. поэтому функция оповещения ничего не отображает. не могли бы вы помочь мне, как создать выпадающее меню из списка, полученного из БД.

Surendar 18.07.2019 12:07

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