Professional Documents
Culture Documents
CoreiTech Solutions
PHP-MySQL Crash Course
Goal
Learn the basics of PHP and MySQL Development in two days. This is a crash course so you
must be fast in absorbing the topics discussed in all modules.
Motivation
Learning the fundamentals of data-driven websites using PHP and MySQL will give you the
necessary skills for entry-level web development projects. The topics covered in this manual are
important in order to prepare you for advanced topics as well as to equip yourselves with the skills
needed for our first major project. It is important to understand each topic and not to skip topics even if
you already know about it. Remember that without basic skills, you will not improve, so it is a must for
everyone to improve their basic web development skills before advancing to higher topics.
1. HTML / XHTML
2. Foundation on a C-like Language (C, C++, Java)
3. Basic Arithmetic Concepts (Operators, Variables)
Tools
Before we could develop websites in PHP, we must first install the necessary tools / programs.
WampServer – is a package containing PHP, Apache and MySQL. WAMP stands for Windows Apache
MySQL. During the early days when packages are not yet available, you need to install PHP, Apache and
MySQL separately and do the necessary configurations in order for these three programs to work
together. Thanks to WampServer we no longer need to install these programs separately. When you
install WampServer, it installs these three applications and do some default configurations. There are
times when we need to do additional configurations to these programs but that depends on the
requirements of the application we need to develop. For this tutorial, the default configuration is
enough.
To install WampServer, make sure you already have Firefox. I prefer using Firefox 3.5 or higher
preferably 3.6. If you do not have Firefox, install it before installing WampServer. Installing WampServer
is easy, just run the installer and follow the instructions. During WampServer installation, WampServer
will detect Firefox and asks you if you want to use Firefox as your default browser for your Wamp
installation. Just click yes and proceed until the installation is finished.
After WampServer is installed, you will see this icon on the desktop:
Now we need to check if our installation was successful. Double click the icon on the desktop. You
should see an icon on the taskbar like the one below.
After you launched the WampServer icon on the desktop, you should see this icon. While WampServer is loading,
you may see this icon in color red. Just wait until Wamp completed its initialization stage and this icon will turn to
white.
All Services are running One of the two services MySQL and Apache services
(MySQL and Apache) (MySQL or Apache) may not are NOT running
be running
Before we can create our first PHP script, we must know first where to save our PHP files. In Wamp, we
save our PHP scripts under C:\wamp\www\ We call this folder location as the “WEB ROOT”. In order
to simplify instructions, I will use the word WEB ROOT across this document in place of the
C:\wamp\www.
Wamp provides a very easy to use UI (User Interface) in order to easily go to this folder location. Left
click the Wamp icon on the system tray, and click www directory.
We will start by using notepad. So open your notepad and type the following:
<?php
echo „My First PHP Script!‟;
?>
Save this on your WEB ROOT and name this file php1.php
To test this script make sure you open first your wampserver and the status indicators must be ok.
Open Firefox and navigate to http://localhost/php1.php
IMPORTANT NOTES:
1. You must save all your PHP scripts inside the WEB ROOT. You can create folders inside the web
root. For example if you are developing multiple projects, you can create folders for each
project such as C:\wamp\www\project1 and C:\wamp\www\project2.php. If your
PHP files are inside subfolders, you would need to access them in the browser like this:
http://localhost/project1/index.php
2. You CANNOT run a PHP web page or script just by double clicking it. Why? Because PHP
is a Server-Side Scripting Language (a.k.a Programming Language for the Web). Web
browsers only know client-side languages such as HTML, JavaScript. When we say server-side
language, we are referring to a language which must be processed FIRST ON THE SERVER,
before on the client (browser). The server that we are referring to for PHP is the Apache.
3. Apache is a server program that INTERPRETS PHP codes and converts them to an output that
is understood by the browser (usually HTML). Without the Apache, we cannot run our PHP
script (unless you know how to setup IIS). It’s just like having a Chinese along with you. Let’s
say the Chinese is the PHP, and you are the Web Browser (Firefox). If only the two of you will
talk to each other, you as the browser will not be able to understand the Chinese (PHP), so in
order for you to understand what the Chinese is saying, you need an INTERPRETER. Just like
in beauty contests. Apache is our PHP interpreter so that Firefox would be able to understand
what PHP is saying. An interpreter is the equivalent of a COMPILER in programming.
In order for you to understand clearly what a server-side language is, test again your page on Firefox by
navigating to http://localhost/php1.php . Then on Firefox click View -> Page Source. You will see that
the only thing left on the source of the page is this:
All the server-side codes like the <?php, ?>, echo and ; are all stripped away. Apache is the one
responsible for this. Apache interpreted the PHP code and return only the output that could be
understood by the web browser, in this case “My First PHP Script!”.
In our first example we used the function echo to print output to the browser. To use echo, you must
code it in this form:
<?php
echo „<div><h1>Hello World!</h1></div>‟;
echo „<p>CoreiTech!</p>‟;
?>
Experiment on the echo statement. You can use echo to print HTML tags. You can even use PHP
to generate CSS and many more.
Variables are allocation in the memory which allows you store values you will need later on. The value
of the variables can be changed anytime during compile-time or run-time.
PHP is a loosely-typed language. This means that you don’t need to tell what data type your variable
is. The data type is evaluated at runtime.
PHP is C-like in syntax and form. But unlike C-like languages (C, C++, JAVA), PHP differs in the way we
define variables. For example:
To define a variable in PHP, we use the dollar sign ($). And as you can see, you no longer need to say
what the data type of the variable is.
PHP assumes the data type of the variable based on its value.
Using Notepad, create a file named php2.php and save your file on the WEB ROOT. Type the following
codes;
<?php
echo „<h1 align=”center”>PHP Variables</h1>‟;
$justAVariable = “33”;
$anotherVariable = “46”;
Using Notepad, edit the named php2.php and save your file on the WEB ROOT. Type the following
codes;
<?php
echo „<h1 align=”center”>PHP Variables</h1>‟;
$justAVariable = “33”;
$anotherVariable = “46”;
echo “<p><strong>Name:</strong>$memberName</p>”;
echo “<p><strong>Age:</strong>$memberAge</p>”;
echo “<p><strong>Address:</strong>$memberAddress</p>”;
echo “<p>” . $justAVariable + $anotherVariable .”</p>”;
?>
Test this page by navigating on Firefox to: http://localhost/php2.php
Part 2 – PHP Basics: THE BEST WAY to display PHP output : Embedding PHP
It is really a pain in the neck to always echo HTML tags such as <div>, <p> etc. just to format your
output. Good thing is that PHP can be embedded in HTML!
Create a file named php3.php and save it in WEB ROOT. Using Notepad, write the following codes:
<html>
<head>
<title>Embedding PHP in HTML</title>
</head>
<body>
<div><?php echo ‘CoreiTech Solutions’; ?></div>
</body>
</body>
</html>
NOTE: As you can see, we can embed PHP inside HTML tags. Since you already had experience with
XHTML, this would be easy for you. The process would be start designing your page in XHTML and / or
with CSS. Then rename your file and change the .html extension to .php Then embed your PHP codes
just like the code above. A PHP code that is embedded on an HTML code is called a SCRIPTLET. Other
EXERCISE
Revise your XHTML project named I am a CoreiTech Member. This
time, rename your html files to PHP and embed PHP scriplets in your
files.
It’s up to you what messages you would embed in your HTML page
as long you practice all that’s been discussed today.
o Variables
o echo
o Concatenation
You must create individual folders inside the WEB ROOT. For
example for Ayra, create a folder named allamado inside WEB
ROOT (C:\wamp\www\allamado) and save all your files inside that
folder