Literatur und Links. Webtechnologien WS 2017/18 Teil 1/Entwicklung

Größe: px

Ab Seite anzeigen:

Download "Literatur und Links. Webtechnologien WS 2017/18 Teil 1/Entwicklung"

Brigitte Beckenbauer
vor 6 Jahren
Abrufe

1 Literatur und Links [1-1] Seidler, Kai; Vogelsang, Kay: Das XAMPP Handbuch. Addison-Wesley, 2006 [1-2] [1-3] [1-4] [1-5] [1-6] [1-7] [1-8] [1-9] 2

Übersicht Lokales Arbeiten unter Windows Arbeiten mit einem Server Virtuelle Maschine für Linux Es wird die Einrichtung einer Web-Entwicklungsumgebung unter Windows gezeigt.

2 Übersicht Lokales Arbeiten unter Windows Arbeiten mit einem Server Virtuelle Maschine für Linux Es wird die Einrichtung einer Web-Entwicklungsumgebung unter Windows gezeigt. Die Snapshot-Dumps stammen nicht von der aktuellen Version XAMPP 7.1, sind aber immer noch gültig. 3 Entwicklungsumgebung (Windows) I Download über bzw. gleich: Download und Installationshinweise stehen unter 4

Entwicklungsumgebung (Windows) II Es wird

1 installiert: xampp-win32-7.1.*-*-vc14-installer.

5 Entwicklungsumgebung (Windows) III Tomcat

weglassen; für die LV Programmieren könnte

3 Entwicklungsumgebung (Windows) II Es wird als erstes XAMPP 7.1 installiert: xampp-win *-*-vc14-installer.exe Nehmen Sie immer die letzte Version. 5 Entwicklungsumgebung (Windows) III Tomcat können Sie für diese Veranstaltung weglassen; für die LV Programmieren könnte Tomcat aber benötigt werden. Perl und der Mailserver sind auch nicht erforderlich. 6

$Entwicklungsumgebung (Windows) IV Zum Deinstallieren muss die Routine \xampp\uninstall.exe aufgerufen werden diese steht im Installationsordner.$

4 Entwicklungsumgebung (Windows) IV Zum Deinstallieren muss die Routine \xampp\uninstall.exe aufgerufen werden diese steht im Installationsordner. Oder es wird der normale Deinstallationsmechanismus über die Systemsteuerung (Programme und Funktionen) benutzt: 7 Entwicklungsumgebung (Windows) V Ab Windows 7 sollte der Installationsordner unter c:\xampp liegen. Das ist auch die Default-Einstellung. 1) Dann das Control-Panel starten: Start des Apache-Servers Start des MySQL-Servers 2) Prüfung, ob alles in Ordnung ist, per Browser: Als URL folgendes eingeben: bzw. Im folgenden werden die Snapshot-Dumps dazu angezeigt. 8

$Entwicklungsumgebung (Windows) VI Der XAMPP-Ordner c:\xampp Oberer Teil 9$

5 Entwicklungsumgebung (Windows) VI Der XAMPP-Ordner c:\xampp Oberer Teil 9 Entwicklungsumgebung (Windows) VII Der XAMPP-Ordner c:\xampp Unterer Teil 10

$c:\xampp\htdocs kommen die$

6 Entwicklungsumgebung (Windows) VIII In den Ordner c:\xampp\htdocs kommen die HTML/PHP-Dateien 11 XAMPP I - Vor dem Serverstart 12

7 XAMPP II Der Apache php.ini 13 Beispiel für php.ini-problem I Es wird die gmp-bibliothek benutzt, die bei der Installation in php.ini nicht geladen wird. 14

8 Beispiel für php.ini-problem II Die gmp-bibliothek wird durch Löschen des ";" nun geladen. 15 XAMPP III Der Apache Wichtig für die Fehlersuche 16

9 XAMPP IV Der Aufruf Nun wird der Browser aufgerufen mit folgender URL (Adresse): bzw XAMPP V Der Aufruf 18

10 XAMPP VI Der Aufruf 19 Start von phpmyadmin I 20

11 Start von phpmyadmin II 21 Start von phpmyadmin III Die Web-Administrationsoberfläche phpmyadmin oberer Teil 22

Start von phpmyadmin IV Die Web-Administrationsoberfläche phpmyadmin unterer Teil Diese Warnungen sollten Sie nur dann ernst nehmen, wenn Sie nicht Lokal auf einer Maschine arbeiten, sondern im

12 Start von phpmyadmin IV Die Web-Administrationsoberfläche phpmyadmin unterer Teil Diese Warnungen sollten Sie nur dann ernst nehmen, wenn Sie nicht Lokal auf einer Maschine arbeiten, sondern im Internet. Dann müssen diese Dinge beachtet und die Lücken beseitigt werden. 23 Lokales Arbeiten I ohne Webserver URL: file:///c:/.../hello.html Browser (1) read Hello.html Die Adressen der Objekte (URL) sind Verweise auf lokale Dateien. Dies funktioniert NUR(!) lokal auf dem eigenen PC; eine Übertragung auf eine andere Maschine kann zu Problemen führen. Dies geht auch ohne XAMPP, ist aber nicht zu empfehlen. Ordner Eigene Dateien 24

Lokales Arbeiten II mit Webserver URL: http://localhost/hello.html Apache (3) HTTP Browser (2) read (1) copy Hello.

Schritt (1) muss immer zu Fuß gemacht werden. Ordner htdocs Ordner Eigene Dateien Vorher muss der Web- Server gestartet sein.

13 Lokales Arbeiten II mit Webserver URL: Apache (3) HTTP Browser (2) read (1) copy Hello.html Das ist die richtige Arbeitsweise, da alle Adressen echte Web-Adressen sind. Schritt (1) muss immer zu Fuß gemacht werden. Ordner htdocs Ordner Eigene Dateien Vorher muss der Web- Server gestartet sein. 25 Erstes Arbeiten mit netbeans I Es wird ein neues Projekt ausgewählt, dann der Typ PHP-Applikation bestimmt Dies ist die netbeans-version 8.2, Eclipse geht natürlich auch! 26

27 Erstes Arbeiten mit netbeans III Hier nun unterscheiden sich die oben vorgestellten Varianten Wir wählen

14 Erstes Arbeiten mit netbeans II Nun wird ein Name definiert immer neueste PHP-Version 7.1 auswählen. Achten Sie auf den richtigen Ordner hier darf nie...htdocs stehen. 27 Erstes Arbeiten mit netbeans III Hier nun unterscheiden sich die oben vorgestellten Varianten Wir wählen die einfachste als erstes... Am Anfang steht hier nichts, das muss über configure geändert werden. Der Rest ist erst einmal uninteressant, also Finish 28

vom Ort der Installation ab) Das ist nur ein einziges Mal

15 Erstes Arbeiten mit netbeans IV configure... Hier wird der Pfad zum PHP-Interpreter eingetragen (hängt vom Ort der Installation ab) Das ist nur ein einziges Mal erforderlich. 29 Erstes Arbeiten mit netbeans IV Unser erstes PHP-Programm: Hallo World! 30

16 Erstes Arbeiten mit netbeans V Eingeben des Programms und Starten über das grüne Dreieck. Die Ausgabe erscheint unterhalb des Source-Code-Fensters. 31 Nun über den Server I Wir legen ein neues Projekt an wie gehabt: 1.Schritt 2.Schritt 32

Schritt In den htdocs-ordner soll nun netbeans alle Dateien installieren.

17 Nun über den Server II Wir legen ein neues Projekt an wie gehabt, aber stellen im 3. Schritt des Assistenten etwas anderes ein. 3.Schritt In den htdocs-ordner soll nun netbeans alle Dateien installieren. 33 Nun über den Server III Dazu schreiben wir uns schnell eine einfache Seite mit dem Hallo- World-PHP-Befehl was das alles zu bedeuten hat, wird später erklärt. 34

18 Nun über den Server IV Mit Set Main Project wird ein bestehendes Projekt zum Hauptprojekt gemacht. Dann ein Klick auf das grüne Dreieck: Die Datei wird kopiert, der Browser gestartet und das Ergebnis angezeigt. 35 Nun über den Server V Wir können uns im Browser den angezeigten Quellcode der Datei anzeigen lassen. 36

(rechte Maustaste) 37 Nun über den Server VII Wir können

19 Nun über den Server VI Das Ergebnis der Konfiguration schauen wir uns nun über den folgenden Weg an: Projekt (rechte Maustaste) 37 Nun über den Server VII Wir können an diesen Stelle unsere Konfiguration einsehen und ändern. 38

Installation der IDE II - Java Zuerst Java installieren sofern nicht vorhanden:

20 Installation der IDE I Hier gibt es verschiedene Möglichkeiten je nach Geschmack: Eclipse mit PHP-Plugins Netbeans mit PHP-Plugins Einfache Editoren vim jedit 39 Installation der IDE II - Java Zuerst Java installieren sofern nicht vorhanden: Version Java 8 nehmen. 40

21 Installation der IDE III Adresse: Die englische Version, deutsche Versionen gibt es hier kaum. 41

24 Firebug beim Firefox I Add-ons auswählen Firebug suchen 47 Firebug beim Firefox II Installieren Mit F12 starten 48

25 Firebug beim Firefox III - Alle geladenen Dateien 49 Firebug beim Firefox IV - Die JavaScript-Quellen 50

Firebug beim Firefox V - https://lsf.htw-berlin.

26 Firebug beim Firefox V - Die HTML-Quellen 51 Firebug beim Firefox VI - Die Cookies 52

Installation von Manuals I SelfHTML SelfPHP PHP Documentation PHP Documentation Kommentare Reference-Handbuch für HTML, CSS und JavaScript sehr empfehlenswert http://aktuell.de.selfhtml.

php Offizielle Dokumentation von PHP mit ergänzenden Kommentaren sehr empfehlenswert http://www.php.net/docs.php Am besten ist es für Windows-Freunde die CHM-Versionen zu benutzen.

27 Installation von Manuals I SelfHTML SelfPHP PHP Documentation PHP Documentation Kommentare Reference-Handbuch für HTML, CSS und JavaScript sehr empfehlenswert Dasselbe für PHP sehr empfehlenswert Offizielle Dokumentation von PHP Offizielle Dokumentation von PHP mit ergänzenden Kommentaren sehr empfehlenswert Am besten ist es für Windows-Freunde die CHM-Versionen zu benutzen. Falls der eingebaute chm-viewer nicht funktioniert, dann nehmen Sie am besten den kchmviewer von 53 Zu selfhtml (nur für HTML 4 geeignet)

28 Zu selfphp 55 Zu PHP Einfache und erweiterte Dokumentation

29 CHM-Viewer

30 MySQL Workbench I 59 MySQL Workbench II 60

org/de/herunterladen/windows-installer/ 61 Dann

31 Zeichenprogramme Dann noch etwas Backups! I 62

32 Dann noch etwas Backups! II 63 Dann noch etwas Backups! III 64

33 Für die Freunde von Eclipse Eclipse mit PHP zusammen: heliosr Installationsvideos (auf Deutsch): Für PHP selbst: 65 Linux-Version Es gibt noch eine virtuelle Maschine (VirtualBox) mit Linux. Diese basiert auf redhat Linux (CentOS 6.9). Diese Maschine ist im Labor A209L verfügbar oder von der Website des Dozenten herunter ladbar. Installiert und fertig konfiguriert sind dort: XAMPP Java 1.8 Netbeans 8.2 und Netbeans Nightly Build (PHP 7.1) C Software für Übungen der LV IT-Security Software für Übungen der LV Verteilte Anwendungen PHPUnit-Tests Manuals für Java, PHP und JavaScript (offline) 66

34 Nach dieser Anstrengung etwas Entspannung... 67

Ähnliche Dokumente

Literatur und Links. Webtechnologien WS 2015/16 Teil 1/Entwicklung

Literatur und Links. Webtechnologien WS 2015/16 Teil 1/Entwicklung Literatur und Links [1-1] Seidler, Kai; Vogelsang, Kay: Das XAMPP Handbuch. Addison-Wesley, 2006 [1-2] http://www.apachefriends.org/download.html http://sourceforge.net/projects/xampp/files/ [1-3] http://aktuell.de.selfhtml.org/extras/download.shtml