Seite 1Maria, Philipp, Herbert 11.04.23 Seite 1

Fitnessplaner

Ziele:> Fitnessplaner für Onlinebetrieb> Registrierung> individuelle Trainingsplanerstellung> Kontrolle durch Soll/Istvergleich> Kalenderdownload

Seite 2

Event

Maria, Philipp, Herbert 11.04.23

Trainingsdetails

Trainingsplan Training_Status

Training_Hauptgruppe

Training_UntergruppeTraining_Uebung

User

User_Role User_Trainingsplan

Seite 3

Login

Maria, Philipp, Herbert 11.04.23

Seite 4

Aufbau der index.php

Maria, Philipp, Herbert 11.04.23

<?phpSession?>

javascript zur Datenvalidierung

<htmlFormular/html>

Seite 5

Bei falscher Eingabe

Maria, Philipp, Herbert 11.04.23

header("Location: index.php?falsch");

<script type="text/javascript">if (window.location.search == "?falsch") {document.getElementById("falsch").innerHTML = "Benutzername und/oder Passwort falsch";}</script>

header("Location: index.php?falsch");

<script type="text/javascript">if (window.location.search == "?falsch") {document.getElementById("falsch").innerHTML = "Benutzername und/oder Passwort falsch";}</script>

Seite 6

Aufbau der login.php

Maria, Philipp, Herbert 11.04.23

<?phpSession

Datenbankverbindung aufbauen

Eingabe mit Daten in db vergleichen

Weiterleitung zum Kalender?>

Seite 7

Session

Maria, Philipp, Herbert 11.04.23

• Merkmale eines Users zwischenspeichern

• PHP bietet einige Funktionen

• mit und ohne Cookies

• vorgegebener Einstieg bei Starseite

Seite 8

Sessionteil der Startseite

Maria, Philipp, Herbert 11.04.23

/*Vor Beenden der Session wieder aufnehmen */session_start();

/*Beenden der Session*/session_destroy();

/*$_SESSION mit neuem array initialisieren*/$_SESSION = array();

Seite 9

Sessionteil der Folgeseiten

Maria, Philipp, Herbert 11.04.23

/*Session wieder aufnehmen */session_start();

/*Kontrolle, ob innerhalb der Session */include "insession.inc.php";

Seite 10

insession.inc.php

Maria, Philipp, Herbert 11.04.23

<?php/*Kontrolle, ob innerhalb der Session */if(!isset($_SESSION["username"])){…echo "<p><a href='index.php'>Zum Login</a></p>";…exit;}?>

Seite 11

SQL Injection

Maria, Philipp, Herbert 11.04.23

Code in SQL-Statements einschleusen

•SpionageCode kann Daten abfragen

•SabotageCode kann Daten löschen

Seite 12

Escapen der Eingabe

Maria, Philipp, Herbert 11.04.23

sprintf("SELECT * FROM user WHERE username = '%s'and password = '%s' ",mysql_real_escape_string($username),mysql_real_escape_string($password))

Seite 13

Maskieren der Eingabe

Maria, Philipp, Herbert 11.04.23

$str = "Ist dein Name wirklich O'reilly?";echo addslashes($str);

// Ausgabe: Ist dein Name wirklich O\'reilly?

Seite 14

Kalender

Maria, Philipp, Herbert 11.04.23

Seite 15

Objektorientierte Umsetzung

> Erstellung von Klassen» Analog den Tabellen der Datenbank

> Auslagern aller Methoden in die Klassen» Bsp: Kalendereinträge (Events) des aktuellen Users abfragen

public function getEvents() {

$sql = new Mysql();$sql->query('SELECT * FROM events WHERE user_id =' .

$this->user_id);$events = array();while ($row = $sql->fetchRow())

$events[] = new Event($row['user_id'], $row['event_id'], $row['date'], $row['time'], $row['training_status'], $row['trainingsplan_id']);

return $events;$sql->disconnect();}

Maria, Philipp, Herbert11.04.23

Seite 16

Objektorientierte Untersützung

> Aufruf der Klassenobjekte und Methoden in den einzelnen Files» Bsp: Userobjekt mit der userid holen

$user = User::getUserbyId($userid);» Bsp: Kalendereinträge dieses Users holen

$userevents = $user->getEvents()

Maria, Philipp, Herbert 11.04.23

Seite 17

CSS 3

> Schattentable {-moz-box-shadow: 10px 10px 5px #888;width: 95%;}

> Abgerundete Eckentable th.titel {...border: 1px solid #000;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;...}

Maria, Philipp, Herbert 11.04.23

Seite 18

CSS 3

> Box-sizingdiv.split {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;....}

> Border colorsborder: 8px solid #000; -moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;

Maria, Philipp, Herbert 11.04.23

Seite 19

CSS 3

> Border image» Border-image» Border-corner-image

Maria, Philipp, Herbert 11.04.23

Seite 20

CSS 3

> Mehr unter: http://www.css3.info/preview/ > Spezifikation & Roadmap: http://www.w3.org/TR/css3-roadmap

Maria, Philipp, Herbert 11.04.23