ILLA home page
  1. Neon

Neon i Illa är en databasintegration som låter dig ansluta och interagera med en Neon-databas. Neon är ett populärt relationssystem med öppen källkod som är känt för sin hastighet, tillförlitlighet och användarvänlighet.

Med Neon integration i Illa, kan du söka, infoga och uppdatera och ta bort data från en Neon databas med SQL-kommandon. Du kan också skapa anpassade SQL-frågor och köra dem inom Illa. Detta gör det enkelt att bygga datadrivna applikationer och instrumentpaneler som visar realtidsdata från en Neon-databas.

Denna handledning beskriver processen att skapa en Admin Panel med hjälp av ILLA Builder och Neon i några enkla steg. ILLA är en lågkodsplattform för utvecklare som möjliggör snabb utveckling och distribution av interna verktyg. Det gör det möjligt att skapa sidor genom att dra och släppa UI-komponenter, ansluta till någon databas eller API, och skriva JavaScript. För att lära dig mer om Neon, besök deras hemsida på https://neon.tech/ Let’s begin!

Ställ in din baksida på Neon

På Neon-instrumentpanelen klickar du på “Nytt projekt” och anger namnet till “adminPanel”.

neon_create_project

Då kan vi navigera till projektsidan.

neon_create_project_1

Importera data via exempel SQL-frågor.

neon_create_sql

Vi har nu provdatabasen uppsatt.

neon_sample_data

Skapa Neon

Det finns två sätt att skapa en resurs i Illa efter att du loggat in på ditt Illa konto.

  • Skapa i resurser

Logga in på ditt Illa konto, välj **Resurser** högst upp på sidan och klicka på **Skapa ny**-knappen.

external_resource

Välj Neon från databaslistan.

action_list

Anslut till databasen med de parametrar som beskrivs i Connection Settings nedan.

Klicka på **Test Connection** för att se om vi framgångsrikt kan ansluta till databasen. Om ja, klicka Spara resurser, annat, dubbelkolla värdnamn, port, användarnamn och lösenord är korrekt.

Efter att ha skapat en resurs, kommer den färdiga Neon att visas som visas.

neon_ex_ready

  • Skapa i Builder

Logga in på ditt Illa konto, skapa ett projekt i Illa Builder på sidan **App** och navigera till Action List längst ner på sidan. Klicka på **new**, välj sedan Neon från databaslistan. Anslut sedan till databasen med nödvändiga parametrar som beskrivs i Connection Settings nedan.

Klicka på **Test Connection** för att se om vi framgångsrikt kan ansluta till databasen. Om ja, klicka Spara resurser, annat, dubbelkolla värdnamn, port, användarnamn och lösenord är korrekt.

Inställningar för anslutning

Här måste vi tillhandahålla information för att ansluta till Neons databas.

neon_config

EgenskaperKrävsBeskrivning
NamnobligatoriskNamnet på resursen när du skapar åtgärder i ILLA.
Anslutningssträngvalfrien konfigurationsinställning som används för att specificera detaljer om en anslutning till en extern datakälla, till exempel en databas eller API.
HostnameobligatoriskURL eller IP-adress för din databas
PortobligatoriskServerns portnummer som du bör använda för att ansluta. Om du inte anger en port, är standardporten ‘5432’.
DatabasobligatoriskNamnet på databasen
Användarnamnobligatoriskdet användarnamn du vill använda när du loggar in på Neon-servern.
LösenordobligatoriskAnvänd detta lösenord för autentisering.

Det finns två sätt att fylla i informationen för att konfigurera Neon.

  • Analyserar given anslutningssträng

I Neons projektsida har vi en given anslutningssträng i Direct Connection.

neon_connection

Obs: Tappa oskärpa visar dolda siffror, då kan vi kopiera den.

Efter att du klistrar in strängen i anslutningstextområdet i konfigurationen, klicka på Parse.

neon_parsing

Vi har all information som fylls i automatiskt för oss.

neon_parse_done

  • Fyll i informationen manuellt.

Vi kan också hitta nödvändig information från projektsidan och manuellt fylla i dem i konfigurationen i Illa.

Skapa åtgärder

Vi har skapat en Neon-resurs, vi kan lägga till åtgärden genom att välja Neon från åtgärdslistan och välja Create action knappen.

neon_resource_list

Nu har vi lagt till Neon-servern som en åtgärd till vår byggsida.

neon

Konfigurera Neon

EgenskaperBeskrivning
SQL-frågasql-kommandon för att hämta (välja), infoga, uppdatera, ta bort data från databasen
Transformatoromvandlar data till den stil du vill använda JavaScript

Exempel användning:

  • Välj
VÄLJ * FRÅN användare ORDER BY efternamn;
  • Insert
INSERT INTO users

	(firstname, lastname, email)

VALUES

	(

		{{ NewUser.data.firstNameInput }},

		{{ NewUser.data.lastNameInput }},

		{{ NewUser.data.emailInput }}

	);
  • Uppdatera
UPPDATERA användare
  SET förnamn = '{{form1.updatedProfile.first }}'
  VAR id = {{ form1.updatedProfile.uid }};
  • Radera
DELETE FROM users WHERE id = {{ form1.updatedProfile.uid }};