Post on 04-Jan-2016
description
transcript
PHP and JavaScript
Nov. 26, 2015Kyung Eun Park & Hojin Chang
Computer and Creativity (COSC109)
Towson University
2
Table of Contents1. Web Architecture
2. PHP
3. JavaScript
4. XAMPP
Web Architecture 1/22 Tier
Client (Web Browser) Web Server
http://triton.towson.edu/~karne/
3 Tier Client (Web Browser) Middle (Web Server & Servlet Objects) Database System http://pjd.mscui.net/PrimaryCare.htm
Web Architecture 2/23 Tier Examples
Syntaxprescribes the ways in which statements must
be written in order for them to be understood by the computer
like the rules of grammar and punctuation in human languages, but these rules must be followed precisely in computer programming
5
VariablesPurpose:
to store values that can be updated and retrieved at runtime
Data is stored in memory as bits.
Variable lets you refer, by name, to the data's memory location stored.
6
7
PHPThe language that you use to make the server
generate dynamic output.
PHP documents end with the extension .php.
A Web server passes a PHP program to the PHP processor.
A new tag to trigger the PHP commands:<?php … ?>
<?php
echo “Hello World”;
?>
8
The Structure of PHPLooks more like Java, but flexible language
Semicolons: PHP commands ends with a semicolon
$ symbol: placed in front of all variables<?php
$mycounter = 1;
$mystring = “Hello”;
$myarray = array(“One”, “Two”, “Three”);
?>
9
PHP Variables (1)String variables
<?php
$username = “Tom Sawyer”;
echo $username;
?>
Numeric variables<?php
$count = 17;
echo $count;
?>
10
PHP Variables (2)Array variables
<?php
$team= array(“Bill”, “Joe”, “Mike”, “Chris”, “Jim”);
echo $team[3];
?>
11
PHP OperatorsArithmetic operators: +, -, *, /, %, ++, --
Assignment operators: =, +=, -=, *=, /=, .=, %=
Comparison operators: ==, !=, >, <, >=, <=
Logical operators: &&, and, ||, or, !, xor
12
PHP Variable operationsAssignment
$x = 10;
$+=10;
$y =20;
$y -=10;
Variable incrementing and decrementing++$x;
--$y;
13
PHP StringString concatenation
echo “You have ”.$msgs.“ messages.”;
$bulletin .= $newsflash;
Variable substitution echo “There have been $count presidents of the US.”;
Escaping characters$text = “My mother always said \”Eat your greens\”.”;
14
Multiline String VariableMultiple lines between quotes
<<< operator<?php
$author = “Alfred E Newman”;
$out = <<<_END
This is a Headline
This is the first line.
This is the second.
- Written by $author.
_End;
?>
15
PHP Variable TypingPHP is a very loosely typed language.
No need to declare variables before they are used. Context-based variable typing by PHP if necessary.
<?php
$number = 12345 * 67890;
echo substr($number, 3, 1);
?>
<?php
$pi = “3.1415927”;
$radius = 5;
echo $pi * ($radius * $radius);
?>
16
PHP ConstantsSimilar to variables, but its value is set for the
remainder of the program and cannot be altered.
define(“ROOT_LOCATION”, “/usr/local/www/”);
$directory = ROOT_LOCATION;
Predefined constants__LINE__, __FILE__, __DIR__, __FUNCTION__,
__CLASS__, __METHOD__, __NAMESPACE__
17
PHP FunctionTo separate out sections of code that perform a
particular task.<?php
$temp = “The date is “;
echo $temp.longdate(time());
function longdate($timestamp) {
return date(“ 1 F jS Y”, $timestamp);
}
?>
18
JavaScriptClient-side scripting language that runs entirely inside the
web browser
Placed between opening <script> and closing </script> HTML tags
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script>
document.write(“<p>My First JavaScript</p>”);
</script>
</body>
</html>
19
JavaScript Function
<!DOCTYPE html>
<html>
<head>
<script>function myFunction()
{
alert("Hello World!");
}
</script>
</head>
<body>
<button onclick="myFunction()">Try it</button>
</body>
</html>
20
JavaScript VariablesString variables
greeting = “hello there”
newstring = greeting
document.writing(newstring)
Numeric Variablescount = 42
temperature = 100.0
Arraystoys = [“bat”, “ball”, “whistle”, “puzzle”, “doll”]
document.write(toys[3]);
21
JavaScript OperatorsArithmetic operators: +, -, *, /, %, ++, --
Assignment operators: =, +=(string too), -=, *=, /=, %=
Comparison operators: ==, !=, >, <, >=, <=, ===, !==
Logical operators: &&, ||, !
Incrementing and Decrementing operators: ++, --
String concatenation: +
Escaping Characters: \b, \n, \t, \’, \”, \\, etc.
22
JavaScript TypingLike PHP, JavaScript is a very loosely typed
languageDetermined only when a value is assigned and can
change as the variable appears in different contexts
23
Installing XAMPP Free and open source cross-platform Web server solution stack pagkage
consisting of: The Apache HTTP Server MySQL database Interpreters for scripts written in the PHP and Perl programming language X(cross-platform), Apache HTTP Server, MySQL, PHP, Perl
Intended it for use only as a development tool Allow website designers and programmers to test their work on their own
computers without any access to the Internet. In practice, however, XAMPP is sometimes used to actually serve web pages on
the World Wide Web.
Support for creating and manipulating database in MySQL and SQLite
Download at: http://www.apachefriends.org/en/index.html
http://www.apachefriends.org/en/xampp.html
http://www.apachefriends.org/en/xampp-windows.html
http://en.wikipedia.org/wiki/XAMPP
24
XAMPP Control Panel
25
Running *.html and *.php files
26
localhost/index.php
27
localhost/index.html