ILLA home page
  1. Neon

Неон в Ila є інтеграцією бази даних, що дозволяє вам з’єднатися і взаємодіяти з базою даних Neon. Неон - це популярна система управління базами даних з відкритим вихідним кодом, відома своєю швидкістю, надійністю та легкістю використання.

За допомогою неонової інтеграції в Illa, ви можете запитувати, вставити, оновлювати та видаляти дані з бази даних Неона за допомогою SQL-команд. Також можна створювати користувацькі SQL запити і запускати їх у межах Illa. Це дозволяє легко створювати програми, керовані даними, та панелі керування, які показують дані в реальному часі з бази даних Neon.

Цей посібник встановлює процес створення Панелі Адміністратора за допомогою ILLA Builder і Neon за декілька простих кроків. ILLA - це низькококодова платформа для розробників, яка дозволяє швидко розвинути та розгорнути внутрішні інструменти. Це дозволяє створювати сторінки, перетягуванням компонентів інтерфейсу, з’єднуватися з будь-якою базою даних чи API, і писати JavaScript. Щоб дізнатися більше про Neon, відвідайте його веб-сайт https://neon.tech/ Давайте розпочнемо!

Налаштуйте кінець "Назад" на Неоні

На неоновій панелі натисніть “Новий проект” і встановіть ім’я на “adminPanel”.

neon_create_project

Далі ми можемо перейти до сторінки проекту.

neon_create_project_1

Імпорт даних через зразкові запити SQL.

neon_create_sql

Тепер ми маємо вибірку бази даних встановлено.

neon_sample_data

Створити неон

Існує два способи створити ресурс у Іллі після входу до облікового запису Illa в обліковий запис.

  • Створити в ресурсах

Увійдіть до свого рахунку Ілла, оберіть Ресурсина верху сторінки та натисніть кнопкуСтворити нове`.

external_resource

Оберіть **`Ні** зі списку баз даних.

action_list

Підключіться до бази даних з необхідними параметрами, описаними в меню Параметри підключення нижче.

Натисніть **Test Connection**, щоб перевірити, чи можна успішно підключитися до бази даних. Якщо так, натисніть Зберегти ресурси`, ще, подвоїти ім’я хоста, ім’я користувача та пароль правильні.

Після створення ресурсу, готовий Neon буде відображатися як показано.

neon_ex_ready

  • Створити в будівельнику

Увійдіть до свого облікового запису Ілла, створіть проект в конструкторі Ila в сторінці **App** і навігація до Списку дій в нижній частині сторінки. Натисніть **новий**, потім оберіть Немену зі списку баз даних. Далі підключіться до бази даних з необхідними параметрами, описаними в меню Параметри підключення нижче.

Натисніть **Test Connection**, щоб перевірити, чи можна успішно підключитися до бази даних. Якщо так, натисніть Зберегти ресурси`, ще, подвоїти ім’я хоста, ім’я користувача та пароль правильні.

Параметри підключення

Тут нам потрібно надати інформацію для підключення до бази даних Neon.

neon_config

ВластивостіОбов’язковоОпис
Ім’яобов’язковоНазва ресурсу при створенні дій в ILLA.
Рядок підключеннянеобов’язковопараметр конфігурації, що використовується для визначення деталей підключення до зовнішнього джерела даних, наприклад бази даних чи API.
Hostnameобов’язковоURL або IP-адреса для вашої бази даних
Портобов’язковоНомер порта сервера, який ви повинні використовувати для підключення. Якщо не вказано порт, то порт за замовчуванням становить 5432’.
База данихобов’язковоІм’я бази даних
Ім’я користувачаобов’язковоім’я користувача, яким ви бажаєте використовувати при вході до серверу Неона.
Парольобов’язковоВикористовуйте цей пароль для автентифікації.

Існує два способи заповнити інформацію для налаштування Неону.

  • Розбір даного рядка підключення

На сторінці проекту Неон, прокрутка виконана, у нас є рядок підключення в Пряме з'єднання.

neon_connection

Примітка: розмиття відображення прихованих чисел, потім ми можемо скопіювати його.

Після вставлення рядка в текстову область підключення в конфігурацію, натисніть “Парсе`.

neon_parsing

Ми маємо всю інформацію, що заповнена автоматично для нас.

neon_parse_done

  • Вручну заповніть інформацію.

Ми також можемо знайти необхідну інформацію зі сторінки проекту та заповнити їх вручну в налаштуваннях Іллі.

Створити дії

Ми створили Неоновий ресурс, можемо додати дію, вибравши Неон зі списку дій та вибравши кнопку Створити дію .

neon_resource_list

Тепер ми додали сервер Neon як дію до нашої сторінки будівництва.

neon

Налаштувати неон

ВластивостіОпис
SQL запиткоманди sql для отримання (вибрані), вставлення, оновлення, видалення даних з бази даних
Трансформаторперетворення даних в бажаний вами стиль з використанням JavaScript

Приклад використання:

  • Вибрати
SELECT * FROM користувачі ORDER BY прізвище;
  • Insert
INSERT INTO users

	(firstname, lastname, email)

VALUES

	(

		{{ NewUser.data.firstNameInput }},

		{{ NewUser.data.lastNameInput }},

		{{ NewUser.data.emailInput }}

	);
  • Оновити
Користувачі UPDATE
  SET firstname = '{{form1.updatedProfile.first }}
  Ідентифікатор WHERE = {{ form1.updatedProfile.uid }};
  • Видалити
DELETE FROM users WHERE id = {{ form1.updatedProfile.uid }};