I am doing the Harvards building dynamic websites called CS-75 (also could be called E-75), because someone told me about it and I just thought might as well, it is all learning 🙂 even if allot of it you may already know.
Anyway, to setup the CS75 on my personal laptop ( I am running Ubuntu 10.4) I did a couple of alternations for me so that the local apache instance looks like I am doing it under the top level domain of CS75 :).. so for this assignment Three Aces menu I am calling the website http://threeaces.cs75 on my local host, so to setup that I altered the /etc/hosts file and added
so that local IP will also have threeaces.cs75 🙂 and now need to alter apache to allow me to run that as a virtualhost on my laptop, I added the file within
sudo vim /etc/apache2/sites-available/cs75_threeaces |
sudo vim /etc/apache2/sites-available/cs75_threeaces
with adding in
<VirtualHost *:80>
ServerAdmin emailaddress@here.com
ServerName threeaces.cs75
DocumentRoot /var/www/cs75/ass0
<Directory /var/www/cs75/ass0>
Options Indexes FollowSymLinks MultiViews
AllowOverride None
Order allow,deny
allow from all
</Directory>
ErrorLog /var/log/apache2/error.log
LogLevel warn
CustomLog /var/log/apache2/access.log combined
</VirtualHost> |
<VirtualHost *:80>
ServerAdmin emailaddress@here.com
ServerName threeaces.cs75
DocumentRoot /var/www/cs75/ass0
<Directory /var/www/cs75/ass0>
Options Indexes FollowSymLinks MultiViews
AllowOverride None
Order allow,deny
allow from all
</Directory>
ErrorLog /var/log/apache2/error.log
LogLevel warn
CustomLog /var/log/apache2/access.log combined
</VirtualHost>
Which points to the /var/www/cs75/ass0 as the base directory for this assignment :).
I have included the assignments 0 PDF for more information, but basically this assignment is about playing with simpleXML to load in a menu (that you have created from the menu list of the restaurant Three Aces) which is in XML format, you get to pick the format, but here is mine (it has the extras link within the menu->type extras attribute which link to the extras at the bottom of the menu format)
<?xml version="1.0" encoding="ISO-8859-1"?>
<menu>
<type name="Pizzas" extras="Extra Cheese">
<item name="Tomato & Cheese">
<price type="Small">5.50</price>
<price type="Large">9.75</price>
</item>
<item name="Onions">
<price type="Small">6.85</price>
<price type="Large">10.85</price>
</item>
</type>
<type name="Salads">
<item name="Garden">
<price type="Small">3.50</price>
<price type="Large">4.50</price>
</item>
<item name="Greek">
<price type="Small">4.50</price>
<price type="Large">5.50</price>
</item>
</type>
<type name="Grinders">
<item name="Meatless">
<price type="Small">4.50</price>
<price type="Large">4.95</price>
</item>
<item name="Hamburger">
<price type="Small">4.50</price>
<price type="Large">4.95</price>
</item>
</type>
<type name="Special Dinners">
<item name="Chicken Wing Dinner">
<price>7.25</price>
</item>
<item name="Gyro Plate">
<price>7.25</price>
</item>
</type>
<extras name="Extra Cheese">
<price type="Small">1.25</price>
<price type="Large">1.85</price>
</extras>
</menu> |
<?xml version="1.0" encoding="ISO-8859-1"?>
<menu>
<type name="Pizzas" extras="Extra Cheese">
<item name="Tomato & Cheese">
<price type="Small">5.50</price>
<price type="Large">9.75</price>
</item>
<item name="Onions">
<price type="Small">6.85</price>
<price type="Large">10.85</price>
</item>
</type>
<type name="Salads">
<item name="Garden">
<price type="Small">3.50</price>
<price type="Large">4.50</price>
</item>
<item name="Greek">
<price type="Small">4.50</price>
<price type="Large">5.50</price>
</item>
</type>
<type name="Grinders">
<item name="Meatless">
<price type="Small">4.50</price>
<price type="Large">4.95</price>
</item>
<item name="Hamburger">
<price type="Small">4.50</price>
<price type="Large">4.95</price>
</item>
</type>
<type name="Special Dinners">
<item name="Chicken Wing Dinner">
<price>7.25</price>
</item>
<item name="Gyro Plate">
<price>7.25</price>
</item>
</type>
<extras name="Extra Cheese">
<price type="Small">1.25</price>
<price type="Large">1.85</price>
</extras>
</menu>
You can implement it anyway that you want to, but to not have two same names of the food for different sizes. So that is why I have a the item name with the price list(s) underneath. It is only part of the menu that I implemented above.
The next part is to only have part of the menu on the main home page, so I am just displaying the main types of food options, I have included the source file for all of the files in the zip file above.
<form name="types" method="get" action="types.php">
<?php
// display the user the different types of foods that are avaible to order
$xml = simplexml_load_file("menu.xml");
// list the different types on the menu
foreach ($xml->type as $types)
{
echo "<input type=\"radio\" name=\"type\" value=\"" .$types->attributes()->name . "\"/>".$types->attributes()->name . "<br/>" ;
}
?>
<input type="submit"/>
</form> |
<form name="types" method="get" action="types.php">
<?php
// display the user the different types of foods that are avaible to order
$xml = simplexml_load_file("menu.xml");
// list the different types on the menu
foreach ($xml->type as $types)
{
echo "<input type=\"radio\" name=\"type\" value=\"" .$types->attributes()->name . "\"/>".$types->attributes()->name . "<br/>" ;
}
?>
<input type="submit"/>
</form>
Once the user has selected the type of food that they want, you next to have display the items of food within that area, so I am passing in the $_GET string from the index page the type of food, so within the types.php I pick up the type and then display all of the food items within that area. I did do some javascript that will make sure that there is a valid integer value within the, also at the start of the code I am pulling any extra values from the menu to populate the extras option.
<form name="types" method="get" action="checkout.php" onsubmit="return checkout()">
<?php
// display the different items within that type area of foods, with also there different prices and sizes
// normal = normal size for the default size
$xml = simplexml_load_file("menu.xml");
$type = $_GET["type"];
echo $type. "<table border=1>";
echo "<input type=\"hidden\" value=\"".str_replace(" ", "@",$type)."\" name=\"type\"/>";
$result = $xml->xpath("//type[@name='$type']");
if (sizeof($result[0]) == 0)
echo "<br/><br/>Please go back to home, because cannot find that type<br/><br/>";
else
{
$extras = $result[0]->attributes()->extras;
if (strlen($extras) > 0)
{
$resultExtras = $xml->xpath("//extras[@name='$extras']");
if (sizeof($resultExtras[0]) > 0)
{
$extraName = $resultExtras[0]->attributes()->name;
for ($i=0; $i < sizeof($resultExtras[0]); $i++)
{
$thePrice = $resultExtras[0]->price[$i];
$theType = ($resultExtras[0]->price[$i]->attributes()->type ? $resultExtras[0]->price[$i]->attributes()->type : "Normal");
$theExtras[$i] = array((string)$thePrice, (string)$theType);
}
}
}
foreach ($result[0] as $items)
{
echo "<tr><td>".$items->attributes()->name."</td><td>Price</td><td>Quantity</td>";
if (strlen($extras)) echo "<td>$extras</td>";
echo "</tr>";
for ($i=0; $i < sizeof($items->children()); $i++)
{
echo "<tr><td>". $items->price[$i]->attributes()->type .
"</td><td>" . $items->price[$i].
"</td><td><input type=\"text\" size=\"1\" value=\"\" name=\"".str_replace(" ", "@",$items->attributes()->name)."_".$i."\"/></td>";
if (strlen($extras))
{
foreach ($theExtras as $typeCheck)
{
if ($typeCheck[1] == $items->price[$i]->attributes()->type)
{
echo "<td><input type=\"checkbox\" name=\"".str_replace(" ","_",$extras)."_".$i."\" value=\"".str_replace(" ", "@",$items->attributes()->name)."_".$i."\"/></td>";
break;
}
}
}
echo "</tr>";
}
}
}?>
</table>
<input type="submit" name="submit"/>
</form> |
<form name="types" method="get" action="checkout.php" onsubmit="return checkout()">
<?php
// display the different items within that type area of foods, with also there different prices and sizes
// normal = normal size for the default size
$xml = simplexml_load_file("menu.xml");
$type = $_GET["type"];
echo $type. "<table border=1>";
echo "<input type=\"hidden\" value=\"".str_replace(" ", "@",$type)."\" name=\"type\"/>";
$result = $xml->xpath("//type[@name='$type']");
if (sizeof($result[0]) == 0)
echo "<br/><br/>Please go back to home, because cannot find that type<br/><br/>";
else
{
$extras = $result[0]->attributes()->extras;
if (strlen($extras) > 0)
{
$resultExtras = $xml->xpath("//extras[@name='$extras']");
if (sizeof($resultExtras[0]) > 0)
{
$extraName = $resultExtras[0]->attributes()->name;
for ($i=0; $i < sizeof($resultExtras[0]); $i++)
{
$thePrice = $resultExtras[0]->price[$i];
$theType = ($resultExtras[0]->price[$i]->attributes()->type ? $resultExtras[0]->price[$i]->attributes()->type : "Normal");
$theExtras[$i] = array((string)$thePrice, (string)$theType);
}
}
}
foreach ($result[0] as $items)
{
echo "<tr><td>".$items->attributes()->name."</td><td>Price</td><td>Quantity</td>";
if (strlen($extras)) echo "<td>$extras</td>";
echo "</tr>";
for ($i=0; $i < sizeof($items->children()); $i++)
{
echo "<tr><td>". $items->price[$i]->attributes()->type .
"</td><td>" . $items->price[$i].
"</td><td><input type=\"text\" size=\"1\" value=\"\" name=\"".str_replace(" ", "@",$items->attributes()->name)."_".$i."\"/></td>";
if (strlen($extras))
{
foreach ($theExtras as $typeCheck)
{
if ($typeCheck[1] == $items->price[$i]->attributes()->type)
{
echo "<td><input type=\"checkbox\" name=\"".str_replace(" ","_",$extras)."_".$i."\" value=\"".str_replace(" ", "@",$items->attributes()->name)."_".$i."\"/></td>";
break;
}
}
}
echo "</tr>";
}
}
}?>
</table>
<input type="submit" name="submit"/>
</form>
Because there is a basket of items that the customer will like to buy, I am also storing the basket details within the $_SESSION within a multi array, the array looks like something like
Array
(
[Pizzas] => Array
(
[Tomato Cheese] => Array
(
[Small] => Array
(
[price] => 5.5
[quantity] => 6
)
)
)
) |
Array
(
[Pizzas] => Array
(
[Tomato Cheese] => Array
(
[Small] => Array
(
[price] => 5.5
[quantity] => 6
)
)
)
)
So in the next page, checkout.php I need to update the basket details and also then display what the customer has already picked (with giving the options to update the quantity of goods and also to remove them if they did not want it), the first part loads the new item(s) into the basket and the second part of the code below will display the basket to the user, and call the update.php file if any quantities/remove of items need to be done.
<form name="types" method="get" action="update.php">
<table>
<?php
// display the updated details of the order with the new order addon's
// and also any previous details of the order, if you want to place the order
// click the order now link below.
$xml = simplexml_load_file("menu.xml");
// load basket from the session
$basket = $_SESSION["basket"];
$type = $_GET["type"];
$type = str_replace("@", " ", $type);
$result = $xml->xpath("//type[@name='$type']");
if (sizeof($result[0]) == 0)
{
if (strlen($type) > 0)
echo "<br/><br/>Please go back to home, because cannot find that type<br/><br/>";
}
else
{
$extras = $result[0]->attributes()->extras;
if (strlen($extras) > 0)
{
$resultExtras = $xml->xpath("//extras[@name='$extras']");
if (sizeof($resultExtras[0]) > 0)
{
$extraName = $resultExtras[0]->attributes()->name;
for ($i=0; $i < sizeof($resultExtras[0]); $i++)
{
$newname = str_replace(" ", "_" , $extras) . "_" . $i;
$$newname = $_GET[$newname];
if (strlen($$newname) > 0)
{
$thePrice = $resultExtras[0]->price[$i];
$theType = ($resultExtras[0]->price[$i]->attributes()->type ? $resultExtras[0]->price[$i]->attributes()->type : "Normal");
$theExtras[$i] = array($$newname, (string)$thePrice, (string)$theType);
}
}
}
}
foreach ($result[0] as $items)
{
for ($i=0; $i < sizeof($items->children()); $i++)
{
$newname = $items->attributes()->name."_".$i;
$newname = str_replace(" ", "@", $newname);
$$newname = $_GET[$newname];
if ($$newname > 0)
{
$priceType = $items->price[$i]->attributes()->type;
if (strlen($priceType) <=1)
$priceType = "Normal";
$extraPrice = 0;
foreach ($theExtras as $extraAdd)
{
if ($extraAdd[0] == $newname)
$extraPrice = $extraAdd[1];
}
$basket[(string)$type][(string)$items->attributes()->name][(string)$priceType . ($extraPrice > 0 ? (string)" (".$extras.")" : "")] =
array("price" =>(float) ($items->price[$i]) + (float)$extraPrice,
"quantity" => (int)($$newname
+ $basket[(string)$type][(string)$items->attributes()->name][(string)$priceType]["quantity"]) );
// going with the theory of adding to the previous quantity
echo "Have added " . $type . " (". $items->attributes()->name . " " . $priceType . ")<br/>";
}
}
}
$_SESSION["basket"] = $basket;
}
// lets print out the basket in a form of the user to confirm and also remove / alter the quantity
$totalPrice = 0;
echo "<table border=1><tr><td width=50>Type</td><td width=50>Item</td><td width=50>Size</td><td>Price</td><td>Quantity</td><td>Total Price</td><td>Remove</td></tr>";
foreach ($basket as $type => $typevalue)
{
echo "<tr><td colspan=\"6\">$type</td>";
foreach ($typevalue as $item => $itemvalue)
{
echo "<tr><td></td><td colspan=\"5\">$item</td></tr>";
foreach ($itemvalue as $size => $sizevalue)
{
$namevalue = $type."_".$item."_".$size;
$namevalue = str_replace(" ","@",$namevalue);
echo "<tr><td></td><td></td><td>$size</td>";
echo "<td>£".number_format($sizevalue["price"],2) . "</td><td><input size=5 value=" . $sizevalue["quantity"] . " name=\"".$namevalue."_quantity\"/></td><td>£".number_format($sizevalue["price"] * $sizevalue["quantity"],2) ."</td><td><input type=\"checkbox\" name=\"".$namevalue."_remove\"/></td></tr>";
$totalPrice +=$sizevalue["price"] * $sizevalue["quantity"];
}
}
echo "</tr>";
}
echo "</table>";
echo "The total price is £".number_format($totalPrice,2)."<br/>";
?>
</table>
<input type="submit"/>
</form> |
<form name="types" method="get" action="update.php">
<table>
<?php
// display the updated details of the order with the new order addon's
// and also any previous details of the order, if you want to place the order
// click the order now link below.
$xml = simplexml_load_file("menu.xml");
// load basket from the session
$basket = $_SESSION["basket"];
$type = $_GET["type"];
$type = str_replace("@", " ", $type);
$result = $xml->xpath("//type[@name='$type']");
if (sizeof($result[0]) == 0)
{
if (strlen($type) > 0)
echo "<br/><br/>Please go back to home, because cannot find that type<br/><br/>";
}
else
{
$extras = $result[0]->attributes()->extras;
if (strlen($extras) > 0)
{
$resultExtras = $xml->xpath("//extras[@name='$extras']");
if (sizeof($resultExtras[0]) > 0)
{
$extraName = $resultExtras[0]->attributes()->name;
for ($i=0; $i < sizeof($resultExtras[0]); $i++)
{
$newname = str_replace(" ", "_" , $extras) . "_" . $i;
$$newname = $_GET[$newname];
if (strlen($$newname) > 0)
{
$thePrice = $resultExtras[0]->price[$i];
$theType = ($resultExtras[0]->price[$i]->attributes()->type ? $resultExtras[0]->price[$i]->attributes()->type : "Normal");
$theExtras[$i] = array($$newname, (string)$thePrice, (string)$theType);
}
}
}
}
foreach ($result[0] as $items)
{
for ($i=0; $i < sizeof($items->children()); $i++)
{
$newname = $items->attributes()->name."_".$i;
$newname = str_replace(" ", "@", $newname);
$$newname = $_GET[$newname];
if ($$newname > 0)
{
$priceType = $items->price[$i]->attributes()->type;
if (strlen($priceType) <=1)
$priceType = "Normal";
$extraPrice = 0;
foreach ($theExtras as $extraAdd)
{
if ($extraAdd[0] == $newname)
$extraPrice = $extraAdd[1];
}
$basket[(string)$type][(string)$items->attributes()->name][(string)$priceType . ($extraPrice > 0 ? (string)" (".$extras.")" : "")] =
array("price" =>(float) ($items->price[$i]) + (float)$extraPrice,
"quantity" => (int)($$newname
+ $basket[(string)$type][(string)$items->attributes()->name][(string)$priceType]["quantity"]) );
// going with the theory of adding to the previous quantity
echo "Have added " . $type . " (". $items->attributes()->name . " " . $priceType . ")<br/>";
}
}
}
$_SESSION["basket"] = $basket;
}
// lets print out the basket in a form of the user to confirm and also remove / alter the quantity
$totalPrice = 0;
echo "<table border=1><tr><td width=50>Type</td><td width=50>Item</td><td width=50>Size</td><td>Price</td><td>Quantity</td><td>Total Price</td><td>Remove</td></tr>";
foreach ($basket as $type => $typevalue)
{
echo "<tr><td colspan=\"6\">$type</td>";
foreach ($typevalue as $item => $itemvalue)
{
echo "<tr><td></td><td colspan=\"5\">$item</td></tr>";
foreach ($itemvalue as $size => $sizevalue)
{
$namevalue = $type."_".$item."_".$size;
$namevalue = str_replace(" ","@",$namevalue);
echo "<tr><td></td><td></td><td>$size</td>";
echo "<td>£".number_format($sizevalue["price"],2) . "</td><td><input size=5 value=" . $sizevalue["quantity"] . " name=\"".$namevalue."_quantity\"/></td><td>£".number_format($sizevalue["price"] * $sizevalue["quantity"],2) ."</td><td><input type=\"checkbox\" name=\"".$namevalue."_remove\"/></td></tr>";
$totalPrice +=$sizevalue["price"] * $sizevalue["quantity"];
}
}
echo "</tr>";
}
echo "</table>";
echo "The total price is £".number_format($totalPrice,2)."<br/>";
?>
</table>
<input type="submit"/>
</form>
here is the update.php, this will update the basket from the requested action from the above php file.
<?php
// this will update the session basket from the checkout.php page
session_start();
$xml = simplexml_load_file("menu.xml");
// load basket from the session
$basket = $_SESSION["basket"];
foreach ($_GET as $key => $value)
{
$key = str_replace("@", " ", $key);
list($type, $item, $size,$command) = split("_", $key);
if ($command== "quantity" && $value > 0)
{
$basket[$type][$item][$size]["quantity"] = $value;
}
elseif ($command =="remove")
{
unset($basket[$type][$item][$size]);
// clean out the type -> item if none more left
if (sizeof($basket[$type][$item])==0)
unset($basket[$type][$item]);
// clean out the type if none left
if (sizeof($basket[$type])==0)
unset($basket[$type]);
}
}
$_SESSION["basket"] = $basket;
// redirect back to checkout.php
header('Location: checkout.php');
?> |
<?php
// this will update the session basket from the checkout.php page
session_start();
$xml = simplexml_load_file("menu.xml");
// load basket from the session
$basket = $_SESSION["basket"];
foreach ($_GET as $key => $value)
{
$key = str_replace("@", " ", $key);
list($type, $item, $size,$command) = split("_", $key);
if ($command== "quantity" && $value > 0)
{
$basket[$type][$item][$size]["quantity"] = $value;
}
elseif ($command =="remove")
{
unset($basket[$type][$item][$size]);
// clean out the type -> item if none more left
if (sizeof($basket[$type][$item])==0)
unset($basket[$type][$item]);
// clean out the type if none left
if (sizeof($basket[$type])==0)
unset($basket[$type]);
}
}
$_SESSION["basket"] = $basket;
// redirect back to checkout.php
header('Location: checkout.php');
?>
and redirects back to checkout.php.
The last page displays the order in total and also says thanks very much for the order :).. and deletes the basket details :).
<table>
<?php
// display the order details and also thanks for placing the order
$basket = $_SESSION["basket"];
// lets print out the basket in a form of the user to confirm and also remove / alter the quantity
$totalPrice = 0;
echo "<table border=1><tr><td width=50>Type</td><td width=50>Item</td><td width=50>Size</td><td>Price</td><td>Quantity</td><td>Total Price</td></tr>";
foreach ($basket as $type => $typevalue)
{
echo "<tr><td colspan=\"6\">$type</td>";
foreach ($typevalue as $item => $itemvalue)
{
echo "<tr><td></td><td colspan=\"5\">$item</td></tr>";
foreach ($itemvalue as $size => $sizevalue)
{
echo "<tr><td></td><td></td><td>$size</td>";
echo "<td>£".number_format($sizevalue["price"],2) . "</td><td>" . $sizevalue["quantity"] . "</td><td>£".number_format($sizevalue["price"] * $sizevalue["quantity"],2) ."</td></tr>";
$totalPrice +=$sizevalue["price"] * $sizevalue["quantity"];
}
}
echo "</tr>";
}
echo "</table>";
echo "The total price is £".number_format($totalPrice,2)."<br/>";
session_destroy();
?>
</table> |
<table>
<?php
// display the order details and also thanks for placing the order
$basket = $_SESSION["basket"];
// lets print out the basket in a form of the user to confirm and also remove / alter the quantity
$totalPrice = 0;
echo "<table border=1><tr><td width=50>Type</td><td width=50>Item</td><td width=50>Size</td><td>Price</td><td>Quantity</td><td>Total Price</td></tr>";
foreach ($basket as $type => $typevalue)
{
echo "<tr><td colspan=\"6\">$type</td>";
foreach ($typevalue as $item => $itemvalue)
{
echo "<tr><td></td><td colspan=\"5\">$item</td></tr>";
foreach ($itemvalue as $size => $sizevalue)
{
echo "<tr><td></td><td></td><td>$size</td>";
echo "<td>£".number_format($sizevalue["price"],2) . "</td><td>" . $sizevalue["quantity"] . "</td><td>£".number_format($sizevalue["price"] * $sizevalue["quantity"],2) ."</td></tr>";
$totalPrice +=$sizevalue["price"] * $sizevalue["quantity"];
}
}
echo "</tr>";
}
echo "</table>";
echo "The total price is £".number_format($totalPrice,2)."<br/>";
session_destroy();
?>
</table>
The file above does include all of the php files from the above comments and the PDF of the assignment. You can also view the assignment live on my CS – 75 assignment 0 test area.