O carte de oaspeți poate fi o modalitate excelentă pentru vizitatorii site-ului dvs. de a face o impresie permanentă asupra prezenței lor pe site-ul dvs., fără a fi prea intruzivi. Înainte de a începe să vă gândiți la sursa HTML pentru o carte de oaspeți, trebuie să decideți cum doriți să curgă și cum doriți să arate. În acest caz, ne vom uita la o carte de oaspeți care plasează un formular pentru ca utilizatorii să semneze în partea de sus. Mai jos va fi apoi o listă cu toate comentariile postate de cititori.
Sursa HTML pentru cartea noastră de oaspeți va consta dintr-un formular web și o listă de containere DIV care vor păstra afișarea comentariilor semnate. Partea de cod care se va ocupa de formular este simplă ca aceasta.
| Numele complet: |
|
| Adresa de e-mail |
|
Mesaj:
|
|
Chiar sub formular, vom plasa comentariile pentru alți utilizatori care au semnat deja cartea de oaspeți și acel HTML care se ocupă de acest lucru arată oarecum așa.
Imi place site-ul tau, voi reveni des!!
A fost o experiență grozavă să petrec timpul aici, mi-ar plăcea să contribui mai mult!!
Wilbur Corect
E minunat să faci parte din ceea ce faci aici!!
Adam Adeve
Îți doresc toate cele bune și succes în proiectul tău!
Tony Scott
Continuați treaba bună!!
Efectele plasării acestor două bucăți de cod HTML pe pagina dvs. web din Cartea de oaspeți ar fi cele ilustrate în imaginea prezentată mai sus din stânga.
Făcând totul să funcționeze După cum este obiceiul cu HTML, acesta nu este prea funcțional în sine, deoarece HTML a fost conceput în primul rând ca o modalitate de a gestiona afișarea textului și a imaginilor. Pentru a rezolva această problemă, trebuie să implementăm un cod de pe server pentru a procesa datele colectate de formularul de carte de oaspeți. Acest cod de pe partea serverului poate fi în oricare dintre numeroasele limbaje de programare, cum ar fi PHP, ASP .NET, JSP sau Ruby. Deoarece programarea în aceste limbi depășește domeniul de aplicare al acestui articol, voi folosi cod generic „pseudo” pentru a reprezenta codul din partea serverului și pentru a vă oferi o idee despre cum ar putea arăta.
conectați-vă la baza de date
if(formularul trimis)(
inserați date în baza de date ()
Citiți toate intrările din cartea de oaspeți din baza de date și ordonați în funcție de dată
while(există intrări în baza de date)(
// afișează întregi în acest format
print: „$nume complet$
$data$
$mesaj$."
conexiune strânsă la baza de date
Pseudocodul de mai sus face pur și simplu o conexiune la baza de date unde sunt stocate datele. Apoi verifică dacă formularul de carte de oaspeți a fost trimis. Dacă da, atunci introduce datele în baza de date.
Următorul lucru pe care îl face pseudocodul este să citească toate intrările din cartea de oaspeți din baza de date și să le afișeze utilizatorului chiar sub formularul web, dând rezultatul așa cum se vede în imaginea de mai sus.
Concluzie Iată-l. Sursa HTML pentru o carte de oaspeți nu devine mai simplă decât atât. Cărțile de oaspeți sunt una dintre cele mai simple și mai elementare pagini dinamice pe care le veți implementa vreodată pe site-ul dvs. web. Desigur, cartea de oaspeți poate fi stilată în continuare, iar moduri mai complexe de operare și validare a datelor pot și ar trebui utilizate pentru a se potrivi fluxului site-ului dvs. Indiferent de modul în care alegeți să implementați cartea de oaspeți, elementele de bază descrise în pseudocodul rămân aceleași.
Crearea unei cărți de oaspeți pe site În articolele anterioare, ne-am uitat la crearea unui formular de feedback pe un site web. O altă opțiune de comunicare bidirecțională cu vizitatorii este o carte de oaspeți, în care vizitatorii lasă mesaje direct pe pagina site-ului. Administratorul site-ului le poate răspunde, edita, șterge etc. Cartea de oaspeți, în ciuda avantajelor sale incontestabile față de formularul de feedback, are un mare dezavantaj - adaugă îngrijorări administratorului. Acum toate mesajele de la vizitatori sunt vizibile pe site și uneori trebuie să le răspundeți. În plus, oaspeții noștri scriu nu numai recenzii recunoscătoare, ci și tot felul de lucruri obscene și fac acest lucru cu un zel deosebit. I-aș ucide pe acești „scriitori”! Prin urmare, cartea de oaspeți trebuie monitorizată în mod constant și trebuie făcută educația huliganilor și leneșilor. Un exemplu de carte de oaspeți este prezentat în Fig. 1:
Fig.1. Una dintre opțiunile pentru cartea de oaspeți Există multe opțiuni pentru cărți de oaspeți, plătite și gratuite, pe Internet. Uneori o carte de oaspeți este inclusă în lista serviciilor oferite de găzduire. În acest caz, trebuie doar să plasați un link către cartea de oaspeți pe o pagină a site-ului dvs. și, dacă doriți, să configurați interfața acesteia prin panoul de control. O problemă este că atunci când schimbi găzduirea, îți vei pierde cartea de oaspeți. Așa că este mai bine să-l ai pe al tău, mai ales că instalarea lui pe site este la fel de simplă.
Cărțile de oaspeți pot fi construite folosind baze de date sau fără ele. În acest din urmă caz, informațiile sunt stocate într-un fișier obișnuit. Dacă sunteți adeptul soluțiilor simple, atunci vă recomand a doua variantă, adică fără a crea o bază de date. Mi-a plăcut cartea de oaspeți dezvoltată de Serghei Shestopalov (vezi site-ul său „Home Scripts”). Site-ul oferă și dezvoltări interesante ale autorului pentru comunicarea interactivă cu vizitatorii: forumuri, cărți de oaspeți, diverse formulare pentru comentarii, trimitere de mesaje, colectare de statistici și multe alte lucruri utile. Asigurați-vă că îl verificați, îl recomand!
De exemplu, luați în considerare instalarea Cartei de oaspeți versiunea 2.0. Acesta oferă următoarele funcții:
- gestionarea mesajelor: ștergere, editare, comentare,
- configurarea și toată munca se face prin panoul de control, adică nu aveți nevoie de cunoștințe de programare și alte complexități,
- mesajele acceptă emoticoane, formatarea textului și a culorilor,
- previzualizare mesaj,
- există un sistem Antispam, Anti-Hacker, care blochează utilizatorii prin IP, caută un atacator după IP,
- Protecția și securitatea publicității sunt organizate folosind captcha (introducerea de numere distorsionate). De asemenea, puteți crea o „listă neagră” de vizitatori nedoriți și o listă de cuvinte interzise,
- interfață complet personalizabilă și multe altele.
Cartea de oaspeți 2.0, în ciuda simplității sale, este destul de suficientă pentru majoritatea aplicațiilor. Îl puteți descărca gratuit de pe pagina corespunzătoare a site-ului lui Serghei Shestopalov. Dimensiunea folderului cu fișiere după despachetare (nume - Carte) este de aproximativ 400 KB.
Să începem să instalăm o carte de oaspeți pe site-ul tău web:
1. În primul rând, trebuie să verificați dacă planul dvs. de găzduire (oficiul unde este găzduit site-ul dvs. web) acceptă PHP. Dacă nu, atunci cel mai probabil va trebui să plătiți suplimentar pentru a trece la un alt tarif care acceptă PHP.
2. Încărcați folderul Book pe site-ul dvs. web, de obicei în directorul rădăcină, prin panoul de control sau prin FTP.
3. Pune un hyperlink către cartea de oaspeți pe pagina dorită a site-ului - http://www.your_site /book/index.php.
4. De asemenea, este indicat să verificați drepturile de acces la fișierele și folderele de pe site-ul dvs. Cel mai convenabil mod de a face acest lucru este prin intermediul panoului de control. Lângă fiecare folder și fișier există pictograme precum rwx, r-x sau numerele 755, 644 etc. Acestea indică exact drepturi de acces pentru administratorul site-ului și oaspeți:
r (sau 4) - dreptul de a citi datele din fișier,
w (sau 2) - dreptul de a modifica conținutul fișierului,
x (sau 1) - dreptul de a executa fișierul.
Codarea digitală este utilizată pentru a scurta înregistrarea. De exemplu, 7 este echivalent cu scrierea rwx (4+2+1), etc. Fără a intra în detalii despre aceste abrevieri, așa cum sunt explicate de obicei în manualul panoului de control al site-ului, verificați dacă folderele dvs. sunt setate la 755 (care corespunde cu rwx, r-x, r-x) și fișierele dvs. sunt 644 (rw-, r-). -, r--). De obicei, aceste valori sunt setate implicit și nu va trebui să schimbați nimic, dar cel mai bine este să verificați. După cum se spune, „vecinul meu este prietenul meu, dar este mai bine să ascund untura”.
Asta este! Accesați site-ul dvs., deschideți pagina pe care ați plasat un link către cartea de oaspeți, urmați acest link și lăsați primul mesaj persoanei iubite.
Acum câteva cuvinte despre întreținerea cărții de oaspeți. Sesiunea administratorului cu cartea de oaspeți începe cu autorizarea - conectarea la panoul de control la http://www.your_site /book/admin/index.php. Login și parola pentru prima conectare este admin 111.
În continuare, puteți schimba parola (este recomandabil să faceți acest lucru) și puteți începe să editați postările și să le răspundeți. Interfața panoului de administrare este extrem de prietenoasă și vă puteți da seama cu ușurință de toate funcțiile. Toate instrumentele sunt clare și, în plus, sunt prevăzute cu indicii. De exemplu, Fig. 2 prezintă panoul pentru personalizarea aspectului paginii principale a cărții de oaspeți și dezvăluie lista de panouri disponibile:
Fig.2.
Desigur, exact în același mod cum este descris, puteți instala o versiune mai completă a Cartei de oaspeți 3.2 de Serghei Shestopalov, care are câteva funcții suplimentare: un modul de statistici, posibilitatea de a verifica mesajele de către administrator înainte de a le publica pe site ( moderație) și altele.
După cum am spus deja, mai multor „prieteni” nedoriți le place să-și lase mesajele pe paginile cărții de oaspeți. De obicei, ei postează link-uri către site-urile lor aici, ascunzându-se în spatele recenziilor elogioase despre site-ul tău. În 99% din cazuri este spam. Prin urmare, vă recomand să excludeți introducerea adresei site-ului web în mesaje. Pentru a face acest lucru, accesați panoul de control al cărții de oaspeți și în fila Aspect - Formular, debifați elementul „Site”, astfel încât spammerii să nu folosească cartea de oaspeți pentru a posta link-uri către site-urile lor. Este mai bine să lăsați e-mail și ICQ, deoarece uneori oamenii doresc să primească un răspuns confidențial, adică fără a posta în cartea de oaspeți. Când ați terminat, nu uitați să faceți clic pe butonul „Salvați” din partea de jos a paginii.
Eliminarea elementului „Site” nu ajută întotdeauna la înfundarea cărții de oaspeți și cel mai bine este să verificați mesajele înainte de a le posta. Apropo, dacă primiți puține mesaje, puteți simplifica cartea de oaspeți într-o pagină HTML obișnuită. Această opțiune cea mai simplă este descrisă în
În acest tutorial vom crea o carte de oaspeți în PHP folosind AJAX. Înregistrările vor fi stocate într-o bază de date. Tabelul va conține următoarele informații: numele expeditorului, adresa de e-mail, adresa IP și data ultimei intrări. jQuery va fi folosit (pentru a implementa AJAX). De asemenea, va fi implementată o protecție simplă anti-spam - nu puteți posta mai mult de o intrare la fiecare 10 minute.
Pasul 1: SQL Pentru ca aplicația noastră să funcționeze, trebuie să creăm un tabel:
CREAȚI TABEL DACĂ NU EXISTĂ `s178_guestbook` (`id` int(10) unsigned NOT NULL auto_increment, `name` varchar(255) default "", `email` varchar(255) default "", `description` varchar(255) implicit "", `when` int(11) NOT NULL implicit "0", `ip` varchar(20) implicit NULL, CHEIE PRIMARĂ (`id`)) ENGINE=MyISAM DEFAULT CHARSET=utf8;
Pasul 2: PHP Fișierul principal va conține următorul cod:
carte de oaspeți.php Carte de oaspeți Adăugați comentariul dvs. aici funcția trimiteComment(e) ( var name = $("#name").val(); var email = $("#email").val(); var text = $("#text " ).val(); if (nume && e-mail && text) ( $.post("guestbook.php", ( "nume": nume, "email": e-mail, "text": text ), funcția (date) ( dacă (date != „1”) ( $(„#listă_înregistrări”).fadeOut(1000, funcția () ( $(this).html(data); $(this).fadeIn(1000); )); ) else ( $("#warning2").fadeIn(2000, function () ( $(this).fadeOut(2000); )); ) ) ) else ( $("#warning1").fadeIn(2000 , function ( ) ( $(this).fadeOut(2000); ) );
| Numele dumneavoastră: | |
| E-mailul dvs.: | |
| Recenzie: | |
| | Completați toate câmpurile obligatorii Nu puteți posta mai mult de o recenzie în decurs de 10 minute (protecție antispam) |
