* * * *

Privacy Policy

Blog italiano

Clicca qui se vuoi andare al blog italiano su Lazarus e il pascal.

Forum ufficiale

Se non siete riusciti a reperire l'informazione che cercavate nei nostri articoli o sul nostro forum vi consiglio di visitare il
Forum ufficiale di Lazarus in lingua inglese.

Lazarus 1.0

Trascinare un file nel programma
DB concetti fondamentali e ZeosLib
Recuperare codice HTML da pagina web
Mandare mail con Lazarus
Stabilire il sistema operativo
Esempio lista in pascal
File INI
Codice di attivazione
Realizzare programmi multilingua
Lavorare con le directory
Utilizzare Unità esterne
TTreeView
TTreeview e Menu
Generare controlli RUN-TIME
LazReport, PDF ed immagini
Intercettare tasti premuti
Ampliare Lazarus
Lazarus e la crittografia
System Tray con Lazarus
UIB: Unified Interbase
Il file: questo sconosciuto
Conferma di chiusura di un applicazione
Liste e puntatori
Overload di funzioni
Funzioni a parametri variabili
Proprietà
Conversione numerica
TImage su Form e Panel
Indy gestiore server FTP lato Client
PopUpMenu sotto Pulsante (TSpeedButton)
Direttiva $macro
Toolbar
Evidenziare voci TreeView
Visualizzare un file Html esterno
StatusBar - aggirare l'errore variabile duplicata
Da DataSource a Excel
Le permutazioni
Brute force
Indy 10 - Invio email con allegati
La gestione degli errori in Lazarus
Pascal Script
Linux + Zeos + Firebird
Dataset virtuale
Overload di operatori
Lavorare con file in formato JSON con Lazarus
Zeos ... dietro le quinte (prima parte)
Disporre le finestre in un blocco unico (come Delphi)
Aspetto retrò (Cmd Line)
Lazarus 1.0
Come interfacciare periferica twain
Ubuntu - aggiornare free pascal e lazarus
fpcup: installazioni parallele di lazarus e fpc
Free Pascal e Lazarus sul Raspberry Pi
Cifratura: breve guida all'uso dell'algoritmo BlowFish con lazarus e free pascal.
Creare un server multithread
guida all'installazione di fpc trunk da subversion in linux gentoo
Indice
DB concetti fondamentali e connessioni standard
Advanced Record Syntax
DB concetti fondamentali e DBGrid
DB concetti fondamentali e TDBEdit, TDBMemo e TDBText
Advanced Record Syntax: un esempio pratico
Superclasse form base per programmi gestionali (e non)
Superclasse form base per programmi gestionali (e non) #2 - log, exception call stack, application toolbox
Superclasse form base per programmi gestionali (e non) #3 - traduzione delle form
Superclasse form base per programmi gestionali (e non) #4 - wait animation
Un dialog per la connessione al database:TfmSimpleDbConnectionDialog
Installare lazarus su mac osx sierra
immagine docker per lavorare con lazarus e free pascal
TDD o Test-Driven Development
Benvenuto! Effettua l'accesso oppure registrati.
Ottobre 03, 2024, 04:56:49 pm

Inserisci il nome utente, la password e la durata della sessione.

91 Visitatori, 0 Utenti
Prerequisiti: aver letto la serie di articoli dedicata alla programmazione WEB con Lazarus + Free Spider ed averne studiato gli esempi.

Alcune lezioni fa abbiamo parlato dell'oggetto TSpiderPage (alla pagina http://www.lazaruspascal.it/index.php?page=93 ) in cui accennavamo alla possibilità di separare l'operatività della pagina dal layout della pagina, ed il TSpiderPage lavorava bene a tal proposito se tutti gli elementi di layout erano all'interno della pagina presa in ingresso dal TSpiderPage, ma se già tale pagina html faceva riferimento a dei fogli di stile esterni (file .css) o ad immagini queste non vengono prese in considerazione (o almeno io non ho capito come fare).
Per risolvere questo problema ci viene in soccorso l'oggetto THtmlTemplate che trovate nella libreria "JQuery UI" (alla pagina http://www.lazaruspascal.it/index.php?page=101 ).
Vediamo come si usa, per prima cosa copiamo i file che compongono la libreria "JQuery UI" nella cartella dove risiede il nostro progetto CGI. Successivamente aggiungiamo la seguente unit "htmltemplate" al nostro progetto.

Successivamente andiamo a inserire il seguente codice nell'evento OnRequest dell'oggetto SpiderCGI1

Codice: [Seleziona]

procedure TDataModule1.SpiderCGI1Request(Sender: TObject;
  Request: TSpiderRequest; var Response: TSpiderResponse);
var
   Template: THtmlTemplate;
begin
     Template:= THtmlTemplate.Create('blackwhite/index.html');
     // Assigning the tags to be replace
     Template.Tags.Add('', ExePath + 'blackwhite/');
     Template.Tags.Add('', 'Qui scrivo quello che voglio. Posso anche andare ad inserirci altri oggetti jquery, form, tabelle e quant''altro.');
     Template.Tags.Add('', 'mio titolo');
     Template.Load;
     Response.Add(Template.Content);
     Template.Free;
end;


A questo punto il nostro codice dovrebbe diventare così:

Codice: [Seleziona]

unit main;

{$mode objfpc}{$H+}

interface

uses
  Classes, SysUtils, FileUtil, SpiderCGI, SpiderUtils, htmltemplate;

type

  { TDataModule1 }

  TDataModule1 = class(TDataModule)
    SpiderCGI1: TSpiderCGI;
    procedure DataModuleCreate(Sender: TObject);
    procedure SpiderCGI1Request(Sender: TObject; Request: TSpiderRequest;
      var Response: TSpiderResponse);
  private
    { private declarations }
  public
    { public declarations }
  end;
const
     ExePath='/bin-cgi/'; {il path di dove risiede la nostra cartella CGI per intenderci dove dobbiamo copiare il nostro eseguibile per farlo lavorare correttamente - sostituire bin-cgi con il nome della nostra cartella preposta all'esecuzione dei file cgi}
var
  DataModule1: TDataModule1;

implementation


{$R *.lfm}


{ TDataModule1 }

procedure TDataModule1.DataModuleCreate(Sender: TObject);
begin
     SpiderCGI1.Execute;
end;

procedure TDataModule1.SpiderCGI1Request(Sender: TObject;
  Request: TSpiderRequest; var Response: TSpiderResponse);
var
   Template: THtmlTemplate; {l'oggetto che ci permette di inglobare un template nel nostro progetto}
begin
     Template:= THtmlTemplate.Create('blackwhite/index.html'); {creo l'oggetto in memoria e lo riempio del contenuto del file passato come parametro - ovvero il nostro template}
     Template.Tags.Add('', ExePath + 'blackwhite/');  {all'interno del nostro template vado a sostituire le stringhe  con il percorso della cartella dove si trova il nostro file style.css }
     Template.Tags.Add('', 'Qui scrivo quello che voglio. Posso anche andare ad inserirci altri oggetti jquery, form, tabelle e quant''altro.'); {idem come la riga sopra solo che qui immetto del testo per far capire come rendere le pagine interattive mantenendo una sottostruttura stabile che adibiamo a template}
     Template.Tags.Add('', 'mio titolo'); {idem come la riga sopra ma serve solo per rendere variabile il contenuto del titolo}
     Template.Load; {carico in memoria i miei dati}
     Response.Add(Template.Content); {stampo sul browser dell'utente il contenuto dell'oggetto template come lo abbiamo preparato}
     Template.Free; {libero l'area di memoria adibita a contenere il template}
end;

end.


Questo è tutto, si tratta di un oggetto semplice ma estremamente utile per mantenere le vostre pagine sempre accattivanti (cambiando solo il file che contiene la grafica della pagina) senza dover toccare una riga di codice del vostro programma.
L'esempio appena descritto è disponibile qui, corredato anche della cartella "blackwhite" e del suo contenuto: www.lazaruspascal.it/esempi/Esempio_Template.zip

Share on Twitter! Digg this story! Del.icio.us Share on Facebook! Technorati Reddit StumbleUpon

Articles in « WEB »

Comments *

Commenting option has been turned off for this article.

Recenti

How To

Utenti
Stats
  • Post in totale: 19009
  • Topic in totale: 2267
  • Online Today: 108
  • Online Ever: 900
  • (Gennaio 21, 2020, 08:17:49 pm)
Utenti Online
Users: 0
Guests: 91
Total: 91

Disclaimer:

Questo blog non rappresenta una testata giornalistica poiché viene aggiornato senza alcuna periodicità. Non può pertanto considerarsi un prodotto editoriale ai sensi della legge n. 62/2001.