Creating a Search Page

8/14/2019 Creating a Search Page

http://slidepdf.com/reader/full/creating-a-search-page 1/30

Creating a Search page using PHP and MySQL

Creating a Search page using PHP and MySQL Michael Ashinze Page 1

Firstly, create your

database.

Create a database called

staff

And click create





Type in your table name

and Number of Fields

Here we will use details

and 5

And click Go





Enter the fields as shown





For the ID field

Select Primary

on the index

menu

and tick the A_I

field





Table has been

created

Click Insert to

add records




Add the three more records below

First name Surname Course Email

Andy Quin Customer

Service

[email protected].

uk

Tracey Lee Network

Security

[email protected]

g.uk

John Smith Networking [email protected].

uk


Enter records

and click on Go





Now you

should have 4

records in





Now we need

a website that

will allow usconnect to the

database with

a form.

Define a new

site

Click New

site

Now we need

a website that

will allow usconnect to the

database with

a form.

Now create a

new site with

the name

elattsearch





Select php

then

Select thehighlighted

layout

Click create




Add some text to the main body

of the page as above and save the page as index.php. Now create

another page for your search results.





Add some text to the main body of the page asabove and save the page as searchresults.php






Now on the index

page create a form

Go to

Insert > Form >

form

You should

now see a

selected area.

This is your

form area.

In the

properties

field, change

the method

form Post to

Get and link

the Action to

the





For Action:use the

browse icon to

navigate and

find the

searchresult

s.php page.

And for

Method select

Get from the

dropdown

menu.





Now create atext box for

your entry.

Insert >

Form > Text

box





Defining the

textbox

attributes:

ID: This is the

most important

field because

this is the field

that will be

connected to

your database.

It should be

given an easy

name that youcan remember.

Label: This is

just the name of

your text box. It

could be





Now your

form now has

a text box

with a title

First name.

This will allow

a user to type

the first name

of a staff they

require.

Now we will

create a

Button that

will be used to

submit the

search.

Go to:

Insert >

Form >

Button









Now just like the

text box we will

use the following

names

ID: find





The Button

has been

created with

but we can

change the

text to a more

appropriate

name. Like

Find





To do that,

click on the

submit button.

Then in the

properties

section,

change the

value to Find.




Now you can save the index.php page.






Now we will

connect the

website to our

mysql database.

On the

searchresult.ph

p page. Go to:

window >

Databases





In the database Panel,

Click the + sign and

select MySQL

Connection

Now Fill in the

connection form as

shown.

Make sure you use

the correct Password.

[This is your

phpmyadmin

password]

To choose the

database, click on




Now click the test button to check that your connection is working.

If everything goes smoothly you should have this popup message. Click OK and

OK again


Select the database

you wish to connect

to.

In this case we are

connecting to the

staff database.

Select staff and click





Now on the binding

Tab, Click on the +

sign then select

Recordset(query)

Your Record Set is

your query section.

Select a suitable

name for your

recordset. It could

be any name you

choose.

Here we will use:

Name: staffsearch

Filter: Select

Firstname [ This is

what you want the

user to type in the

form you have

created]

URL Parameter: first

name

[This must be the ID

name of the textbox





Now you should see

your record Set.





Now on the Data

section,

Select Dynamic

Data: Dynamic

Table

This allows you to

select the number of

records that at

displayed per page

Select your

preferences then

click ok




Your results page is finally done. You can modify the table to suite your design.

Now you have finished creating the search page. We can now preview the site

from the index.php page.





In the preview page, Test the site by finding any name we have on the staff

database.

We will search for Michael; this is one of the names on the database. Type

Michael and click Find





Your result should show all the information you have about Michael.

Documents

Creating a Search Page