Как настроить каркас веб-интерфейса поверх бэкенда?

Question

Я хочу разработать небольшое веб-приложение для работы с данными (в основном, с отображением списков записей, редактированием, добавлением новых ...).Я использую флешку в качестве основы фреймворка и пытаюсь изучить некоторые фреймворки (бутстрап, угловой и реагирующий).Я не могу понять, как использовать их вместе.

мой тестовый проект выглядит следующим образом

flaskr
│   app.py
│
├───static
├───templates
│       index.html

это пустое приложение "фейерверк".Я не могу понять, как реализовать какие-либо рамки интерфейса в моем приложении.я должен поместить библиотеки js в статический каталог и использовать urlof для ссылки на них в тегах?это кажется плохим способом сделать это.Я буду рад за некоторые примеры или объяснения даже для одного из них.Я новичок в веб-разработке, так что в любом случае мне придется учиться чему-то новому.

Спасибо!

РЕДАКТИРОВАТЬ: Я наконец-то решил поработать с начальной загрузкой.Может кто-нибудь показать более подробное объяснение интеграции бэкэнда колбы с внешним интерфейсом начальной загрузки?

Answer 1

Предполагая, что вы хотите запустить REST API с Flask:

Вы, вероятно, можете обслуживать свое приложение Angular через Flask.Но: я бы попробовал разделить оба проекта.Обычно в вашей производственной среде перед вашим приложением находится какой-то сервер.Часто это веб-сервер ngnix или apache2.Служите клиенту Angular здесь и добавьте обратный прокси в / api, который перенаправляет на ваш бэкэнд Flask.Во время разработки вы можете использовать функцию Angular proxy для перенаправления вызовов API, например, на localhost: 3000.Итак, вы будете запускать Angular с помощью ng serve во время разработки и обслуживать папку dist в производственном процессе.

Конфигурация прокси для Angular будет выглядеть так (для dev):

{
  "/api": {
    "target": "http://localhost:3000",
    "secure": false,
    "pathRewrite": {
      "^/api": ""
    }
  }
}

ТеперьВы можете использовать свой API через localhost: 4200 / api /...