Staatlich geprüfte(r) Technische(r) Assistent/in Informationstechnik Laborbericht

Größe: px

Ab Seite anzeigen:

Download "Staatlich geprüfte(r) Technische(r) Assistent/in Informationstechnik Laborbericht"

August Lorenz Fuhrmann
vor 7 Jahren
Abrufe

1 Berufskolleg Olsberg Paul-Oventrop-Str. 7 D Olsberg Staatlich geprüfte(r) Technische(r) Assistent/in Informationstechnik Laborbericht Fach: Thema: Datenbanken LAMP Laborbericht Nr.: 1 Name: Klasse / Gruppe: IF3A Gruppe 1 Mitarbeiter: - Abgabedatum: Olsberg, Fachlehrer: Herr Janssen Bewertung:

2 Inhaltsverzeichnis 1 Dateibeschreibung Quellcodebeschreibung index.html main.js db.php produkt.php do_login.php create_bill.php get_content.php Benutzerhandbuch Bedienung Startseite Produktseite Warenkorb Kauf Benutzerbereich Beispieleinkauf i

3 1 Dateibeschreibung 1 1 Dateibeschreibung Webshop o index.html Hauptseite, auf o css styles.css o o o js jquery.min.js JQuery main.js CSS-Design der Seite JavaScipt-Funktionen für den Webshop php fpdf Plugin zum Erzeugen von PDF-Dateien create_bill.php erzeugt aus den Produkten im Warenkorb eine PDF-Rechnung mit fpdf db.php enthält die Daten für den Datenbankzugriff do_login.php meldet den Benutzer an get_content.php erzeugt die Navigation erzeugt den Anmelde Bereich bzw. verwaltet diesen ausloggen und Warenkorb löschen erzeugt den Produkt-Bereich, mit Anzahl der Artikel und Gesamtpreis zeigt den Warenkorb an ändert die Anzahl eines Artikels zeigt die Rechnungen von einem Benutzer an produkt.php userdata bills generiert die Produktseite, je nach ausgewählter Kategorie enthält die Rechnungen von den Benutzern Die index.html ruft die Datei main.js auf, dessen Funktionen AJAX Befehle enthalten, die die PHP Dateien aufrufen. Bildlich lässt sich das so darstellen:

4 1 Dateibeschreibung 2

2 Quellcodebeschreibung 3 2 Quellcodebeschreibung Da der Lösungsweg von dem vorgegebenen Lösungsweg zu stark abweicht, um noch genau sagen zu können, was dem vorgegebenen Lösungsweg entspricht, oder

5 2 Quellcodebeschreibung 3 2 Quellcodebeschreibung Da der Lösungsweg von dem vorgegebenen Lösungsweg zu stark abweicht, um noch genau sagen zu können, was dem vorgegebenen Lösungsweg entspricht, oder weil die Funktionen nicht in der Aufgabenstellung vorgestellt wurden, werde ich einfach jede Datei beschreiben. 2.1 index.html Die Datei index.html fungiert als Startseite und mit ihrer Hilfe werden die Unterseiten angezeigt. Sie vernetzt auch die wichtigsten Dateien, wie die CSS- und JavaScript-Dateien. Es sind Platzhalter zu erkennen, zum Beispiel für das Menü, über das man auswählen kann, welche, Produktkategorie angezeigt werden soll. Dies ist übersichtlicher als ein Drop-Down-Menü, da man mit einem Blick erkennen kann, welche Kategorien es gibt. 2.2 main.js Die JavaScript-Datei ist das Bindeglied zwischen der index.html -Datei und den PHP- Skripten. Sie ruft diese auf und leitet die Ausgabe an die Hauptseite weiter. add_item(id) o fügt dem Warenkorb ein Produkt (id) hinzu

6 2 Quellcodebeschreibung 4 o aktualisiert dann den Link zum Warenkorb, der die Anzahl und den Gesamtpreis enthält amount_shoppincart() o gibt den Link zum Warenkorb aus, mit der aktuellen Anzahl der im Warenkorb befindlichen Produkten und des Gesamtpreises buy_items() o ruft das Skript create_bill.php auf und zeigt ein Overlay an, in dem man sich die Rechnung zu dem aktuellen Kauf ansehen kann change_amount(id, amount) o lässt die Anzahl (amount) der einzelnen Artikel (id) ändern und aktualisiert dann die Seite

7 2 Quellcodebeschreibung 5 check_login() o lässt überprüfen, ob ein Benutzer angemeldet ist und aktualisiert den Warenkorb dementsprechend, wenn dieser gerade aufgerufen ist do_login() o sendet die Login-Daten an ein Skript, welches den Benutzer anmeldet, und entsprechend der Antwort, wird das Overlay, welches das Login-Formular enthält, ausgeblendet oder eine Fehlermeldung ausgegeben do_logout() o lässt den Benutzer abmelden und aktualisiert dann die Seite

8 2 Quellcodebeschreibung 6 do_reg() o sendet die Daten zur Registrierung an ein PHP-Skript und gibt bei einem Fehlerfall eine Fehlermeldung aus get_products(description) o listet die Produkte auf

9 2 Quellcodebeschreibung 7 load() o lässt das Menü erzeugen und gibt dieses aus $(document).ready() o analysiert die URL und ruft entsprechend den angeforderten Inhalt auf refresh_productsite() o aktualisiert die Produktseite $(window).scroll() o sorgt dafür, dass das Menü kleben bleibt, wenn es den oberen Bildschirmrand berührt

10 2 Quellcodebeschreibung 8 show_login() o lässt ein Overlay anzeigen, in dem Man sich anmelden kann show_reg() o lässt ein Overlay anzeigen, indem man sich registrieren kann

11 2 Quellcodebeschreibung 9 show_shoppingcart() o lässt den Warenkorb anzeigen show_usercontent() o lässt die Rechnungen zu bisher betätigten einkäufen anzeigen

12 2 Quellcodebeschreibung db.php Diese Datei enthält die Zugangsdaten zu der Datenbank und wählt diese auch gleich aus. Sie wird in jeder PHP-Datei eingebunden, um so übersichtlich den Datenbankzugriff zu steuern. 2.4 produkt.php Das Skript produkt.php generiert die Produktseite, je nachdem, ob beziehungsweise welche Kategorie übergeben wird oder fügt dem Warenkorb ein Produkt hinzu.

13 2 Quellcodebeschreibung do_login.php Das PHP-Skript führt entweder den Login eines Benuters durch oder registriert diesen. Bei einem Login werden die gesendeten Daten mit der Tabelle kunden abgeglichen und falls ein Benutzer dort mit den Anmeldedaten eingetragen ist auch angemeldet. Bei einem Registrierung wird jedoch, bevor die Daten in die Tabelle eingetragen werden, diese zuerst validiert, das heißt, es wird überprüft, ob nicht schon ein Benutzer mit der Kennung vorhanden ist, ob die beiden eingegebenen Passwörter auch identisch sind und ob auch alle Felder der Registrierung ausgefüllt wurden. Falls dies nicht der Fall ist, wird eine Fehlermeldung zurückgegeben.

14 2 Quellcodebeschreibung 12

15 2 Quellcodebeschreibung create_bill.php Erzeugt aus dem Warenkorb eine PDF-Datei und gibt den Pfad davon zurück. Zum Erstellen der PDF wurde das Plugin fpdf genutzt, welches man sich unter herunterladen kann. Die Dokumentation dazu findet sich unter das deutsche Pendant (welches auch genutzt wurde) unter

16 2 Quellcodebeschreibung get_content.php Dieses Skript generiert verschiedene Inhalte für den Webshop, je nachdem welche Werte übergeben werden: 0. Generiert das Menü und gibt dieses aus. 1. Generiert das Feld, wo der Benutzer auswählen kann, ob er sich anmelden oder registrieren möchte, oder er gelangt zu den Rechnungen, wenn er angemeldet ist. 2. logt den User aus und löscht den Warenkorb. 3. Generiert das Feld für den Warenkorb, wo angezeigt, wie viele unterschiedliche Produkte im Warenkorb sind und wie hoch der Gesamtpreis dafür ist. 4. Generiert den Warenkorb und prüft, ob ein Benutzer angemeldet ist. Ist er das nicht, kann er nur etwas kaufen, wenn er sich anmeldet oder registriert.

17 2 Quellcodebeschreibung ändert die Anzahl eines Produktes im Warenkorbes, ist die Anzahl größer 20, wird diese auf 20 festgelegt, ist diese 0, wird das Produkt gelöscht und ist sie kleiner 1 wird sie auf 1 gesetzt. 6. Generiert den Inhalt für den Bereich, wenn der Benutzer auf seinen Benutzernamen klickt. Dort werden dann die Rechnungen zu getätigten Käufen angezeigt.

18 2 Quellcodebeschreibung 16

3 Benutzerhandbuch 17 3 Benutzerhandbuch 3.1 Bedienung 3.1.1 Startseite 1. Zeigt ein Overlay zum Login oder zu Registration an, je nachdem ob man Login o- der Registrieren anklickt. 2.

19 3 Benutzerhandbuch 17 3 Benutzerhandbuch 3.1 Bedienung Startseite 1. Zeigt ein Overlay zum Login oder zu Registration an, je nachdem ob man Login o- der Registrieren anklickt. 2. Zeigt Informationen zum Warenkorb an und zeigt diesen an, sobald man darauf klickt. 3. Zeigt die jeweilige Kategorie der Produkte an Produktseite 1. Artikel befindet sich schon im Warenkorb 2. Artikel in den Warenkorb legen Warenkorb 1. Anzahl ändern

3 Benutzerhandbuch 18 2. Produkt löschen 3. Kaufen/Anmelden 1 2 3 3.1.4 Kauf 1.

Rechnung ansehen 3. Benutzerbereich/Rechnungen öffnen 2 1 3 3.2 Beispieleinkauf 1.

20 3 Benutzerhandbuch Produkt löschen 3. Kaufen/Anmelden Kauf 1. Rechnung zum aktuellen Kauf ansehen Benutzerbereich 1. Abmelden 2. Rechnung ansehen 3. Benutzerbereich/Rechnungen öffnen Beispieleinkauf 1. Die Startseite wird geöffnet. 2. Eine Kategorie, zum Beispiel Scanner wird über das Menü ausgewählt.

21 19 3. Die gewünschten Produkte werden über einen Klick auf In den Warenkorb legen in den Warenkorb gelegt. 4. Der Warenkorb wird aufgerufen. 5. Die Anzahl wird des Scanners wird auf 2 festgelegt. 6. Um den Einkauf fortzusetzen, folgt ein Klick auf Bitte melden sie sich an!. 7. Es liegt noch kein Benutzerkonto vor, deshalb folgt ein Klick auf registrieren. 8. Benutzerdaten werden eingegeben und auf Registrieren geklickt. 9. Der Einkauf kann nun mit einem Klick auf Kaufen fortgesetzt werden. 10. Die Rechnung wird sich angesehen mit einem Klick auf Rechnung. 11. Es folgt ein Klick auf Logout.

Ähnliche Dokumente

Benutzerhandbuch Onlineshop für Mietverträge

Benutzerhandbuch Onlineshop für Mietverträge Inhaltsverzeichnis 2. Inhaltsverzeichnis 3. Startseite 4. Produktkategorie 5. Produktübersicht 6. Produktdetail 7. Warenkorb 8. Anmelden, Registrieren, Zugangsdaten