Lecture 20A Fuller Example:

PHP PDO SQLite CSV Bootstrap

*

* Course logo spider web photograph from Morguefile openstock photograph by Gabor Karpati, Hungary.

3/22/17 Slide 2

Outward Appearance

3/22/17 Slide 2CSU CS CT 310 - Web Development, ©Ross Beveridge & Jamie Ruiz

3/22/17 Slide 33/22/17 Slide 3CSU CS CT 310 - Web Development, ©Ross Beveridge & Jamie Ruiz

CreateRevisitedWhole page body fits on one screen.

Use PHP as a programming language.

And don’t try to read each line, just notice structure.

3/22/17 Slide 43/22/17 Slide 4CSU CS CT 310 - Web Development, ©Ross Beveridge & Jamie Ruiz

SQL Command laid out in readable format.

Relation from album to artist through FOREIGN KEY

Important detail, notice ‘global’ declaration.

3/22/17 Slide 5

‘prepare’ for repetition

3/22/17 Slide 5CSU CS CT 310 - Web Development, ©Ross Beveridge & Jamie Ruiz

3/22/17 Slide 6

Think Carefully about Logic

3/22/17 Slide 6CSU CS CT 310 - Web Development, ©Ross Beveridge & Jamie Ruiz

3/22/17 Slide 7

Execute Prepared Stmt.

3/22/17 Slide 7CSU CS CT 310 - Web Development, ©Ross Beveridge & Jamie Ruiz

Single element array

Key-value pairs array

3/22/17 Slide 8

Query and Display

3/22/17 Slide 8CSU CS CT 310 - Web Development, ©Ross Beveridge & Jamie Ruiz

Tabs alter order.

Pagination.

A Building Block

ØTrack and highlight a selection.

3/22/17 Slide 9CSU CS CT 310 - Web Development, ©Ross Beveridge & Jamie Ruiz

From W3Schools, recall..

3/22/17 Slide 10

Maintain State Information

3/22/17 Slide 10CSU CS CT 310 - Web Development, ©Ross Beveridge & Jamie Ruiz

Think through what this particular HTML anchor is actually doing!

3/22/17 Slide 11

Pagination Outward

3/22/17 Slide 11CSU CS CT 310 - Web Development, ©Ross Beveridge & Jamie Ruiz

Study and experiment on your own time, a bit more than a simple in-lecture example.

Pagination Inwards: SQLØPay particular attention to the query

string construction.

3/22/17 Slide 12CSU CS CT 310 - Web Development, ©Ross Beveridge & Jamie Ruiz

3/22/17 Slide 13

Search for Music

3/22/17 Slide 13CSU CS CT 310 - Web Development, ©Ross Beveridge & Jamie Ruiz

3/22/17 Slide 14

Search Internals: Form

3/22/17 Slide 14CSU CS CT 310 - Web Development, ©Ross Beveridge & Jamie Ruiz

3/22/17 Slide 15

Search Internals: Query

3/22/17 Slide 15CSU CS CT 310 - Web Development, ©Ross Beveridge & Jamie Ruiz

Pay particular attention to the query string construction.