File tree Expand file tree Collapse file tree 12 files changed +190
-157
lines changed Expand file tree Collapse file tree 12 files changed +190
-157
lines changed Original file line number Diff line number Diff line change @@ -17,17 +17,17 @@ software: python, html-css-javascript
1717version : 4.1
1818last_tested : 2018-08-02
1919steps :
20- - title : Co budeš dělat
21- - title : Vytvoř aplikaci
22- completion :
23- - engaged
24- - title : Přidej novou stránku
25- - title : Vytvoř HTML šablonu
26- - title : Použij CSS styl
27- completion :
28- - internal
29- - title : Dynamický obsah
30- completion :
31- - external
32- - title : ' Výzva'
33- challenge : true
20+ - title : Co budeš dělat
21+ - title : Vytvoř aplikaci
22+ completion :
23+ - engaged
24+ - title : Přidej novou stránku
25+ - title : Vytvoř HTML šablonu
26+ - title : Použij CSS styl
27+ completion :
28+ - internal
29+ - title : Dynamický obsah
30+ completion :
31+ - external
32+ - title : ' Výzva'
33+ challenge : true
Original file line number Diff line number Diff line change @@ -17,17 +17,17 @@ software: python, html-css-javascript
1717version : 4.1
1818last_tested : 2018-08-02
1919steps :
20- - title : Wat je gaat maken
21- - title : Maak de app
22- completion :
23- - engaged
24- - title : Een nieuwe pagina toevoegen
25- - title : Een HTML-sjabloon maken
26- - title : Gebruik CSS-stijlen
27- completion :
28- - internal
29- - title : Dynamische inhoud
30- completion :
31- - external
32- - title : ' Uitdaging'
33- challenge : true
20+ - title : Wat je gaat maken
21+ - title : Maak de app
22+ completion :
23+ - engaged
24+ - title : Een nieuwe pagina toevoegen
25+ - title : Een HTML-sjabloon maken
26+ - title : Gebruik CSS-stijlen
27+ completion :
28+ - internal
29+ - title : Dynamische inhoud
30+ completion :
31+ - external
32+ - title : ' Uitdaging'
33+ challenge : true
Original file line number Diff line number Diff line change @@ -9,22 +9,24 @@ De webserver kan reageren op de dynamische inhoud die de gebruiker invoert.
99
1010- Een Raspberry Pi met het nieuwste Raspberry Pi OS
1111
12- ## --- collapse ---
13-
14- ## title: Flask installeren
12+ --- collapse ---
13+ ---
14+ title: Flask installeren
15+ ---
1516
1617` Flask ` zou vooraf geïnstalleerd moeten zijn als onderdeel van Raspberry Pi OS, dus u hoeft niets te doen.
1718
1819U kunt het handmatig installeren met de opdracht:
1920
20- ## --- code ---
21+ ##
22+ --- code ---
2123
2224language: bash
2325line_numbers: false
2426--------------------------------------------------------
2527
2628sudo apt install python3-flask
2729
28- \ - -- /code ---
30+ --- /code ---
2931
30- \ - -- /collapse ---
32+ --- /collapse ---
Original file line number Diff line number Diff line change 11## Maak de app
22
3- \ - -- task ---
3+ --- task ---
44
55Open een terminal en gebruik de opdracht ` mkdir ` om een nieuwe map met de naam ` webapp ` te maken in uw documentenmap.
66
7- ## --- code ---
7+ ##
8+ --- code ---
89
910language: bash
1011line_numbers: false
1112--------------------------------------------------------
1213
1314mkdir ~ /Documents/webapp
1415
15- \ - -- /code ---
16+ --- /code ---
1617
17- \ - -- /task ---
18+ --- /task ---
1819
19- \ - -- task ---
20+ --- task ---
2021
2122Gebruik de opdracht ` cd ` om de nieuwe map te openen.
2223
23- ## --- code ---
24+ ##
25+ --- code ---
2426
2527language: bash
2628line_numbers: false
2729--------------------------------------------------------
2830
2931cd ~ /Documents/webapp
3032
31- \ - -- /code ---
33+ --- /code ---
3234
33- \ - -- /task ---
35+ --- /task ---
3436
35- \ - -- task ---
37+ --- task ---
3638
3739Open ** Thonny** in het menu ** Programmeren** .
3840
39- \ - -- /task ---
41+ --- /task ---
4042
41- \ - -- task ---
43+ --- task ---
4244
4345Voeg deze Python-code toe aan het lege bestand.
4446
45- ## --- code ---
47+ ##
48+ --- code ---
4649
4750language: python
4851line_numbers: false
@@ -59,47 +62,48 @@ return 'Hallo wereld'
5962if ** name** == '** main** ':
6063app.run(debug=True, host='0.0.0.0')
6164
62- \ - -- /code ---
65+ --- /code ---
6366
64- \ - -- /task ---
67+ --- /task ---
6568
66- \ - -- task ---
69+ --- task ---
6770
6871Sla het nieuwe bestand op onder de naam ` app.py ` in de map ` webapp ` die u zojuist hebt gemaakt.
6972
70- \ - -- /task ---
73+ --- /task ---
7174
72- \ - -- task ---
75+ --- task ---
7376
7477Ga terug naar uw terminalvenster en voer het script uit dat u zojuist hebt geschreven:
7578
76- ## --- code ---
79+ ##
80+ --- code ---
7781
7882language: bash
7983line_numbers: false
8084--------------------------------------------------------
8185
8286python3 app.py
8387
84- \ - -- /code ---
88+ --- /code ---
8589
86- \ - -- /task ---
90+ --- /task ---
8791
8892Als alles goed werkt, ziet u in het venster uitvoer die er ongeveer zo uitziet:
8993
9094![ pi voert web-app uit] ( images/pi-run-web-app.png )
9195
92- \ - -- task ---
96+ --- task ---
9397
9498Open in het menu van je Raspberry Pi ** Internet** > ** Chromium webbrowser**
9599
96- \ - -- /task ---
100+ --- /task ---
97101
98- \ - -- task ---
102+ --- task ---
99103
100104Typ ` localhost:5000 ` in de adresbalk en druk op <kbd >en voer</kbd >in. U zou de welkomstpagina moeten zien.
101105
102- \ - -- /task ---
106+ --- /task ---
103107
104108![ Flask Hallo wereld] ( images/flask-hello-world.png )
105109
Original file line number Diff line number Diff line change 22
33Om een nieuwe pagina aan uw web-app toe te voegen, maakt u een nieuwe ** route** .
44
5- ## --- collapse ---
6-
7- ## title: Wat is een route?
5+ --- collapse ---
6+ ---
7+ title: Wat is een route?
8+ ---
89
910In de code die u al hebt, is er één route:
1011
@@ -20,13 +21,14 @@ Deze route bestaat uit drie delen:
2021- ` def index() ` : de naam van de route - ` index `
2122- ` return 'Hallo wereld' ` : de inhoud die de gebruiker zal zien - ` Hallo wereld `
2223
23- \ - -- /collapse ---
24+ --- /collapse ---
2425
25- \ - -- task ---
26+ --- task ---
2627
2728Voeg de code voor een nieuwe route toe aan ` app.py ` en ** sla** het bestand op.
2829
29- ## --- code ---
30+ ##
31+ --- code ---
3032
3133language: python
3234line_numbers: true
@@ -42,16 +44,16 @@ return 'Hallo wereld'
4244def cakes():
4345return 'Lekkere taarten!'
4446
45- \ - -- /code ---
47+ --- /code ---
4648
47- \ - -- /task ---
49+ --- /task ---
4850
49- \ - -- task ---
51+ --- task ---
5052
5153Typ in de ** Chromium webbrowser** ` localhost:5000/cakes ` in de adresbalk.
5254
5355U zou een webpagina moeten zien met de tekst "Lekkere taarten!" erop.
5456
5557![ Lekkere taarten] ( images/flask-cakes.png )
5658
57- \ - -- /task ---
59+ --- /task ---
You can’t perform that action at this time.
0 commit comments