Проект: решение на основе Flask и Vue с разделением фронтенда и бэкенда

Введение в проект

Это решение для веб-разработки на Python, основанное на Flask и Vue.

Среда выполнения

Python 3.7.3

Примечание: для работы с Python 2 необходимо самостоятельно написать совместимый код или использовать сторонние библиотеки для обеспечения совместимости; если есть проблемы с совместимостью при использовании Python 3, обновите зависимости в файле requirements.

Установка

1. В корневом каталоге выполните команду для установки зависимостей:

pip3 install -r requirements.txt

2. Инициализируйте базу данных test и импортируйте структуру таблицы test.sql в корневой каталог.
3. Запустите следующий запрос в браузере или Postman:

http://127.0.0.1:500

Обновления

• 2023.02.15: планируется заменить Flask на пакет Socket для более высокой пользовательской настройки.
• 2022.03.04: обновлены зависимости проекта, перегенерирован файл requirements.
• 2019.04.03: добавлены транзакции, декоратор проверки, демо находится в UsersController.
• 2019.05.30: добавлена глобальная регистрация исключений и описание ошибок интерфейса.
• 2019.05.30: добавлено описание проверки на нескольких языках.
• 2019.07.08: однократное создание модели, наследование модели для последующей упаковки методов добавления, изменения, удаления и запроса, что упрощает работу с ORM.
• 2019.11.28: запуск загрузки категорий, снижение ненужных затрат, по умолчанию используется текстовый журнал для предотвращения ошибок вставки из-за отсутствия test.sql.
• 2019.12.03: добавление событий базы данных.
• 2019.12.12: добавлен планировщик задач.

Особые указания

1. После версии 2019.07.08 будет использоваться SQLAlchemy вместо flask_sqlalchemy в качестве ORM.
2. Для создания базовой модели можно использовать sqlacodegen mysql+pymysql://root:1993524@127.0.0.1:3306/test > Model.py.

Архитектура программного обеспечения

Бэкенд (Flask)

1. Три файла входа:

   • json api вход — запуск run.py;
   • restful api вход — запуск restfulRun.py;
   • socketio вход — запуск socketRun.py.

2. Процесс запуска:

   • run.py ->
   • app/init.py ->
   • app/Middleware/XSSProtection.py (абстрактный слой промежуточного слоя для обработки некоторых унифицированных проверок логики, добавление в соответствии с требованиями);
   • app/Controllers/UsersController.py (получение параметров переднего плана json и распределение их в модельном слое для обработки, см. модуль запроса Flask);
   • app/Models/Users.py (бизнес-логика записывается как статический метод или метод класса для вызова контрольным слоем);
   • app/Controllers/UsersController.py (получить возвращаемое значение модельного слоя и вернуть его).

Фронтенд (Vue)

1. Установка, запуск и упаковка:

   • использование webpack, vue, mint-ui для решения проблем внешнего интерфейса;
   • npm install (рекомендуется использовать источник Taobao cnpm install);
   • npm run dev (запуск тестовой среды);
   • npm run build (упаковка в формат, распознаваемый браузером).

2. Важные файлы и папки:

   • маршрутизация: src/router/index.js;
   • представление: src/views/*;
   • компоненты: src/components/*;
   • API: src/api/*;
   • ресурсы: src/assets/*;
   • хранилище (vuex): src/store/*;
   • инструменты: src/utils/*.

3. Каталог внешнего интерфейса находится в app/views.

Другие проекты автора с открытым исходным кодом

1. Проект приложения Tool Chicken Frontend.
2. Клиент Android для мониторинга состояния панели.
3. PlainCms.
4. Tool Chicken — чат-комната.
5. Слайдерная проверка.

Общение в группе

Пожертвования автору