Italian community of Lazarus and Free Pascal

Programmazione => Lazarus e il web => Topic aperto da: xinyiman - Settembre 06, 2019, 11:21:19 pm

Titolo: adminlte test
Inserito da: xinyiman - Settembre 06, 2019, 11:21:19 pm
Ciao ragazzi, ogni tanto ci riprovo. Voglio creare una piccola applicazione web lazarus con grafica adminLTE. Ci avevo già provato con indy, ma ora ci voglio provare con gli strumenti nativi di lazarus. Se decomprimete l'esempio che allego, vedrete che nella cartella bin/i386-win32/ trovate una cartella "files_extra", a cui dovete aggiungere a mano la cartella "AdminLTE_Files" dopo scaricate AdminLTE dall'indirizzo:
https://github.com/ColorlibHQ/AdminLTE/archive/v2.4.18.zip

Spostate il contenuto dalla cartella in cui trovate il file index.html nella cartella "AdminLTE_Files"

Cambiate i percorsi nel file uConsts.pas in base a dove posizionate il vostro esempio

Compilate e lanciate l'esempio, poi aprite il browser all'indirizzo: http://localhost:9090/adminlte_files/index.html

Vedrete che con firefox funziona correttamente, con chrome no. Chi mi sa spiegare perchè? Inoltre ipotizzando di voler modificare l'html dell'index.html al momento in cui compare nel browser, secondo voi quale evento devo usare?! Quest'ultima cosa serve per valorizzare delle variabili da presentare al browser.
Titolo: Re:adminlte test
Inserito da: Stilgar - Settembre 07, 2019, 12:29:56 pm
Ciao.A parte che Lazarus 2.0.2 non mi apre correttamente il progetto, hai controllato cosa rispondi effettivamente al browser?
Codice: [Seleziona]
Content-Type:addtype
Firefox tiene botta, Chrome ti faculizza :)
OT:Esiste una comoda funzione che ti estrae il path di un file :)
Codice: [Seleziona]
  RegisterFileLocation('adminlte_files', ExtractFilePath(ParamStr(0))+DirectorySeparator+ROOT_ADMINLTE_PATH);
  MimeTypesFile        := ExtractFilePath(ParamStr(0))+DirectorySeparator+MIME_TYPES_PATH;                 
Codice: [Seleziona]
const
     ROOT_ADMINLTE_PATH     = 'AdminLTE_Files' + System.DirectorySeparator;
     NO_FILE_HTML           = 'No file exists.';
     MIME_TYPES_PATH        = 'files_extra' + System.DirectorySeparator + 'mime.types';                                                                                               
Titolo: Re:adminlte test
Inserito da: Stilgar - Settembre 07, 2019, 12:34:46 pm
Consiglio.
Metti il tuo programma come back-end e usa un apache come front-end.
Ti eviti tanto "dolore" in questo modo :)
Stilgar
Titolo: Re:adminlte test
Inserito da: xinyiman - Settembre 07, 2019, 12:52:23 pm
Ciao.A parte che Lazarus 2.0.2 non mi apre correttamente il progetto, hai controllato cosa rispondi effettivamente al browser?
Codice: [Seleziona]
Content-Type:addtype
Firefox tiene botta, Chrome ti faculizza :)
OT:Esiste una comoda funzione che ti estrae il path di un file :)
Codice: [Seleziona]
  RegisterFileLocation('adminlte_files', ExtractFilePath(ParamStr(0))+DirectorySeparator+ROOT_ADMINLTE_PATH);
  MimeTypesFile        := ExtractFilePath(ParamStr(0))+DirectorySeparator+MIME_TYPES_PATH;                 
Codice: [Seleziona]
const
     ROOT_ADMINLTE_PATH     = 'AdminLTE_Files' + System.DirectorySeparator;
     NO_FILE_HTML           = 'No file exists.';
     MIME_TYPES_PATH        = 'files_extra' + System.DirectorySeparator + 'mime.types';                                                                                               
Ciao Stilgar, grazie della risposta. Ho tenuto i percorsi dei file slegati dal percorso dell'eseguibile volutamente, altrimenti conosco piuttosto bene quella funzione. Non so come ovviare al problema dell'addtype. Sai da cosa è dovuto?! Si so che con Apache è più facile, ma volevo complicarmi la vita per un progetto
Titolo: Re:adminlte test
Inserito da: Stilgar - Settembre 07, 2019, 12:57:38 pm
Dipende dalla libreria che stai usando, immagino 😜
Titolo: Re:adminlte test
Inserito da: SB - Settembre 15, 2019, 09:03:33 am
Non mi si apre il progetto.

Se ho capito bene, vuoi realizzare un programma con interfaccia web.
Se posso darti un consiglio, se stai iniziando adesso lascia perdere bootstrap o qualsiasi altro framework css.
E' vero che sembra di ottenere belle pagine con poco sforzo, ma ci sono delle controindicazioni.
1) devi fare pesante uso di classi css DENTRO le pagine html, cosa che viola il principio di separazione tra html e css
2) generando le pagine da programma, il css finisce DENTRO il programma, cosa che ti creerà problemi quando l'applicazione crescerà e successivamente quando dovrai manutenerla
3) non puoi fare a meno di conoscere css, quindi in realtà raddoppi lo sforzo di apprendimento
4) se devi realizzare qualcosa di particolare impazzirai per cercare la giusta combinazione delle classi del framework per ottenere quello che vuoi (e non è detto che si riesca)
5) molti lamentano la pesantezza di bootstrap e l'omogeneità dei siti prodotti (se questo può essere un problema)

Personalmente ho perso un sacco di tempo con w3.css (un framework alternativo a bootstrap e, a detta dei proponenti, più semplice ed efficiente) senza riuscire ad ottenere ciò che volevo (e non sto parlando di chissà quali effetti fantastici)
Ho buttato via tutto e ho fatto le stesse cose in CSS puro in una frazione di tempo e con un risultato più pulito.