Server side scripting languagespashias.com/wordpress/wp-content/uploads/2019/08/XAMPP.pdf · Server...

20
Server side scripting languages Στατικζσ είναι οι ιςτοςελίδεσ των οποίων το περιεχόμενο μεταφζρεται όπωσ είναι αποκθκευμζνο ςτον εξυπθρετθτι ιςτοςελίδων, άρα δεν αλλάηει, αν δεν το αλλάξει εκοφςια ο δθμιουργόσ τουσ. Αντίκετα ςτισ δυναμικζσ ιςτοςελίδεσ (οι οποίεσ δθμιουργοφνται με κώδικα π.χ. PHP, ASP, JSP, κ.λπ.) το περιεχόμενο δθμιουργείται από μια εφαρμογι που εκτελείται ςτον εξυπθρετθτι ιςτοςελίδων και άρα μπορεί να αλλάξει, μεταξφ δφο ανανεώςεων τθσ ιςτοςελίδασ ςτο παράκυρο του φυλλομετρθτι. Μια ςτατικι ιςτοςελίδα HTML δεν είναι ζνα πρόγραμμα που εκτελείται, αλλά οδθγίεσ για τθ διαμόρφωςθ ενόσ εγγράφου, ενώ μια δυναμικι ιςτοςελίδα είναι ζνα πρόγραμμα που εκτελείται ςτο διακομιςτι ιςτοςελίδων και μπορεί να δθμιουργιςει διαφορετικό περιεχόμενο ςε κάκε κλιςθ τθσ.

Transcript of Server side scripting languagespashias.com/wordpress/wp-content/uploads/2019/08/XAMPP.pdf · Server...

Page 1: Server side scripting languagespashias.com/wordpress/wp-content/uploads/2019/08/XAMPP.pdf · Server side scripting languages Σʒαʒικζʑ είναι οι ι οελίδε ων

Server side scripting languages

Στατικζσ είναι οι ιςτοςελίδεσ των οποίων το περιεχόμενο μεταφζρεται όπωσ είναι αποκθκευμζνο ςτον εξυπθρετθτι ιςτοςελίδων, άρα δεν αλλάηει, αν δεν το αλλάξει εκοφςια ο δθμιουργόσ τουσ. Αντίκετα ςτισ δυναμικζσ ιςτοςελίδεσ (οι οποίεσ δθμιουργοφνται με κώδικα π.χ. PHP, ASP, JSP, κ.λπ.) το περιεχόμενο δθμιουργείται από μια εφαρμογι που εκτελείται ςτον εξυπθρετθτι ιςτοςελίδων και άρα μπορεί να αλλάξει, μεταξφ δφο ανανεώςεων τθσ ιςτοςελίδασ ςτο παράκυρο του φυλλομετρθτι. Μια ςτατικι ιςτοςελίδα HTML δεν είναι ζνα πρόγραμμα που εκτελείται, αλλά οδθγίεσ για τθ διαμόρφωςθ ενόσ εγγράφου, ενώ μια δυναμικι ιςτοςελίδα είναι ζνα πρόγραμμα που εκτελείται ςτο διακομιςτι ιςτοςελίδων και μπορεί να δθμιουργιςει διαφορετικό περιεχόμενο ςε κάκε κλιςθ τθσ.

Page 2: Server side scripting languagespashias.com/wordpress/wp-content/uploads/2019/08/XAMPP.pdf · Server side scripting languages Σʒαʒικζʑ είναι οι ι οελίδε ων

Client site technologies

Page 3: Server side scripting languagespashias.com/wordpress/wp-content/uploads/2019/08/XAMPP.pdf · Server side scripting languages Σʒαʒικζʑ είναι οι ι οελίδε ων

Server site technologies

Page 4: Server side scripting languagespashias.com/wordpress/wp-content/uploads/2019/08/XAMPP.pdf · Server side scripting languages Σʒαʒικζʑ είναι οι ι οελίδε ων

Web developing tools

Page 5: Server side scripting languagespashias.com/wordpress/wp-content/uploads/2019/08/XAMPP.pdf · Server side scripting languages Σʒαʒικζʑ είναι οι ι οελίδε ων

Server side scripting languages

• Είναι γλώςςεσ προγραμματιςμοφ ειδικά ςχεδιαςμζνεσ για τθ δθμιουργία ςελίδων Web με δυναμικό περιεχόμενο.

• Ο κώδικασ τουσ ςυνικωσ ενςωματώνεται μζςα ςε HTML ςελίδεσ και εκτελείται από τον Server (που είναι αποκθκευμζνεσ) κάκε φορά που ο χριςτθσ επιςκζπτεται τισ ςελίδεσ αυτζσ.

• Η εκτζλεςθ του κώδικα ζχει ωσ αποτζλεςμα τθ παραγωγι αρχείου HTML το οποίο ςτζλνεται τελικά ςτο φυλλομετρθτι του χριςτθ.

Page 6: Server side scripting languagespashias.com/wordpress/wp-content/uploads/2019/08/XAMPP.pdf · Server side scripting languages Σʒαʒικζʑ είναι οι ι οελίδε ων

Τι Χρειαηόμαςτε για δθμιουργιςουμε δυναμικζσ ιςτοςελίδεσ

• Έναν Server ιςτοφ, όπωσ «Apache»,

• Μια γλώςςα προγραμματιςμοφ ςεναρίων «PHP»,

• Μια βάςθ δεδομζνων, όπωσ «MySQL».

• Έναν απλό επεξεργαςτι κειμζνου π.χ. «Notepad++»

Page 7: Server side scripting languagespashias.com/wordpress/wp-content/uploads/2019/08/XAMPP.pdf · Server side scripting languages Σʒαʒικζʑ είναι οι ι οελίδε ων

Β’ Τεχνικι Σχολι Λεμεςοφ

Σχολικι χρονιά 2017 – 2018

Άριςτοσ Παςιάσ

Εγκατάςταςθ του πακζτου XAMPP

Page 8: Server side scripting languagespashias.com/wordpress/wp-content/uploads/2019/08/XAMPP.pdf · Server side scripting languages Σʒαʒικζʑ είναι οι ι οελίδε ων
Page 9: Server side scripting languagespashias.com/wordpress/wp-content/uploads/2019/08/XAMPP.pdf · Server side scripting languages Σʒαʒικζʑ είναι οι ι οελίδε ων

Τι είναι

Τν XAMPP είλαη έλα δωξεάλ πξόγξακκα

γηα δηάθνξα ιεηηνπξγηθά ζπζηήκαηα πνπ

δεκηνπξγεί έλα πεξηβάιινλ ελόο ηνπηθνύ

δηαθνκηζηή (Server) ζηνλ ππνινγηζηή καο, ν

νπνίνο κπνξεί λα κεηαθξάζεη δεδνκέλα ηεο

γιώζζαο πξνγξακκαηηζκνύ PHP θαη ηεο

γιώζζαο βάζεωλ δεδνκέλωλ.

Page 10: Server side scripting languagespashias.com/wordpress/wp-content/uploads/2019/08/XAMPP.pdf · Server side scripting languages Σʒαʒικζʑ είναι οι ι οελίδε ων

1. Download https://www.apachefriends.org Επηιέγνπκε ηελ

έθδνζε γηα ην ιεηηνπξγηθό καο ζύζηεκα.

Page 11: Server side scripting languagespashias.com/wordpress/wp-content/uploads/2019/08/XAMPP.pdf · Server side scripting languages Σʒαʒικζʑ είναι οι ι οελίδε ων

2. Εγκατάςταςθ Απνζεθεύνπκε θαη εγθαζηζηνύκε ην αληίζηνηρν αξρείν .exe. Καηά ηελ

εγθαηάζηαζε είλαη δπλαηό λα εκθαληζηνύλ δηάθνξα κελύκαηα, όπωο λα

θιείζνπκε ην antivirus θαη άιια. Παηάκε «Yes» ζηα αληίζηνηρα πιαίζηα

δηαιόγνπ γηα λα ζπλερηζηεί ε εγθαηάζηαζε.

Παραμετροποιοφμε τθν εγκατάςταςθ ςφμφωνα με τισ ανάγκεσ μασ.

Page 12: Server side scripting languagespashias.com/wordpress/wp-content/uploads/2019/08/XAMPP.pdf · Server side scripting languages Σʒαʒικζʑ είναι οι ι οελίδε ων

3. Control Panel Η εγθαηάζηαζε έρεη νινθιεξωζεί. Κάλνπκε θιηθ ζην εηθνλίδην «Finish».

Επηιέγνληαο πξνεγνπκέλωο ηελ επηινγή «Do you want to start the

Control Panel now?" κε ηελ νινθιήξωζε ηεο εγθαηάζηαζεο μεθηλάεη ην

πξόγξακκα Control Panel γηα λα μεθηλήζνπκε/ζηακαηήζνπκε ηνπο

δηαθνκηζηέο ή λα εγθαηαζηήζνπκε/απεγθαηαζηήζνπκε ππεξεζίεο).

Αλ ππάξρεη πξόβιεκα ζηελ

ελεξγνπνίεζε ηωλ ππεξεζηώλ

δνθηκάζηε λα ην εθηέιέζεηε ην

πξόγξακκα Control Panel ωο

δηαρεηξηζηέο. Σηελ πεξίπηωζε απηή,

κπνξείηε λα βξείηε ην πξόγξακκα

XAMPP Control Panel από ην

εηθνλίδην ηεο έλαξμεο θαη λα θάλεηε

δεμί θιηθ ζε απηό επηιέγνληαο ηελ

επηινγή «Εθηέιεζε ωο δηαρεηξηζηήο».

Page 13: Server side scripting languagespashias.com/wordpress/wp-content/uploads/2019/08/XAMPP.pdf · Server side scripting languages Σʒαʒικζʑ είναι οι ι οελίδε ων

4. Control Panel

Παηάκε start ζηα module ηνπ Apache θαη ηεο MySql

Page 14: Server side scripting languagespashias.com/wordpress/wp-content/uploads/2019/08/XAMPP.pdf · Server side scripting languages Σʒαʒικζʑ είναι οι ι οελίδε ων

5.1 Έλεγχοσ

Γηα λα βεβαηωζείηε

όηη όια πήγαλ θαιά,

πιεθηξνινγείζηε

ζην πξόγξακκα

πεξηήγεζήο ζαο ηελ

δηεύζπλζε

http://localhost ή

http://127.0.0.1 . Θα

πξέπεη λα δείηε ηελ

δηπιαλή εηθόλα ζηελ

νζόλε ζαο.

Page 15: Server side scripting languagespashias.com/wordpress/wp-content/uploads/2019/08/XAMPP.pdf · Server side scripting languages Σʒαʒικζʑ είναι οι ι οελίδε ων

5.2 Έλεγχοσ

Μεηαβείηε ζηελ θαξηέια PHPInfo γηα λα δείηε ηελ έθδνζε

PHP πνπ έρεηε εγθαηαζηήζεη.

Page 16: Server side scripting languagespashias.com/wordpress/wp-content/uploads/2019/08/XAMPP.pdf · Server side scripting languages Σʒαʒικζʑ είναι οι ι οελίδε ων

5.3 Έλεγχοσ

Μεηαβείηε ζηελ θαξηέια phpMyAdmin γηα λα

δηαρεηξηζηείηε ηελ βάζε δεδνκέλωλ ζαο

Page 17: Server side scripting languagespashias.com/wordpress/wp-content/uploads/2019/08/XAMPP.pdf · Server side scripting languages Σʒαʒικζʑ είναι οι ι οελίδε ων

6. Εκτζλεςθ php Μεηαβείηε ζηνλ θάθειν c:\xampp\htdocs γηα λα δεκηνπξγήζεηε ην

πξώην πξόγξακκα ζε php.

Σηνλ θάθειν απηό δεκηνπξγνύκε έλα αξρείν θεηκέλνπ θαη ην

νλνκάδνπκε test.php. Με έλαλ editor (Notepad++ ) πιεθηξνινγείζηε

έλα απιό θώδηθα ζε php.

<?php

echo “Hello World”;

?>

Page 18: Server side scripting languagespashias.com/wordpress/wp-content/uploads/2019/08/XAMPP.pdf · Server side scripting languages Σʒαʒικζʑ είναι οι ι οελίδε ων

7. Εκτζλεςθ php

Σην πξόγξακκα πεξηήγεζήο ζαο πιεθηξνινγήζηε ηελ

δηεύζπλζε http://localhost/test.php γηα λα εθηειέζεηε ην

πξόγξακκα test.php. Τη παξαηεξείηε; Εκθαλίζηεθε ην

κήλπκα «Hello World»;

Page 19: Server side scripting languagespashias.com/wordpress/wp-content/uploads/2019/08/XAMPP.pdf · Server side scripting languages Σʒαʒικζʑ είναι οι ι οελίδε ων

8. Σφνδεςθ με Mysql Γηα λα ζηγνπξεπηνύκε όηη ε PHP ζπλδέεηαη κε ηνλ

δηαθνκηζηή ηεο MySQL δεκηνπξγήζηε έλα λέν αξρείν κε ην

όλνκα test-connect.php ζηνλ θάθειν c:\xampp\htdocs. Ο

θώδηθαο πνπ ζα πεξηέρεη απηό ην αξρείν:

<?php

new PDO('mysql:host=localhost;dbname=test', 'root', '') or

die(mysql_error());

echo "Connected to MySQL<br />";

echo "Connected to Database test on Mysql <br/>";

?>

Σηνv Browser ζαο πιεθηξνινγήζηε ηελ δηεύζπλζε

http://localhost/test-connect.php γηα λα εθηειέζεηε ην

πξόγξακκα test-connect.php. Τη παξαηεξείηε;

Εκθαλίζηεθαλ ηα κελύκαηα;

Page 20: Server side scripting languagespashias.com/wordpress/wp-content/uploads/2019/08/XAMPP.pdf · Server side scripting languages Σʒαʒικζʑ είναι οι ι οελίδε ων

8. Σφνδεςθ με Mysql mysqli_connect("localhost", "root", "", "test"); new PDO('mysql:host=localhost;dbname=test', 'root', '');

Οη πην πάλω εληνιέο είλαη ηζνδύλακεο. Δέρνληαη ηέζζεξεηο

παξακέηξνπο: ην όλνκα ηνπ server (host), ην όλνκα ηεο βάζεο

δεδνκέλωλ (dbname), ην όλνκα ηνπ ρξήζηε (username) θαη

ηνλ θωδηθό ηνπ ρξήζηε (password). Σην παξάδεηγκά καο,:

server = “ localhost” (Οη δηαθνκηζηέο PHP θαη MySQL

είλαη εγθαηεζηεκέλνη ζηνλ ίδην ηνπηθό ππνινγηζηή)

Dbname = “test”

username = “root”

password = “ ” (δελ έρνπκε βάιεη θωδηθό πξόζβαζεο γηα

ηνλ root)