Pentru unul dintre proiectele care au fost făcute pe baza CMS MODX Evolution, trebuia să organizez rezultatul listei de produse din fișier în format CSV în pagină sub forma unui cod HTML. În acest scop am fost ajutat de fragmentul CSV2HTML, pe care l-am găsit în repozitoriu pe site-ul oficial MODX. Aici puteți găsi o descriere și instrucțiuni pentru instalarea fragmentului. Mai jos dau instrucțiunile mele scurte.
Instalarea fragmentului CSV2HTML
În panoul de administrare al site-ului (vă reamintesc că site-ul meu este realizat pe MODX EVO), creați un fragment nou numit csv2html și lipiți următorul cod în el:
Ieșiți la pagina de date a fragmentului de CSV2HTML
Rezultatul documentului în format CSV este următorul:
Problema cu codificarea în ieșire către pagină
Cel mai probabil ați întâmpina o problemă în codarea textului de ieșire dintr-un fișier dacă utilizați codul de fragment de pe site-ul oficial. Pentru a corecta această eroare, a trebuit să faceți următoarele modificări la codul sursă:
Rețineți că există două astfel de linii în codul sursă
Codul fragmentului, pe care l-am specificat mai sus, conține deja corecții. Nu este nevoie să faceți ajustări.
Acum, când datele de pe tabelă sunt afișate pe pagină, organizăm căutarea pe pagină.
Organizarea căutării de text pe pagină
Codul a fost găsit pe unul dintre site-urile de pe Internet - sursa.
Cod pentru formularul de căutare:
Codul sursă a fost ușor modificat în partea de proiectare: deoarece site-ul a fost creat utilizând cadrul Bootstrap. așa că am folosit elementele acestui cadru pentru a proiecta partea vizuală a codului. Iată ce am primit:
Unele caracteristici ale lucrării:
- Scriptul caută o potrivire exactă sau caută o apariție a unei interogări în părți de cuvinte
- Toate meciurile sunt marcate cu un marcator
- Pagina se derulează automat la primul meci
- Când introduceți o nouă interogare, elementele de pagină marcate cu marcaje din căutarea anterioară sunt returnate aspectului original
Această opțiune este o soluție destul de simplă și funcțională dacă trebuie să aduceți o masă de la Excell la o pagină și să organizați o căutare pe aceasta. La rândul său, puteți utiliza și actualiza acest cod pentru nevoile dvs.
Anton Kanby
Articole similare
Trimiteți-le prietenilor: