Dynamic Web Pages Ch 3 V1.0


Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Dynamic Web Pages Ch 3 V1.0

  1. 1. Chapter 3 Self-server application & Server-side validation
  2. 2. Self-server Applications <ul><li>These applications are answering a question that would usually be answered by the staff in the tours company. </li></ul><ul><li>An example is how much does it cost to do this tour and another tour. </li></ul><ul><li>We will create a tours calculator, (self-server application). </li></ul>
  3. 3. The tour calculator page - 1 <ul><li>Open the generic_template.php and save as tourprice_processor.php and tourprice.php. </li></ul><ul><li>The two pages are shown on the next slides. </li></ul>
  4. 4. The tour calculator page - 2 tourprice.php Objects names: txtNumberAdults txtNumberChildren cboTourName
  5. 5. The tour calculator page - 3 tourprice_processor.php Calculate link to tourprice.php page Contact link to contact.php
  6. 6. The tour calculator page - 4
  7. 7. The tour calculator page - 5 <ul><li>tourprice.php has the following properties. </li></ul><ul><ul><li>Form </li></ul></ul><ul><ul><ul><li>Name = frm_tourprice </li></ul></ul></ul><ul><ul><ul><li>Action = tourprice_processor.php </li></ul></ul></ul><ul><ul><ul><li>Method = POST </li></ul></ul></ul><ul><ul><li>Table inside the form </li></ul></ul><ul><ul><ul><li>4 rows </li></ul></ul></ul><ul><ul><ul><li>2 columns </li></ul></ul></ul><ul><ul><ul><li>width of 60 percent </li></ul></ul></ul><ul><ul><li>List values </li></ul></ul><ul><ul><ul><li>Highlights of Argentina, 500 </li></ul></ul></ul><ul><ul><ul><li>Highlights of Western Canada, 700 </li></ul></ul></ul><ul><ul><ul><li>Egyptian Pyramids and More, 900 </li></ul></ul></ul>
  8. 8. Calculating the price - 1 <ul><li>Open tourprice_processor.php page. </li></ul><ul><li>Input the php code as shown to; </li></ul><ul><ul><li>declare and initialise the number of adults, kids and tour name. </li></ul></ul><ul><ul><li>Calculate the price of the tour. </li></ul></ul>Check you have the same variable names in your tourprice.php page as those in quotes. Variable declaration
  9. 9. Calculating the price - 2 <ul><li>Now you have calculated the tourprice variable, you need to display it. This is done by placing php script amongst the html code, as shown below. </li></ul><ul><li>Save and view the page. What happens when you don’t put in an amount for the adults or kids? </li></ul>
  10. 10. The calculator so far…. <ul><li>So far the calculator works if numeric values are put in the adults and kids fields. </li></ul><ul><li>Errors appear if not values are placed in the adults and kids fields. </li></ul><ul><li>The next couple of slides are going to add a css rule for errors and trap the error with php code. </li></ul>
  11. 11. Adding new style to the css <ul><li>Add an error style to the css file with the following properties; </li></ul><ul><ul><li>Type: class </li></ul></ul><ul><ul><li>Name: error </li></ul></ul><ul><ul><li>Weight : bold </li></ul></ul><ul><ul><li>Colour : #990000 </li></ul></ul><ul><li>This style will be used if the client makes an error with the information for the tour calculator. </li></ul>
  12. 12. Server-side validation -1 <ul><li>Server-side validation is validating the tourprice.php page variables sent to the tourprice_processor.php page. </li></ul><ul><li>This is done by checking the two form variables for numerical values, as shown. </li></ul><ul><li>If one of them doesn’t hold a numeric value the client is sent back to the tourprice.php page, displaying an error. </li></ul><ul><li>Add the code. </li></ul>
  13. 13. Server-side validation- 2 <ul><li>Once the client is sent back to the tourprice.php page the code to pick up this error is needed. </li></ul><ul><li>This code shows the response to that variable and displays a message to the client. </li></ul>
  14. 14. Lab 3 - 1 <ul><li>In this lab you are to add a list/menu to reservations.php and change the form action to call the page reservations_action.php. </li></ul><ul><li>The two pages are shown on the next slides. </li></ul><ul><li>To have “Yes” or “No” displayed on equipment you will have to write an if statement finding out if the box was ticked, “true” or not ticked, “false”. </li></ul>if (equipment==“true” ) echo “No”; else echo “Yes”;
  15. 15. Lab 3 - 2 reservations.php The value for each label is: 1 for Nepal Track, 2 for Alasken Wilderness, etc.
  16. 16. Lab 3 - 3 reservations_action.php. This page was created from tourtemplate.php. Reservation Information from reservation.php page