web programming introduction to php com427 1. objectives to understand what php is and how a php...

31
Web Programming Introduction to PHP COM427 1

Upload: elaine-short

Post on 23-Dec-2015

225 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Web Programming

Introduction to PHP

COM427 1

Page 2: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Objectives

• To understand what PHP is and how a PHP script works with a Web Browser and a Web Server

• To learn what software and components you need to get started with PHP

• To create and run a simple PHP script

COM427 2

Page 3: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Web servers

• Can be considered at two levels:1. The physical computer that stores web files and web application

programs.2. More precisely, the web server is a specialized piece of software,

running on the server computer, which• receives requests, via the Internet, for web pages or programs• retrieves the pages / executes the programs• returns the results over the Internet to the browser.

• Common web servers:– Apache– Microsoft Internet Information Services (IIS)

COM427 3

Page 4: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Web Application Program

• Carries out many dynamic tasks, such as the following: – Input a search term, search the WWW, and

return the results– Calculate and display the number of times that a

page has been viewed– Verify the input fields on a Web form– Save a Web form into a database– Display a special graph, or return the results of a

calculation based on data input from a form

COM427 4

Page 5: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

What is PHP?

• Original of PHP (Rasmus Lerdorf) [born in Qeqertarsuaq, Greenland]

• Server side – e.g. form handling, database access– (as opposed to Javascript which is

mainly clientside)• (X)HTML-embedded scripting language

COM427 5

Page 6: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Basic Browser Web Server interaction

6

1. Browser in Client sents http request e.g. http://localhost/~labuser/test.php

2. Server receives request and activates php to interpret php program (test.php)

3. Server sends html output to browser in client for display

Page 7: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

PHP Advantages

Advantages of Using PHP to enhance Web pages:

– Easy to use.– Open source.– Multiple platform.

COM427 7

Page 8: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Browser PHP MySQL Interaction

8

A third layer can be added if php makes a call to a database to supply data in response to web browser request

Page 9: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Browser/PHP/database example

9

Browser holds html form

Enter Details of Car

Reg Num

Make

Submit

PHP program- Receives values- Plugs them into database

query- Sends Request to database- Receives data and - Returns result as web page

Details of Car

Taxed ? YesMOT? YesReg Date: 1st Jan 2010

https://www.gov.uk/check-vehicle-tax

Car Database

Page 10: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

PHP & Javascript

• Javascript– Client side– Good for form validation– Good for web page presentation– Poor for security– Some database access

• PHP– Server side– Better security– Good database access

COM427 10

Page 11: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Getting Started with PHP

To develop and publish PHP scripts all you need is:

– A Web server with PHP built into it– A client machine with a basic text editor and Internet

connection– FTP software (if webserver used) Use localhost in the development phase and then

upload to the server

COM427 11

Page 12: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Installation of Apache, PHP and MySQL

• In the lab: Apache server, PHP, MySQL installed

• At home: – Install Apache, PHP and MySQL separately, – Or install Apache, PHP, MySQL together using a

package, eg. WAMP or MAMP (for Windows or Mac)

– XAMPP installs very easily & is cross-platform (Windows or Mac)

COM427 12

Page 13: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Install Apache, PHP & MySQL• Download XAMPP

http://sourceforge.net/projects/xampp

Installs Apache/PHP/MySQL (plus PERL)

Cross platform (Mac/Windows/Linux)

COM427 13

Page 14: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Using Apache, PHP and MySQL• iMAC Lab

– Save your HTML file (e.g. test.html) or PHP file (e.g. myprog.php) under: Macintosh ID/Users/Labuser/Sites

– Run html or php file under Apache using: e.g. http://localhost/~labuser/test.html OR create subdirectory starting with b (e.g. student number

b00XXXXXX ) http://localhost/~labuser/b00XXXXXXClick on file in browser window

• Windows Lab/ Own Windows Machine[ Put files in C://xampp/htdocs e.g. hello.php URL to run file http://localhost/hello.php OR create subdirectory and click on browser list]

COM427

14

Page 15: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Using MySQL

– http://localhost/phpMyAdmin MAC Lab Login (MySQL)

Login: labuser Password: macimd15

Windows Lab login (MySQL)Login: labuserPassword: Labuser1

COM427 15

Page 16: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Creating a PHP Script File

You can use a number of different editors to create your PHP script files.

• TextWrangler (can add line numbers)• Save file with .php extension

[In Windows Lab can use Notepad++ to create PHP scripts]

COM427

16

Page 17: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Working with HTML

• Use tags <?php // opening php tag

?> // closing php tag

Save the file with .php extension

COM427 17

Page 18: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Accessing Your File Using a Browser

COM427 18

You should use this URL in the iMac LAB:

• for html files: http://localhost/~labuser/page1.html

• for php files: http://localhost/~labuser/ex1.php

Page 19: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Print Statement Syntax

• The print statement syntax:

COM427 19

print ( "Your message to print" );

Enclose messagein quotation

marks

Message to Output

End in asemi-colon

Parenthesis areoptional

Page 20: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Echo Statement Syntax

• The echo statement syntax:

echo "the message to print";

Echo almost identical to print

COM427 20

Page 21: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

If Use Improper Syntax

• Suppose you use the wrong syntax: 1. <?php2. print "A simple initial script;

3. ?>

COM427 21

Missing inverted commas

Page 22: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

A Little About PHP's Syntax

• Some PHP Syntax Issues: – Be careful to use quotation marks, parentheses, and brackets in

pairs. – Most PHP commands end with a semicolon (;).– Be careful of case.

– PHP ignores blank spaces.

COM427 22

Page 23: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Embedding PHP Statements Within HTML Documents

• One way to use PHP is to embed PHP scripts within HTML tags in an HTML document. (prog1.php)

1. <html>2. <head> 3. <title>HTML With PHP Embedded</title> </head>4. <body> 5. <font size=5 color="blue">Welcome To My Page</font>6. <?php7. print "<br /> Using PHP gets easier as you keep practising it<br />";8. ?>9. </body></html>

(PHP code alone will run fine since system will construct an html output for browser automatically)

COM427 23

Page 24: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Using Backslash (\) to Generate HTML Tags with print()

• Sometimes you want to output an HTML tag that also requires double quotation marks. – Use the backslash ("\") character to signal that the double

quotation marks themselves should beoutput:print "<font color=\"blue\">";

– The above statement would output: <font color="blue">

COM427 24

Page 25: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Using Comments with PHP Scripts

• Comments enable you to include descriptive text along with the PHP script.– Comment lines are ignored when the script

runs; they do not slow down the run-time.– Comments have two common uses.

• Describe the overall script purpose.• Describe particularly tricky script lines.

COM427 25

Page 26: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Using Comments with PHP Scripts

• Comment Syntax - Use //<?php// This is a comment?>

• Can place on Same line as a statement:<?phpprint "A simple initial script"; //Output a line?>

COM427 26

Page 27: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Example Script with Comments (prog2.php)

1. <html> <head>2. <title> Generating HTML From PHP</title> </head>3. <body> <h1> Generating HTML From PHP</h1>4. <?php5. //6. // Example script to output HTML tags7. //8. print "Using PHP has <i>some advantages:</i>";9. print "<ul><li>Speed</li><li>Ease of Use </li><li>Functionality

</li></ul>"; //Output bullet list10. print "</body></html>";11. ?>

COM427 27

Page 28: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Alternative Comment Syntax

• PHP allows a couple of additional ways to create comments.<?phpphpinfo(); # This is a built-in function?>

• Multiple line comments. <?php/*A script that gets information about thePHP version being used.*/phpinfo(); ?>

COM427 28

Page 29: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Summary

• You can embed a PHP script within an HTML document or run it as a stand-alone script.

• To begin working with PHP you need a Web server with built-in PHP, a client machine with a basic text editor

• PHP script process: write the PHP script, copy its file to the Web server, and access the file with a Web browser.

• Comments can be preceded by two forward slashes (//).

COM427 29

Page 30: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Contents to be covered (Wk 1-8)• Variables, Operations and Expressions• Control statements

– if statements– for & while loops

• Arrays – 1-dimensional – 2-dimensional (tables)

• Functions• Form handling• File handling

COM427 30

Page 31: Web Programming Introduction to PHP COM427 1. Objectives To understand what PHP is and how a PHP script works with a Web Browser and a Web Server To learn

Resources

• www.w3schools.com/php/• www.php.net/manual/

COM427 31