Övningen
kräver att man har möjlighet att använda PHP och MySQL
(Om server, databas mm inte stämmer med dina uppgifter
så byter/ändar du på det som behövs)
- Hämta en zippad fil med filer som du skall använda. Filen
ligger i en mapp på webbadressen:
http://www.edu.jonkoping.se/it/ped/gy/uppsok/kap47/kap47.zip
Zippa upp filen och lägg mappen kap47 på enheten H (eller
C om du har din egen dator och inte är kopplad till ett nätverk).
- Gå till webbadressen http://193.183.192.8/
Klicka där på länken phpMyAdmin. Logga in med ditt login
och ditt lösenord. Du skall nu importera en tabell. Under texten
Kör SQL-fråga/frågor i databasen db_anvxxx (anvxxx
är utbytt mot din databas. Notera vad din databas har för
namn.) finner du texten Eller Textfilens plats : Bläddra
där fram till filen jkpg.sql i mappen databaser. Klicka sedan på
Kör. Nu importeras en tabell vid namn jkpg.
- Starta Dreamweaver MX
och skapa sedan en ny plats (en lokal webbplats). Välj fliken
Avancerat. Huvudmappen för platsen ska vara mappen kap47.
Välj Kapitel 47
som namn för platsen. Fyll i som webbadress http://193.183.192.8/user/anvxxx/
där anvxxx byts ut mot ditt login som du har fått av din
lärare.
- Fyll också i dina Fjärrinformationsuppgifter. Välj
Åtkomst: FTP och FTP-värd: 193.183.192.8. Som värdkatalog
anger du ingenting. Ange ditt användarnamn och lösenord.
- Fyll också i uppgifterna för Testserver. Ange PHP MySQL
som Servermodell och FTP som Åtkomst. Därefter fylls de övriga
uppgifterna i automatiskt pga det som du tidigare skrivit som fjärrinformationsuppgifter.
Ändra dock URL-prefix till: http://193.183.192.8/user/anvxxx/
- Exportera
informationen om platsen Kapitel 47 och spara exportfilen
i huvudmappen kap47.
- Skapa en ny fil genom att klicka på Arkiv, Nytt, Dynamisk sida,
PHP, Skapa.
- Klicka till höger på fliken Program och sedan på
Databaser (eller klicka på menyraden på Fönster, Databaser).
Som du ser i rutan under Fliken databaser har du redan fixat de tre
första punkterna 1. Skapa en plats för filen, 2. Välj
en dokumenttyp, 3. Konfigurera platsens testserver. Du skall nu fixa
punkt 4. Skapa en anslutning till din MySQL-databas. Klicka enligt anvisningarna
på plustecknet (+) och sedan på MySQL-anslutning
(det enda alternativet).
- Fyll i enligt följande:
Anslutningsnamn: conn
MySQLserver: localhost
Användarnamn: anvxxx (Skriv ditt login i MySQL-databasen)
Lösenord: (Skriv ditt lösenord gällande MySQL-databasen)
Databas: Standarden är att din databas har namnet: db_anvxxx
- Titta på filens innehåll i kodläget. På den
understa raden börjar koden med
$conn = mysql_pconnect
Ändra genom att ta bort p framför connect till
$conn = mysql_connect
- Spara sedan filen som conn.php i mappen Conections. (Dreamweaver föreslår
det här filnamnet och den här placeringen för den första
php-fil som man skapar i Dreamweaver. Den här filen används
sedan av andra andra php-filer för att kommunikationen med databasen
ska fungera.)
- Nu skapas under fliken Databaser: conn - Tabeller, conn - Vyer, conn
- Lagrade procedurer
- Skapa en ny fil vid namn tabell1.php
- Välj under Program fliken Bindningar ock klicka på plustecknet
och sedan på Postuppsättning. Fyll i följande:
Namn:rs
Anslutning:conn (När du gjort detta letar Dreamweaver reda på
dina tabeller i databasen. )
Tabell:jkpg
Kolumner:alla
Filter:inga
Sortera:ar, stigande
- Koppla sidan till formatmallen kap47.css. Överst på sidan
skriver du sedan in texten "Jönköpings historia 1284-1855".
Centrera denna text och gör den till en Rubrik 2. Gör också
denna text till title för sidan. Under rubriken infogar du och
centrerar bilden crumpled.gif. Under denna bild infogar du en tabell
med 2 rader och 4 kolumner. Centrera tabellen och gör cellerna
i den översta raden till huvudceller. På den översta
raden i de fyra cellerna skriver du från vänster Id,
År, Datum, Händelse.
- Sedan drar du de fyra dynamiska värdena från postuppsättning
(rs) till var sin cell i den understa raden i tabellen: id, ar, datum,
handelse.
- Markera nu den understa raden så att alla cellerna är markerade.
I Egenskaper ska det stå rad och i kodväljaren till vänster
strax ovanför Egenskaper skall <tr> vara
i fetstil.
- Under program klickar du nu på den tredje fliken från
vänster: Serverfunktioner. Klicka på plustecknet och välj
Upprepa region och Visa 10 poster i taget.
- Mellan rubriken och tabellen skriver du på en rad följande
text som du också centrerar: "Nästa 10 - Föregående
10 - Första sidan - Sista sidan". Markera sedan "Nästa
10" och klicka sedan på plustecknet och därefter på
Postuppsättningsväxel. Välj därefter Flytta till
nästa sida och klicka sedan på OK i fönstret som poppar
upp. Gör därefter på liknande sätt 3 länkar
till från de andra 3 texterna.
- Klicka nu på Expandera/komprimera-ikonen i Platsfönstret
och ladda upp mappen Connections inklusive filen conn.php samt filen
tabell1.php till din webbplats. Ladda också upp de övriga
filerna i mappen till din webbplats. Testa att allt fungerar genom att
gå till Internet på adressen: http://193.183.192.8/user/anvxxx/tabell1.php.
söndag, 9 februari, 2003
Tommy Maltell
|