Web programming - PHP Part III.

Web Programming PHP Part III. Krisztian Balog | University of
Stavanger

Smarty

So far: mixing HTML and PHP <!DOCTYPE html>  <html> […]
<?php  echo "First name: " . $first_name . "<br>"; ?>  <input type="text" name="first_name" value="<?php echo $first_name;?>" />   […]

Templating <!DOCTYPE html>  <html> […] First name: {$first_name} <br>  
[…] <input type="text" name="first_name"   value="{$first_name}" /> <!DOCTYPE html>  <html> […] First name: John <br>   <input type="text" name="first_name"   value="John" />   […] Template file Final HTML - Placeholders are substituted with actual values

Smarty - Templating language - Clean separation of presentation from
logic - Particularly important for projects where the roles of designers and developers are separated - Easier maintenance of large projects - HTML extended with Smarty variables and control statements in between {…}

Smarty syntax & controls - {$variable} - single value -
{foreach} - loop, e.g., for displaying arrays - {if} - {include} - including another smarty ﬁle - {literal} - JavaScrips or CSS content (that contains { or } chars) needs to be in between {literal}..{/literal}

{$variable} $smarty->assign("name", "John"); Hello {$name}! Hello John! PHP Smarty Output

{foreach}   iterating values • apple • orange • banana
PHP Smarty Output <ul> {foreach $fruits as $f} <li>{$f}</li> {/foreach} </ul> $fruits = array("apple", "orange", "banana"); $smarty->assign("fruits", $fruits);

{foreach}  iterating keys & values • [red] #ff0000 • [green]
#00ff00 • [blue] #0000ff PHP Smarty Output $colors = array( "red" => "#ff0000", "green" => "#00ff00", "blue" => "#0000ff", ); $smarty->assign("colors", $colors); <ul> {foreach $colors as $key => $val} <li>[{$key}]: {$val}</li> {/foreach} </ul>

{if} and {include} Smarty {if $page == "list"} {include file="list.tpl"}
{elseif $page == "table"} {include file="table.tpl"} {else} Here are some choices: […] {/if}

PHP methods 1. Create new Smarty object    2. Set
Smarty variables    3. Display page $smarty = new Smarty(); $fruits = array("apple", "orange", "banana");  $smarty->assign("fruits", $fruits); $smarty->display("sample.tpl");

Folder structure template ﬁles with .tpl extension come here PHP
project dir

// edit these two lines according to your local settings 
define("SMARTY_DIR", "YOUR-WWW-ROOT/Smarty-3.1.28/libs/");  define("PROJECT_DIR", "");    // init Smarty  require(SMARTY_DIR . "Smarty.class.php");  $smarty = new Smarty();  $smarty->setTemplateDir(PROJECT_DIR . "smarty/templates");  $smarty->setCompileDir(PROJECT_DIR . "smarty/templates_c");  $smarty->setCacheDir(PROJECT_DIR . "smarty/cache");  $smarty->setConfigDir(PROJECT_DIR . "smarty/config");  //$smarty->testInstall();    // passing some data to Smarty  $smarty->assign("name", "John");    // ...    // display HTML  $smarty->display("sample.tpl"); Example examples/php/smarty/smarty.php

- Download latest version from   https://github.com/smarty-php/smarty/releases - Unzip it
under www root - Set up required folder structure under PHP project dir Smarty setup examples/php/smarty/README.md need to be writable by the web server

Exercises #1-#4 https://github.com/kbalog/web-programming/tree/master/  exercises/php/smarty

Custom Smarty functions - {html_select_date} — creates date dropdowns -
{html_radios} — creates a radio button group - {html_checkboxes} — creates a checkbox group - {html_table} — dumps an array of data into a table - …

Deploying on ux.uis.no

Setup - Use an FTP client, e.g., FileZilla - Server:
badne5.ux.uis.no - User and pass in email from Theodor Ivesdal - www root is public_html - URL is http://www.ux.uis.no/~yourusername

Smarty and PHP setup on ux.uis.no examples/php/ux-setup.md

References - Smarty Crash Course  http://www.smarty.net/crash_course - Smarty Manual  http://www.smarty.net/docs/en/

Web programming - PHP Part III.

Web programming - PHP Part III.

Krisztian Balog

More Decks by Krisztian Balog

Other Decks in Programming

Featured

Transcript