Create en Flash Logg System Bruke PHP og MySQL - Del 2
en
Del
en
Del
Dette Cyber mandag Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av.
I del 1 vi skapte front end login system for brukere å legge inn sine detaljer. I denne opplæringen vil vi opprette et register form som vil tillate brukere å registrere seg. Dette vil da legge sine opplysninger til databasen, etter som de vil være i stand til å logge
Trinn 1:. Oppsett Dokument Class
For det første, la oss setup vår dokument klasse og Flash-fil. Åpne en ny Flash-fil, og kaller det register.fla. Deretter oppretter du en actionscript-fil og kaller det register.as
Deretter skriver register i klassen tekstfeltet i Properties panelet
Trinn 2:. Setup kodestruktur
< p> Nå har vi koblet vår dokument til vår kode, må vi opprette vår klasse i som fil
pakke {import flash.display *..; public class register strekker MovieClip {offentlig funksjon register (): void {trace ("suksess"); }}}
Trinn 3: Lag Registeret Form Interface
Tegn et 460x300px fylt rektangel og velge hvilken bakgrunn farge du liker. Lag tittelen - Registrer med oss - og et tekstfelt - Registrer
Din grensesnittet skal se slik ut:.
Trinn 4: Oppsett skjemafeltene
Lag tre inngangstekstfelt med eksempel navnene på username_text, password_text og userbio_text
Trinn 5:. Lag Registeret Button
Klikk på tekstfeltet med "Register" som du opprettet i trinn 3 og konvertere den til et filmklipp. Gi den en forekomst navn register_button
Nå grensesnittet skal se slik ut:.
Trinn 6: Lag Resultatet Text
Opprett en ny dynamisk tekstfeltet ved siden av journalen og gi den en forekomst navn result_text. Vi har fullført alle de stedene vi trenger. Vår ferdige grensesnittet skal se slik ut
Trinn 7:. Få eiendeler fra del 1
For å spare deg for tid jeg vil ikke dekke tilkoblingen i denne del som du kan lære at i Del 1. Få connect.php fra php-mappen i del 1. Jeg har også tatt det i del 2 Kilde zip nedlasting.
Det er alt vi trenger fra del 1. Nå la oss lage actionscript-kode.
Trinn 8: opprette objekt Innstillinger - Registrer Button
Først må vi gi registeret knappen en velt markøren. Vi gjør dette ved hjelp av buttonMode eiendom
register_button.buttonMode = true;
Det er alt vi trenger å gjøre for å formatere vårt register knappen
Trinn 9:.. Sette opp The Register Button
Vi trenger nå vårt register knappen for å kjøre en funksjon som validerer input av en bruker. Vi kan gjøre dette ved å legge til en hendelse lytteren og utløser funksjonen når brukeren trykker på knappen Twitter /* når register knappen trykkes deretter checkForm funksjonen kjører * /register_button.addEventListener (MouseEvent.MOUSE_DOWN, checkForm);.. < hr>
Trinn 10: Valider Form
Før brukeren kan sende inn skjemaet de må fylle ut alle feltene. Husk å importere flash.events. * Klasser i din AS-fil. Følg kommentarer ...
offentlig funksjon checkForm (e: MouseEvent): void {/* Hvis alle feltene har mer enn ett tegn sendForm () inits. Hvis ikke så result_text vil fortelle dem om å fylle dem alle i * /if (username_text.text = "!" &Amp; & password_text.text = "" & &! Userbio_text.text = ""). {SendForm (); } Else {result_text.text = "Vennligst fyll ut alle felt"; }}
Trinn 10: Sett opp URLVariables Class
Husk å importere flash.net * klasser i din AS-fil.. Den URLVariables klassen brukes til å lagre data i at du ville sende ut til en ekstern kilde på et senere tidspunkt
Vi må skape en variabel for å holde disse dataene i.
Var phpVars: URLVariables = nye URLVariables ();
Vi bruker instansvariabler til å lagre data:
phpVars.username = username_text.text; phpVars.password = password_text.text; phpVars.userbio = userbio_text.text;
Trinn 11: Sett opp URLRequest Class
Neste vi trenger å gjøre en URL forespørsel å få plasseringen av våre php-fil. Dette URLRequest er også det vi passerer våre php variabler gjennom. Når vi legger denne forespørselen php variabler sendes til php filen
Var urlRequest. URLRequest = new URLRequest ("php /register.php"); /* POST-metoden er brukt her, slik at vi kan bruke php s $ _POST funksjon for å motta våre php variabler * /urlRequest.method = URLRequestMethod.POST; /* dette legger våre php variabler til url forespørsel * /urlRequest.data = phpVars;
Trinn 12:. Sett opp URLLoader Class
URLLoader Class lar deg sende & motta data fra eksterne kilder. I dette tilfellet vil vi sende våre URLVariables data til php-fil via vår URLRequest. Følg kommentarer ... Twitter /* bruker vi URLLoader klassen til å sende forespørselen URLVariables til php fil * /var URLLoader: URLLoader = new URLLoader (); urlLoader.dataFormat = URLLoaderDataFormat.VARIABLES; /* kjører funksjonen når php filen har snakket med Flash * /urlLoader.addEventListener (Event.COMPLETE, utstillingsresultat); /* Vi sender forespørselen til php fil * /urlLoader.load (urlRequest);
Trinn 13: Lag utstillingsresultat () Funksjon
I sendForm () -funksjonen vi lagt en lytter til å kjøre utstillingsresultat () -funksjonen når php filen hadde blitt henrettet. Nå la oss lage det ... Twitter /* funksjonen for å vise resultatet * /public funksjon utstillingsresultat (e: Hendelses): void {//e.target.data henviser til php filen utgang. Vi definerer result_message i php filen senere. result_text.text = "" + e.target.data.result_message; }
Trinn 14:. Lag PHP File
Opprett en ny php fil, name it register.php og lagre den i en ny mappe kalt php
Trinn 15: Flash til PHP Kommunikasjon
For å fortsette må vi være sikker på om vår php og Flash-filer er å snakke med hverandre. Åpne din tekst editor for valg og åpne register.php du nettopp opprettet. Igjen, følg kommentarer ...
< php /* bruk connect.php å koble ut database * /include_once ("connect.php"); /* lage testen POST VAR - $ _POST ['brukernavn'? ] brukes til phpVars.username fra phpVars variable vi satt * /$ username = $ _POST ['brukernavn']; /* skrive ut utgang - Dette blir sendt tilbake til flash.. Som du kan se result_message har nå blitt definert * /print "result_message = $ brukernavn";.? ≫
Nå laste opp filene til serveren din for testing og sjekke det ut. Hvis den resulterende teksten er nå den samme som brukernavnet du har vellykket kommunikasjon mellom Flash og php. Nå vil slette innholdet i register.php
Trinn 16:. Inkluder Connection File
Nå har vi vellykket tilkobling vi kan koble til vår database fra Del 1. Vi gjør dette ved å inkludere vår connect.php fil vi gjorde i del 1.
< php include "connect.php"; >
Trinn 17:? Lag POST Vars
Vi må skape POST vars å motta php vars vi sendte og definert som POST variabler Twitter /* lage POST vars å motta data fra flash * /$ username = $ _POST ['brukernavn'];. $ password = $ _POST ['passord' ]; $ userbio = $ _POST ['userbio']; <? php /* koble til databasen * /inkludere "connect.php"; /* lage POST vars å motta data fra flash * /$ username = $ _POST [' brukernavn ']; $ password = $ _POST [' passord ']; $ userbio = $ _POST [' userbio ']; >
Trinn 18: Lag SQL Statement
La oss nå lage SQL-setningen som vil legge våre verdier og lagre dem i en ny rekord i databasen. Følg kommentarene .. Twitter /* INSERT INTO brukere - Dette betyr at vi ønsker å sette en rekord i brukertabellen (brukernavn, passord, user_bio). - Vi spesifiser de feltene vi ønsker å legge til våre data to.VALUES ( '$ brukernavn', '$ passord', '$ userbio') - Vi angir da hvilke data vi ønsker i hvert felt * /$ sql = "INSERT INTO brukere (brukernavn, passord, user_bio) VALUES ('$ brukernavn',. '$ passord', '$ userbio') ";
Trinn 19: Tilbake til Flash Twitter /* Neste vi sende ut spørringen til å kommunisere med databasen. Hvis du vil sende result_message tilbake til flash vi bruke exit-funksjonen. * /mysql_query ($ sql) eller exit ("result_message = Feil"); exit ("result_message = suksess");
Trinn 20: Fullført PHP Script
< php /* bruk koble til. php til å koble ut database * /include_once ("connect.php"); /* lage POST vars å motta data fra flash * /$ username = $ _POST ['brukernavn']; $ password = $ _POST ['passord']; $ userbio = $ _POST ['userbio']; /* lage mysql spørring * /$ sql = "INSERT INTO brukere (brukernavn, passord, user_bio) VALUES ('$ brukernavn', '$ passord', '$ userbio') "; mysql_query ($ sql) eller exit (" result_message = Feil "); exit (" result_message = suksess "); ? >
Trinn 21:. Fullført Action File
pakke {import flash.display *; import flash.events. *; import flash.net. *; public class register strekker MovieClip {offentlig funksjon register (): void {/* Først må vi gi registeret knappen en velt markøren. Vi gjør dette ved hjelp av buttonMode eiendommen. * /Register_button.buttonMode = true; /* Gi registeret knappen en mus hendelse * /register_button.addEventListener (MouseEvent.MOUSE_DOWN, checkForm); /* Satt alle feltene til ingen tegn * /username_text.text = ""; password_text.text = ""; userbio_text.text = ""; } /* Validere brukerens input * /public funksjon checkForm (e: MouseEvent): void {if (username_text.text = "" & & password_text.text = "" & & userbio_text.text = "! ") {sendForm (); } Else {result_text.text = "Vennligst fyll ut alle felt"; }} /* Funksjon vi bruker for å sende skjemaet * /public funksjon sendForm (): void {/* bruker vi URLVariables klassen til å lagre våre php variabler * /var phpVars: URLVariables = nye URLVariables (); phpVars.username = username_text.text; phpVars.password = password_text.text; phpVars.userbio = userbio_text.text; /* Bruker vi URLRequest metode for å få adressen til vår php fil og fest php vars. * /Var urlRequest: URLRequest = new URLRequest ("php /register.php"); /* POST-metoden er brukt her, slik at vi kan bruke php s $ _POST funksjon for å motta våre php variabler. * /UrlRequest.method = URLRequestMethod.POST; /* Dette legger våre php variabler til url forespørsel * /urlRequest.data = phpVars; /* Bruker vi URLLoader klassen til å sende forespørselen URLVariables til php fil * /var URLLoader: URLLoader = new URLLoader (); urlLoader.dataFormat = URLLoaderDataFormat.VARIABLES; /* Kjører funksjonen når php filen har talt til flash * /urlLoader.addEventListener (Event.COMPLETE, utstillingsresultat); /* Vi sender forespørselen til php fil * /urlLoader.load (urlRequest); } /* Funksjonen for å vise resultatet * /public funksjon utstillingsresultat (e: Hendelses): void {result_text.text = "" + e.target.data.result_message; }}}
Konklusjon
Nå kan du gå til demo, registrere, deretter gå til logg inn siden og prøve det ut. Takk for at du leser denne todelte serien! Anmeldelser