Creating Dynamic Database-Driven Sites with Dreamweaver

Transcription

1 Agenda Creating Dynamic Database-Driven Sites with Dreamweaver Faisal Karim Shaikh Seeing/doing it: Building a small dynamic people web site List current people, add new person, update existing person DEWSNet Group Dependable Embedded Wired/Wireless Networks PS: Some slides are taken from Lloyd Rieber DEWSNet Neeraj Suri Dependable Embedded Wired/Wireless Networks EU-NSF ICT March 2006 MUET Jamshoro Creating Dynamic Database-Driven Sites 2 Program Flowchart Client/Server Interaction for PHP Files list.php Server update.php Update Record update_record_reply.htm insert.php Insert Record new_record_reply.htm Server locates the PHP file on the hard drive and parses it, removing all PHP script and replacing it with HTML text Client requests PHP File Server returns HTML text to client Client Adapted from Mitchell & Atkinson (2000) Creating Dynamic Database-Driven Sites 3 Creating Dynamic Database-Driven Sites 4 Flat Database Structure How Databases Work Database A 15-Minute Primer Record Record Record Field Field Field DEWSNet Neeraj Suri Dependable Embedded Wired/Wireless Networks EU-NSF ICT March 2006 MUET Jamshoro Creating Dynamic Database-Driven Sites 6 1

2 Flat Database Structure MUET People Relational Database Structure A Collection of Databases (tables) that connect (relate) to each other People Faisal Jibran Fayaz Faisal Jibran People_ID Name Password Fayaz Orders Database ID Name Password Order1 Order2 Order3 People_ID Order_ID Book_Title Price Creating Dynamic Database-Driven Sites 7 Creating Dynamic Database-Driven Sites 8 Working with mysql Databases phpmyadmin Creating Dynamic Database-Driven Sites 9 Creating Dynamic Database-Driven Sites 10 Getting Ready to Work with Dreamweaver Step 1: Make a root folder Step 2: Create a folder inside it named: yourlastname Step 3: Launch Dreamweaver and define a new site that points to the root folder. Creating a Simple Search/Results Page Creating Dynamic Database-Driven Sites 11 Creating Dynamic Database-Driven Sites 12 2

3 Make a new file called list.php Creating a Data Connection Go to the Application Panel, click on Databases tab, then follow the directions Add a 2 X 4 table and format accordingly: Creating Dynamic Database-Driven Sites 13 Creating Dynamic Database-Driven Sites 14 Creating a Data Connection Creating a New RecordSet Go to the Application Panel, click on Bindings tab, then follow the directions Always testing the connection is a good habit to develop Notice that a folder titled Connections has been automatically created in your root folder. Creating Dynamic Database-Driven Sites 15 Creating Dynamic Database-Driven Sites 16 Insert Dynamic Data into Document Click on Server Behavior Tab Creating Dynamic Database-Driven Sites 17 Creating Dynamic Database-Driven Sites 18 3

4 Repeating a Region with Multiple Data Step 1: Select table row <tr> as the region to repeat. (Repeat Region is always linked to a specific HTML tag.) Step 2: Select Repeat Region from Server Behaviors. Upload and Test the Page Choose to include dependent files (only necessary the first time you upload). Reason: The Connections file needs uploaded too. Creating Dynamic Database-Driven Sites 19 Creating Dynamic Database-Driven Sites 20 Create a New Document insert.php Creating an Insert Page Creating Dynamic Database-Driven Sites 21 Creating Dynamic Database-Driven Sites 22 Filling out the Dialog Box Form is Created Feel free to modify Remove from list Creating Dynamic Database-Driven Sites 23 Creating Dynamic Database-Driven Sites 24 4

5 Create new_record_reply.html Upload and Test Creating Dynamic Database-Driven Sites 25 Creating Dynamic Database-Driven Sites 26 list.php: Add Text update to 3 rd Column Creating an Update/Delete Page Creating Dynamic Database-Driven Sites 27 Creating Dynamic Database-Driven Sites 28 Create update.php page Click on Bindings tab, then choose to create a new recordset by clicking on + symbol and selecting Recordset (Query). The filter must match the data being passed from the previous slide: Creating Dynamic Database-Driven Sites 29 Creating Dynamic Database-Driven Sites 30 5

6 Record Update Form Complete Dialog Box Remove from list Creating Dynamic Database-Driven Sites 31 Creating Dynamic Database-Driven Sites 32 Modify Form As You Wish Create the Reply page update_record_reply.php Be sure to include a link back to list.php Creating Dynamic Database-Driven Sites 33 Creating Dynamic Database-Driven Sites 34 Upload and Test the Page Creating a User Login Page Create a form. Then, create a 2 X 2 table in the form as shown below. Creating Dynamic Database-Driven Sites 35 Creating Dynamic Database-Driven Sites 36 6

7 Creating a User Login Page Insert a 2 X 1 table with messages as shown below in each row. Be sure to choose POST as the method. The GET method will send the user s and password as part of the URL, which is a security risk. In the Action field, enter this page title (we will create the page itself later). Upload the page. Creating Dynamic Database-Driven Sites 37 Creating Dynamic Database-Driven Sites 38 In the Bindings tab, choose to create a new Recordset (Query): Click on the Advanced button Name the recordset rsaccount and select the connection: The dialog box changes to give us access to the SQL programming Creating Dynamic Database-Driven Sites 39 Creating Dynamic Database-Driven Sites 40 Enter the following SQL code and add the variables varuname and varpass - as shown, test the code for errors, then click OK : 1. Select first row 2. With this region selected, go to the Server Behaviors and choose: Show Region > Show Region If Recordset is Empty. 3. Choose the rsaccount RecordSet, and click OK: Creating Dynamic Database-Driven Sites 41 Creating Dynamic Database-Driven Sites 42 7

8 Test the Log-In Page Repeat the steps on the previous slide, except: Select the second row Choose to Show Region If RecordSet Is Not Empty Upload the page. Creating Dynamic Database-Driven Sites 43 Creating Dynamic Database-Driven Sites 44 8