ILLA home page
  1. Neon

Neon in Illa je databázová integrace, která vám umožňuje připojit a komunikovat s Neonovou databází. Neon je populární systém pro správu relativních databází s otevřeným zdrojem, který je známý jeho rychlostí, spolehlivostí a snadností používání.

S Neonovou integrací v Ille můžete pomocí SQL příkazů dotázat, vkládat, aktualizovat a mazat data z Neonovy databáze. Můžete také vytvořit vlastní SQL dotazy a spustit je v Ille. Díky tomu lze snadno sestavovat aplikace a dashboardy, které zobrazují data v reálném čase z Neonovy databáze.

Tento kurz nastiňuje proces vytváření administrátorského panelu pomocí ILLA Tvůrce a Neona v několika jednoduchých krocích. ILLA je nízkokódová platforma pro vývojáře, která umožňuje rychlý vývoj a zavádění interních nástrojů. Umožňuje vytvářet stránky přetažením a vypouštěním komponent uživatelského rozhraní, připojením k databázi nebo API a psaním JavaScript. Chcete-li se dozvědět více o Neonu, navštivte jejich webové stránky na https://neon.tech/ Pojďme na začátku!

Nastavte si svůj backend na Neonu

Na Neonově dashboardu klikněte na “Nový projekt” a nastavte název na adminPanel.

neon_create_project

Pak můžeme přejít na stránku projektu.

neon_create_project_1

Importování dat prostřednictvím ukázkových dotazů SQL.

neon_create_sql

Nyní máme vytvořenou ukázkovou databázi.

neon_sample_data

Vytvořit Neon

Po přihlášení do vašeho účtu Illa existují dva způsoby, jak vytvořit zdroj v Illa.

  • Vytvořit ve zdrojích

Přihlaste se ke svému účtu Illa, vyberte **Zdroje** v horní části stránky a klikněte na tlačítko **Vytvořit nové**.

external_resource

Vyberte Neon ze seznamu databází.

action_list

Připojte se k databázi s požadovanými parametry popsanými v části Nastavení připojení níže.

Klepněte na tlačítko **Test Connection** a zjistěte, zda se můžeme úspěšně připojit k databázi. Pokud ano, klikněte na Uložit zdroje, jinak dvakrát zkontrolujte hostname, port, uživatelské jméno a heslo je správné.

Po vytvoření zdroje se bude zobrazovat připravený Neon.

neon_ex_ready

  • Vytvořit ve staviteli

Přihlaste se ke svému účtu Illa, vytvořte projekt v Illa Builder na stránce **App** a přejděte na Seznam akcí v dolní části stránky. Klikněte na **nové**, pak vyberte Neon z databázového seznamu. Poté se připojte k databázi s požadovanými parametry popsanými v části Nastavení připojení níže.

Klepněte na tlačítko **Test Connection** a zjistěte, zda se můžeme úspěšně připojit k databázi. Pokud ano, klikněte na Uložit zdroje, jinak dvakrát zkontrolujte hostname, port, uživatelské jméno a heslo je správné.

Nastavení připojení

Zde musíme poskytnout informace pro připojení k Neon databázi.

neon_config

VlastnostiPožadovánoL 343, 22.12.2009, s. 1).
NázevvyžadovánoNázev zdroje při vytváření akcí v ILLA.
Připojovací řetězecvolitelnénastavení konfigurace, které se používá k upřesnění údajů o připojení k externímu zdroji dat, jako je databáze nebo API.
HostnamevyžadovánoURL nebo IP adresa pro vaši databázi
PřístavvyžadovánoČíslo portu hostitele, které byste měli použít k připojení. Pokud nespecifikujete port, výchozí port je ‘5432’.
DatabázevyžadovánoNázev databáze
Uživatelské jménovyžadovánouživatelské jméno, které chcete použít při přihlášení na Neon server.
HeslovyžadovánoPoužít toto heslo pro ověření.

Informace pro konfiguraci Neona lze vyplnit dvěma způsoby.

  • Parsování daného připojovacího řetězce

Na stránce Neonova projektu jsme hotovi, máme zadan etzec pipojen v Přímé připojení.

neon_connection

Poznámka: Klepnutím na rozostření zobrazíte skrytá čísla, můžeme je zkopírovat.

Po vložení řetězce do textové oblasti pro připojení klikněte na Parse.

neon_parsing

Všechny informace jsou pro nás automaticky vyplněny.

neon_parse_done

  • Ručně vyplňte informace.

Můžeme také najít požadované informace na stránce projektu a ručně je vyplnit do konfigurace v Illa.

Vytvořit akce

Vytvořili jsme Neon dokument, akci můžeme přidat výběrem Neona ze seznamu akcí a výběrem tlačítka Vytvořit akci.

neon_resource_list

Nyní jsme přidali Neon server jako akci na naši stránku budovy.

neon

Konfigurace Neona

VlastnostiL 343, 22.12.2009, s. 1).
SQL dotazsql příkazy pro načtení (výběr), vkládat, aktualizovat, mazat data z databáze
Transformátortransformace dat do stylu, který se vám líbí pomocí JavaScriptu

Příklad použití:

  • Vybrat
VYBRAT * ODPOVĚDÍ uživatelů PODLE příjmení;
  • Insert
INSERT INTO users

	(firstname, lastname, email)

VALUES

	(

		{{ NewUser.data.firstNameInput }},

		{{ NewUser.data.lastNameInput }},

		{{ NewUser.data.emailInput }}

	);
  • Aktualizovat
UPDATE users
  SET firstname = '{{form1.updatedProfile.first }}'
  WHERE id = {{ form1.updatedProfile.uid }};
  • Vymazat
DELETE FROM users WHERE id = {{ form1.updatedProfile.uid }};