{"id":282,"date":"2020-12-22T16:07:16","date_gmt":"2020-12-22T16:07:16","guid":{"rendered":"https:\/\/web.htk.tlu.ee\/digitaru\/tarkvara2\/?post_type=chapter&p=282"},"modified":"2020-12-28T01:44:13","modified_gmt":"2020-12-28T01:44:13","slug":"html-flaskis-mallid","status":"publish","type":"chapter","link":"https:\/\/web.htk.tlu.ee\/digitaru\/tarkvara2\/chapter\/html-flaskis-mallid\/","title":{"raw":"HTML Flaskis, mallid","rendered":"HTML Flaskis, mallid"},"content":{"raw":"HTML-koodi saab kasutada samas py-failis. N\u00e4iteks v\u00f5ib app.py sisu olla ka j\u00e4rgnev:\r\n
from flask import Flask\r\n\r\napp = Flask(__name__)\r\n\r\n@app.route('\/')\r\ndef index():\r\n\u00a0 \u00a0 return '<h1>Pealkiri<\/h1><p>Lehe sisu<\/p>'\r\n\r\nif __name__ == '__main__':\r\n\u00a0 \u00a0 app.run()<\/pre>\r\nN\u00e4ite tulemus veebis n\u00e4eb v\u00e4lja j\u00e4rgnev:\r\n\r\n\"HTML\r\n\r\nTulemuse vaatamiseks k\u00e4ivitame programmi Thonnys ja l\u00e4hme aadressile\r\n\r\nhttp:\/\/127.0.0.1:5000\/<\/a> (kuna failitee m\u00e4\u00e4rasime @app.route('\/')<\/code>, leiamegi tulemuse avalehelt).\r\n\r\nKuna tavaliselt on html-i vaja kirjutada palju, siis on selleks m\u00f5istlik kasutada eraldi faile. Selleks loome oma arvutis failiga app.py samasse kausta uue kausta nimega templates<\/em>. Kausta templates<\/em> loome faili avaleht.html. Seda saame teha n\u00e4iteks Notepadiga<\/em>, salvestades faili laiendiga html (kirjutame faili nime j\u00e4rele .html). Salvestust\u00fc\u00fcbiks valime K\u00f5ik failid ja kodeeringuks UTF-8<\/em>.\r\n\r\nSelle faili sisuks kirjutame esialgu html-p\u00f5histrukruuri ja lisame eelmise n\u00e4itega sama sisu:\r\n
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<title>Minu esimene veebileht<\/title>\r\n<\/head>\r\n<body>\r\n\r\n<h1>Pealkiri<\/h1>\r\n<p>Lehe sisu<\/p>\r\n\r\n<\/body>\r\n<\/html><\/pre>\r\nLoodud kaust arvutis:\r\n\r\n\"Loodus\r\n\r\nKeskkonnas PythonAnywhere avame kausta mysite<\/em> ja loome sinna templates<\/em> kausta (mysite<\/em> alamkaustana).\r\n\r\n\"PythonAnywhere\"\r\n\r\nN\u00fc\u00fcd l\u00e4heme tagasi faili app.py ja vaatame, kuidas loodud malli renderdada.\r\n
from flask import Flask, render_template\r\n\r\napp = Flask(__name__)\r\n\r\n@app.route('\/')\r\ndef index():\r\n\u00a0 \u00a0 return render_template('avaleht.html') # malli renderdamine\r\n\r\nif __name__ == '__main__':\r\n\u00a0 \u00a0 app.run()<\/pre>\r\n ","rendered":"
HTML-koodi saab kasutada samas py-failis. N\u00e4iteks v\u00f5ib app.py sisu olla ka j\u00e4rgnev:<\/p>\n
from flask import Flask\r\n\r\napp = Flask(__name__)\r\n\r\n@app.route('\/')\r\ndef index():\r\n\u00a0 \u00a0 return '<h1>Pealkiri<\/h1><p>Lehe sisu<\/p>'\r\n\r\nif __name__ == '__main__':\r\n\u00a0 \u00a0 app.run()<\/pre>\n
N\u00e4ite tulemus veebis n\u00e4eb v\u00e4lja j\u00e4rgnev:<\/p>\n
\"HTML<\/p>\n
Tulemuse vaatamiseks k\u00e4ivitame programmi Thonnys ja l\u00e4hme aadressile<\/p>\n
http:\/\/127.0.0.1:5000\/<\/a> (kuna failitee m\u00e4\u00e4rasime @app.route('\/')<\/code>, leiamegi tulemuse avalehelt).<\/p>\n
Kuna tavaliselt on html-i vaja kirjutada palju, siis on selleks m\u00f5istlik kasutada eraldi faile. Selleks loome oma arvutis failiga app.py samasse kausta uue kausta nimega templates<\/em>. Kausta templates<\/em> loome faili avaleht.html. Seda saame teha n\u00e4iteks Notepadiga<\/em>, salvestades faili laiendiga html (kirjutame faili nime j\u00e4rele .html). Salvestust\u00fc\u00fcbiks valime K\u00f5ik failid ja kodeeringuks UTF-8<\/em>.<\/p>\n
Selle faili sisuks kirjutame esialgu html-p\u00f5histrukruuri ja lisame eelmise n\u00e4itega sama sisu:<\/p>\n
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<title>Minu esimene veebileht<\/title>\r\n<\/head>\r\n<body>\r\n\r\n<h1>Pealkiri<\/h1>\r\n<p>Lehe sisu<\/p>\r\n\r\n<\/body>\r\n<\/html><\/pre>\n
Loodud kaust arvutis:<\/p>\n
\"Loodus<\/p>\n
Keskkonnas PythonAnywhere avame kausta mysite<\/em> ja loome sinna templates<\/em> kausta (mysite<\/em> alamkaustana).<\/p>\n
\"PythonAnywhere\"<\/p>\n
N\u00fc\u00fcd l\u00e4heme tagasi faili app.py ja vaatame, kuidas loodud malli renderdada.<\/p>\n
from flask import Flask, render_template\r\n\r\napp = Flask(__name__)\r\n\r\n@app.route('\/')\r\ndef index():\r\n\u00a0 \u00a0 return render_template('avaleht.html') # malli renderdamine\r\n\r\nif __name__ == '__main__':\r\n\u00a0 \u00a0 app.run()<\/pre>\n
 <\/p>\n","protected":false},"author":29,"menu_order":3,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-282","chapter","type-chapter","status-publish","hentry"],"part":100,"_links":{"self":[{"href":"https:\/\/web.htk.tlu.ee\/digitaru\/tarkvara2\/wp-json\/pressbooks\/v2\/chapters\/282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/web.htk.tlu.ee\/digitaru\/tarkvara2\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/web.htk.tlu.ee\/digitaru\/tarkvara2\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/web.htk.tlu.ee\/digitaru\/tarkvara2\/wp-json\/wp\/v2\/users\/29"}],"version-history":[{"count":6,"href":"https:\/\/web.htk.tlu.ee\/digitaru\/tarkvara2\/wp-json\/pressbooks\/v2\/chapters\/282\/revisions"}],"predecessor-version":[{"id":446,"href":"https:\/\/web.htk.tlu.ee\/digitaru\/tarkvara2\/wp-json\/pressbooks\/v2\/chapters\/282\/revisions\/446"}],"part":[{"href":"https:\/\/web.htk.tlu.ee\/digitaru\/tarkvara2\/wp-json\/pressbooks\/v2\/parts\/100"}],"metadata":[{"href":"https:\/\/web.htk.tlu.ee\/digitaru\/tarkvara2\/wp-json\/pressbooks\/v2\/chapters\/282\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/web.htk.tlu.ee\/digitaru\/tarkvara2\/wp-json\/wp\/v2\/media?parent=282"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/web.htk.tlu.ee\/digitaru\/tarkvara2\/wp-json\/pressbooks\/v2\/chapter-type?post=282"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/web.htk.tlu.ee\/digitaru\/tarkvara2\/wp-json\/wp\/v2\/contributor?post=282"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/web.htk.tlu.ee\/digitaru\/tarkvara2\/wp-json\/wp\/v2\/license?post=282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}