ILLA home page
  1. Neon

Neon in Illa on tietokantaintegrointi, jonka avulla voit muodostaa yhteyden ja olla vuorovaikutuksessa Neon-tietokannan kanssa. Neon on suosittu avoimen lähdekoodin relaatiotietokannan hallintajärjestelmä, joka on tunnettu sen nopeus, luotettavuus ja helppokäyttöisyys.

Neon integraation avulla voit kysyä, lisätä, päivittää ja poistaa tietoja Neon tietokannasta käyttäen SQL komentoja. Voit myös luoda mukautettuja SQL kyselyitä ja suorittaa ne Illa. Tämän ansiosta on helppoa rakentaa datapohjaisia sovelluksia ja kojelautoja, jotka näyttävät reaaliaikaista dataa Neon-tietokannasta.

Tässä tutoriaalissa hahmotellaan prosessi, jossa luodaan hallintapaneeli ILLA Builderilla ja Neonilla muutamissa yksinkertaisissa vaiheissa. ILLA on matalan koodin alusta kehittäjille, joka mahdollistaa sisäisten työkalujen nopean kehittämisen ja käyttöönoton. Se mahdollistaa sivujen luomisen vetämällä ja pudottamalla käyttöliittymän komponentteja, yhdistämällä mihin tahansa tietokantaan tai APIin ja kirjoittamalla JavaScriptiä. Lisätietoja Neonista saat osoitteessa https://neon.tech/ Aloitetaan!

Määritä takaisin loppusi Neonille

Klikkaa Neonin kojelaudalla New project ja aseta nimi adminPanel.

neon_create_project

Sitten voimme siirtyä projektin sivulle.

neon_create_project_1

Tietojen tuominen näytteen SQL-kyselyiden avulla.

neon_create_sql

Meillä on nyt käytössä otostietokanta.

neon_sample_data

Luo Neon

On kaksi tapaa luoda resurssi Illa sen jälkeen, kun olet kirjautunut Illa tilillesi.

  • Luo resursseissa

Kirjaudu Illa-tilillesi, valitse **Resurssit** sivun yläreunassa ja napsauta **Luo uusi ** -painiketta.

external_resource

Valitse Neon tietokantaluettelosta.

action_list

Yhdistä tietokantaan vaaditut parametrit alla olevassa Connection Settingsssa.

Napsauta **Testaa yhteyttä** nähdäksesi, pystymmekö yhdistämään tietokantaan onnistuneesti. Jos kyllä, klikkaa Save Resources, muu, tarkista isäntänimi, portti, käyttäjätunnus ja salasana on oikea.

Kun olet luonut resurssin, valmis Neon näyttää esitetyllä tavalla.

neon_ex_ready

  • Luo rakentajaan

Kirjaudu Illa tilillesi, luo projekti Illa Builderiin **App**-sivulle, ja siirry sivun alareunassa olevaan Action List -luetteloon. Valitse **new**, ja valitse Neon tietokantaluettelosta. Yhdistä sitten tietokantaan vaaditut parametrit alla olevassa Connection Settingsssa.

Napsauta **Testaa yhteyttä** nähdäksesi, pystymmekö yhdistämään tietokantaan onnistuneesti. Jos kyllä, klikkaa Save Resources, muu, tarkista isäntänimi, portti, käyttäjätunnus ja salasana on oikea.

Yhteyden Asetukset

Tässä yhteydessä meidän on annettava tietoja, joiden avulla voimme yhdistää Neon-tietokantaan.

neon_config

OminaisuudetPakollinenKuvaus
NimivaadittuResurssin nimi kun luodaan toimia ILLA:ssa.
Yhteyden merkkijonovalinnainenkonfiguraatioasetus, jota käytetään ulkoiseen tietolähteeseen yhdistettävien tietojen, kuten tietokannan tai API:n, yksityiskohtien määrittämiseen.
HostnamevaadittuTietokannan URL-osoite tai IP-osoite
PorttivaadittuPalvelimen portti numero, jota sinun pitäisi käyttää yhdistämiseen. Jos et määritä porttia, oletusportti on ‘5432’.
TietokantavaadittuThe name of the database
Käyttäjätunnusvaadittukäyttäjätunnus, jota haluat käyttää, kun kirjaudut sisään Neon-palvelimelle.
SalasanavaadittuKäytä tätä salasanaa tunnistautumiseen.

On olemassa kaksi tapaa täyttää tiedot määrittämiseen Neon.

  • Jäsennetään annetun yhteyden merkkijonoa

Neonin projektisivulla, vieritys tehty, meillä on tietty yhteysmerkkijono Suora yhteys.

neon_connection

Huomautus: Sammuttamalla sumennus näyttää piilotetut numerot, voimme kopioida sen.

Kun merkkijono on liitetty yhteyden merkkijonon tekstialueelle asetuksissa, klikkaa Parse.

neon_parsing

Meillä on kaikki meille automaattisesti täytetyt tiedot.

neon_parse_done

  • Täytä tiedot manuaalisesti.

Voimme myös löytää tarvittavat tiedot projektin sivulta ja manuaalisesti täyttää ne konfiguraatio Illa.

Luo Toiminnot

Olemme luoneet Neon resurssin, voimme lisätä toiminnon valitsemalla Neon toimintalistalta ja valitsemalla Create action -painikkeen.

neon_resource_list

Nyt olemme lisänneet Neon palvelimen toiminnaksi meidän rakennussivulle.

neon

Määritä Neon

OminaisuudetKuvaus
SQL-kyselysql komentoja noutaaksesi (valita), lisää, päivitä, poista tietoja tietokannasta
Muuntajamuuttamalla dataa tyyliin, jonka pidät JavaScriptin avulla

Esimerkin käyttö:

  • Valitse
VALITSE * käyttäjistä ORDER BY sukunimi;
  • Insert
INSERT INTO users

	(firstname, lastname, email)

VALUES

	(

		{{ NewUser.data.firstNameInput }},

		{{ NewUser.data.lastNameInput }},

		{{ NewUser.data.emailInput }}

	);
  • Päivitä
UPDATE users
  SET firstname = '{{form1.updatedProfile.first }}'
  WHERE id = {{ form1.updatedProfile.uid }};
  • Poista
DELETE FROM users WHERE id = {{ form1.updatedProfile.uid }};