{"id":292,"date":"2020-12-22T16:09:54","date_gmt":"2020-12-22T16:09:54","guid":{"rendered":"https:\/\/web.htk.tlu.ee\/digitaru\/tarkvara2\/?post_type=chapter&p=292"},"modified":"2020-12-28T01:48:09","modified_gmt":"2020-12-28T01:48:09","slug":"andmebaasid-front-end","status":"publish","type":"chapter","link":"https:\/\/web.htk.tlu.ee\/digitaru\/tarkvara2\/chapter\/andmebaasid-front-end\/","title":{"raw":"Andmebaasid (front-end)","rendered":"Andmebaasid (front-end)"},"content":{"raw":"Kui siiani lisasime ise andmeid andmebaasi, siis n\u00fc\u00fcd vaatame, kuidas luua veebivorm, nii et kasutaja saab sisestada andmeid ja need lisatakse andmebaasi.\r\n\r\nLisame faili blogi.py meetodid methods=['GET', 'POST']<\/code>. Klassi defineerimise j\u00e4rele lisame j\u00e4rgneva rea:\r\n
@app.route('\/postitused', methods=['GET', 'POST'])<\/pre>\r\nN\u00fc\u00fcd l\u00e4hme html-failide juurde. Meil l\u00e4heb ka n\u00fc\u00fcd vaja faili baas.html, mille sisu oli j\u00e4rgnev:\r\n
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n{% block head %} <title>Minu esimene veebileht<\/title> {% endblock %}\r\n<\/head>\r\n<body>\r\n{% block body %} {% endblock %}\r\n<\/body>\r\n<\/html><\/pre>\r\nKui seda faili mingil p\u00f5hjusel veel ei ole, tuleks see kausta templates<\/em> luua.\r\n\r\nVeel loome templates<\/em> kausta faili blogipostitused.html ja teeme veebivormi. Selleks vajaliku koodi kirjutame body-ossa ehk lisame faili j\u00e4rgneva sisu:\r\n
{% extends 'baas.html' %}\r\n{% block body %}\r\n<h1>Postitused<\/h1>\r\n<h2>Kirjuta uus postitus: <\/h2>\r\n<form action='\/postitused' method='POST'>\r\nPealkiri: <input type='text' name='pealkiri' id='pealkiri'>\r\n<br>\r\nAutor: <input type='text' name='autor' id='autor'>\r\n<br>\r\nPostitus: <input type='text' name='sisu' id='sisu'>\r\n<br>\r\n<input type='submit' value='Saada'>\r\n<\/form>\r\n{% endblock %}<\/pre>\r\nSiin kirjutasime pealkirjad Postitused<\/em> ja Kirjuta uus postitus<\/em>, seej\u00e4rel lisasime veebivormi osa, kus on lahter nii autori, pealkirja kui ka postituse sisestamise jaoks. Pealkirja lahtrit defineerib n\u00e4iteks rida Pealkiri: <input type='text' name='pealkiri' id='pealkiri'><\/code>. Lahtrite j\u00e4rel on nupp Saada<\/em> <input type='submit' value='Saada'><\/code>.\r\n\r\nInfo kuvamiseks kasutame ts\u00fcklit, mille tulemusel kuvatakse k\u00f5ikide postituste pealkiri, autor ja sisu.\r\n
{% for postitus in postitused %}\r\n<h2>{{ postitus.pealkiri }}<\/h2>\r\n<h3>Autor: {{ postitus.autor }}<\/h3>\r\n<p>{{ postitus.sisu }}<\/p>\r\n{% endfor %}<\/pre>\r\nFaili blogipostitused.html sisu on n\u00fc\u00fcd j\u00e4rgnev:\r\n
{% extends 'baas.html' %}\r\n{% block body %}\r\n<h1>Postitused<\/h1>\r\n<h2>Kirjuta uus postitus: <\/h2>\r\n<form action='\/postitused' method='POST'>\r\nPealkiri: <input type='text' name='pealkiri' id='pealkiri'>\r\n<br>\r\nAutor: <input type='text' name='autor' id='autor'>\r\n<br>\r\nPostitus: <input type='text' name='sisu' id='sisu'>\r\n<br>\r\n<input type='submit' value='Saada'>\r\n<\/form>\r\n\r\n{% for postitus in postitused %}\r\n<h2>{{ postitus.pealkiri }}<\/h2>\r\n<h3>Autor: {{ postitus.autor }}<\/h3>\r\n<p>{{ postitus.sisu }}<\/p>\r\n{% endfor %}\r\n\r\n{% endblock %}<\/pre>\r\nN\u00fc\u00fcd on vorm olemas ja saame selle siduda andmebaasiga.\r\n\r\nLisame blogi.py failis importimisel request<\/em> ja redirect<\/em>.\r\n
from flask import Flask, render_template, request, redirect<\/pre>\r\nN\u00fc\u00fcd seome vormi andmebaasiga.\r\n
@app.route('\/postitused', methods=['GET', 'POST'])\r\ndef blogi():\r\n\u00a0 \u00a0 if request.method == 'POST':\r\n\u00a0 \u00a0 \u00a0 \u00a0 p_pealkiri = request.form['pealkiri']\r\n\u00a0 \u00a0 \u00a0 \u00a0 p_autor = request.form['autor']\r\n\u00a0 \u00a0 \u00a0 \u00a0 p_sisu = request.form['sisu']\r\n\u00a0 \u00a0 \u00a0 \u00a0 uus_postitus = Postitus(pealkiri=p_pealkiri, autor=p_autor, sisu=p_sisu)\r\n\u00a0 \u00a0 \u00a0 \u00a0 db.session.add(uus_postitus)\r\n\u00a0 \u00a0 \u00a0 \u00a0 db.session.commit()\r\n\u00a0 \u00a0 \u00a0 \u00a0 return redirect('\/postitused')\r\n\u00a0 \u00a0 else:\r\n\u00a0 \u00a0 \u00a0 \u00a0 koik_postitused = Postitus.query.order_by(Postitus.aeg).all()\r\n\u00a0 \u00a0 \u00a0 \u00a0 return render_template('blogipostitused.html', postitused=koik_postitused) # teeb k\u00f5ik postitused veebis n\u00e4htavaks<\/pre>\r\nFaili blogi.py sisu on n\u00fc\u00fcd j\u00e4rgnev:\r\n
from flask import Flask, render_template, request, redirect\r\nfrom flask_sqlalchemy import SQLAlchemy\r\nfrom datetime import datetime\r\n\r\napp = Flask(__name__)\r\n\r\napp.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:\/\/\/postitused.db'\r\napp.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False\r\ndb = SQLAlchemy(app)\r\n\r\nclass Postitus(db.Model):\r\n    id = db.Column(db.Integer, primary_key=True)\r\n    pealkiri = db.Column(db.String(100), nullable=False)\r\n    sisu = db.Column(db.Text, nullable=False)\r\n    autor = db.Column(db.String(20), nullable=False, default = 'N\/A')\r\n    aeg = db.Column(db.DateTime, nullable=False, default=datetime.utcnow)\r\n    def __repr__(self):\r\n\u00a0 \u00a0 \u00a0 \u00a0 return 'Postitus ' + str(self.id)\r\n\r\n@app.route('\/postitused', methods=['GET', 'POST'])\r\ndef blogi():\r\n    if request.method == 'POST':\r\n\u00a0 \u00a0 \u00a0 \u00a0 p_pealkiri = request.form['pealkiri']\r\n\u00a0 \u00a0 \u00a0 \u00a0 p_autor = request.form['autor']\r\n\u00a0 \u00a0 \u00a0 \u00a0 p_sisu = request.form['sisu']\r\n\u00a0 \u00a0 \u00a0 \u00a0 uus_postitus = Postitus(pealkiri=p_pealkiri, autor=p_autor, sisu=p_sisu)\r\n\u00a0 \u00a0 \u00a0 \u00a0 db.session.add(uus_postitus)\r\n\u00a0 \u00a0 \u00a0 \u00a0 db.session.commit()\r\n\u00a0 \u00a0 \u00a0 \u00a0 return redirect('\/postitused')\r\n    else:\r\n\u00a0 \u00a0 \u00a0 \u00a0 koik_postitused = Postitus.query.order_by(Postitus.aeg).all()\r\n\u00a0 \u00a0 \u00a0 \u00a0 return render_template('blogipostitused.html', postitused=koik_postitused) # teeb k\u00f5ik postitused veebis n\u00e4htavaks\r\n\r\nif __name__ == \"__main__\":\r\n    app.run()<\/pre>\r\nKui k\u00e4ivitame app.py programmi Thonnys ja vaatame tulemust aadressilt http:\/\/127.0.0.1:5000\/postitused<\/a>, n\u00e4eb see v\u00e4lja selline:\r\n\r\n\"Blogipostituste\r\n\r\nN\u00fc\u00fcd saame postitusi juurde lisada.\r\n\r\nKui lisame failid PythonAnywhere keskkonda, siis kausta mysite<\/em> lisame failid blogi.py ja postitused.db, alamkausta templates<\/em> blogipostitused.html ja baas.html.\r\n\r\n\"PythonAnywhere\r\n\r\nJ\u00e4rgmisena valime \u00fclevalt men\u00fc\u00fcst Web<\/em> ja kerime natuke allapoole, kuni on lehe keskel n\u00e4ha blokk Code<\/em> jaotus WSGI configuration file<\/em> ja vajutame vastavale lingile (iga\u00fchel on aadressis oma kasutajatunnus, meie n\u00e4ites on aadress \/var\/www\/kasutaja_pythonanywhwere_com_wsgi.py). Seal teeme muudatuse, nii et viimase rea algus oleks from blogi import<\/em>.\r\n\r\nKui vajab meenutamist, kuidas t\u00e4pselt tegutseda keskkonnas PythonAnywhere, siis vaata alapeat\u00fckki PythonAnywhere<\/a>. Kui k\u00f5ik \u00f5nnestus, siis peaksime tulemust n\u00e4gema aadressil https:\/\/kasutaja.pythonanywhere.com\/postitused<\/a>, kus s\u00f5na kasutaja<\/em> asemel on iga\u00fche oma kasutajanimi.\r\n
N\u00e4ide arvudega<\/h2>\r\nN\u00fc\u00fcd oleme tuttavad n\u00e4itega, kus sisestatakse teksti, mida kuvatakse veebis. Saame kasutada aga ka teisi andmet\u00fc\u00fcpe. J\u00e4rgnevalt vaatame korrutamise n\u00e4itel, kuidas teha tehteid ja tulemusi kuvada. Kuigi \u00fcldiselt hoitakse andmebaasis algandmeid, toome m\u00f5lemad n\u00e4ited: esimesel juhul lisatakse andmebaasi arvud, mis korrutatakse, kuid korrutist ei lisata andmebaasi; teisel juhul lisatakse andmebaasi nii arvud kui ka korrutamise tulemus.\r\n\r\nLoome v\u00e4ikese andmebaasi arvud.db, kus on \u00fcks tabel, milles on kaks arvu, lisaks sisestamise aeg. Selleks loome faili arvutamine.py, kuhu lisame j\u00e4rgneva sisu:\r\n
from flask import Flask, render_template, request, redirect\r\nfrom flask_sqlalchemy import SQLAlchemy\r\nfrom datetime import datetime\r\napp = Flask(__name__)\r\napp.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:\/\/\/arvud.db'\r\napp.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False\r\ndb = SQLAlchemy(app)\r\nclass Arvud(db.Model):\r\n    id = db.Column(db.Integer, primary_key=True)\r\n    arv1 = db.Column(db.Integer, nullable=False)\r\n    arv2 = db.Column(db.Integer, nullable=False)\r\n    aeg = db.Column(db.DateTime, nullable=False, default=datetime.utcnow)\r\n    def __repr__(self):\r\n\u00a0 \u00a0 \u00a0 \u00a0 return 'Tehe ' + str(self.id)<\/pre>\r\nKuna tahame, et arvud sisestatakse veebivormi kaudu, siis kirjutame faili arvutamine.py ka vastava funktsiooni. Siin koodis on sees juba ka html-faili nimi arvutamine.html. Selle faili loome hiljem.\r\n
@app.route('\/arvutamine', methods=['GET', 'POST'])\r\ndef arvud():\r\n    if request.method == 'POST':\r\n\u00a0 \u00a0 \u00a0 \u00a0 p_arv1 = request.form['arv1']\r\n\u00a0 \u00a0 \u00a0 \u00a0 p_arv2 = request.form['arv2']\r\n\u00a0 \u00a0 \u00a0 \u00a0 uus_sisend = Arvud(arv1=p_arv1, arv2=p_arv2)\r\n\u00a0 \u00a0 \u00a0 \u00a0 db.session.add(uus_sisend)\r\n\u00a0 \u00a0 \u00a0 \u00a0 db.session.commit()\r\n\u00a0 \u00a0 \u00a0 \u00a0 return redirect('\/arvutamine')\r\n    else:\r\n\u00a0 \u00a0 \u00a0 \u00a0 koik_arvud = Arvud.query.order_by(Arvud.aeg).all()\r\n\u00a0 \u00a0 \u00a0 \u00a0 return render_template('arvutamine.html', arvud=koik_arvud)<\/pre>\r\nK\u00f5ige l\u00f5ppu lisame arendusserveri ja siluri k\u00e4ivitamise osa.\r\n
if __name__ == \"__main__\":\r\n\u00a0 \u00a0 app.run(debug = True, use_debugger = False, use_reloader = False)<\/pre>\r\nN\u00fc\u00fcd loome andmebaasi. Kirjutame k\u00e4sureale from arvutamine import db<\/code>, siis Enter<\/em> ja db.create_all()<\/code>.\r\n
>>> from arvutamine import db\r\n>>> db.create_all()<\/pre>\r\nKui k\u00f5ik \u00f5nnestus, tekkis arvutamine.py-ga samasse kausta fail arvud.db. N\u00fc\u00fcd loome kausta templates<\/em> faili arvutamine.html (samas kaustas on ka eelnevalt loodud fail baas.html). K\u00f5igepealt kirjutame veebivormi osa.\r\n
{% extends 'baas.html' %}\r\n{% block body %}\r\n<h1>Arvutame<\/h1>\r\n<h2>Sisesta arvud, mida korrutada.<\/h2>\r\n<form action='\/arvutamine' method='POST'>\r\n1. arv: <input type='number' name='arv1' id='arv1'>\r\n<br>\r\n2. arv: <input type='number' name='arv2' id='arv2'>\r\n<br>\r\n<input type='submit' value='Saada'>\r\n<\/form><\/pre>\r\nSeej\u00e4rel saame kuvada ekraanile sisestatud arvud. Ka korrutamise saame teha siinsamas ts\u00fcklis. Sellisel juhul korrutamise tulemust andmebaasi ei lisata.\r\n
{% for arv in arvud %}\r\n<h2>1. arv: {{ arv.arv1 }}<\/h2>\r\n<h2>2. arv: {{ arv.arv2 }}<\/h2>\r\n<h1>Tulemus on: {{ arv.arv1 * arv.arv2 }}<\/h1>\r\n{% endfor %}\r\n{% endblock %}<\/pre>\r\nN\u00fc\u00fcd k\u00e4ivitame arvutamine.py faili ja aadressil http:\/\/127.0.0.1:5000\/arvutamine<\/a> saab veebivormi kaudu arve sisestada. Kui sisestasime n\u00e4iteks 2 ja 3, on tulemus j\u00e4rgnev:\r\n\r\n\"Korrutamise\r\n\r\nKui me tahame, et korrutis salvestatakse andmebaasi, kirjutame klassi Arvud juurde rea\u00a0arv3 = db.Column(db.Integer, nullable=False<\/code>).\r\n
class Arvud(db.Model):\r\n\u00a0 \u00a0 id = db.Column(db.Integer, primary_key=True)\r\n\u00a0 \u00a0 arv1 = db.Column(db.Integer, nullable=False)\r\n\u00a0 \u00a0 arv2 = db.Column(db.Integer, nullable=False)\r\n\u00a0 \u00a0 arv3 = db.Column(db.Integer, nullable=False)\r\n\u00a0 \u00a0 aeg = db.Column(db.DateTime, nullable=False, default=datetime.utcnow)\r\n\u00a0 \u00a0 def __repr__(self):\r\n\u00a0 \u00a0 \u00a0 \u00a0 return 'Tehe ' + str(self.id)<\/pre>\r\nFunktsioonis arvud aga lisame rea p_arv3 = int(p_arv1) * int(p_arv2)<\/code> ning muudame vastavalt ka j\u00e4rgneva rea muutuja uus_sisend<\/em> v\u00e4\u00e4rtust.\r\n
def arvud():\r\n\u00a0 \u00a0 if request.method == 'POST':\r\n\u00a0 \u00a0 \u00a0 \u00a0 p_arv1 = request.form['arv1']\r\n\u00a0 \u00a0 \u00a0 \u00a0 p_arv2 = request.form['arv2']\r\n\u00a0 \u00a0 \u00a0 \u00a0 p_arv3 = int(p_arv1) * int(p_arv2)\r\n\u00a0 \u00a0 \u00a0 \u00a0 uus_sisend = Arvud(arv1=p_arv1, arv2=p_arv2, arv3=p_arv3)\r\n\u00a0 \u00a0 \u00a0 \u00a0 db.session.add(uus_sisend)\r\n\u00a0 \u00a0 \u00a0 \u00a0 db.session.commit()\r\n\u00a0 \u00a0 \u00a0 \u00a0 return redirect('\/arvutamine')\r\n\u00a0 \u00a0 else:\r\n\u00a0 \u00a0 \u00a0 \u00a0 koik_arvud = Arvud.query.order_by(Arvud.aeg).all()\r\n\u00a0 \u00a0 \u00a0 \u00a0 return render_template('arvutamine.html', arvud=koik_arvud) # teeb k\u00f5ik postitused veebis n\u00e4htavaks<\/pre>\r\nKa failis arvutamine.html saame ts\u00fcklis kasutada muutujat arv3.\r\n
{% for arv in arvud %}\r\n<h2>1. arv: {{ arv.arv1 }}<\/h2>\r\n<h2>2. arv: {{ arv.arv2 }}<\/h2>\r\n<h1>Tulemus on: {{ arv.arv3 }}<\/h1>\r\n{% endfor %}<\/pre>\r\n ","rendered":"
Kui siiani lisasime ise andmeid andmebaasi, siis n\u00fc\u00fcd vaatame, kuidas luua veebivorm, nii et kasutaja saab sisestada andmeid ja need lisatakse andmebaasi.<\/p>\n
Lisame faili blogi.py meetodid methods=['GET', 'POST']<\/code>. Klassi defineerimise j\u00e4rele lisame j\u00e4rgneva rea:<\/p>\n
@app.route('\/postitused', methods=['GET', 'POST'])<\/pre>\n
N\u00fc\u00fcd l\u00e4hme html-failide juurde. Meil l\u00e4heb ka n\u00fc\u00fcd vaja faili baas.html, mille sisu oli j\u00e4rgnev:<\/p>\n
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n{% block head %} <title>Minu esimene veebileht<\/title> {% endblock %}\r\n<\/head>\r\n<body>\r\n{% block body %} {% endblock %}\r\n<\/body>\r\n<\/html><\/pre>\n
Kui seda faili mingil p\u00f5hjusel veel ei ole, tuleks see kausta templates<\/em> luua.<\/p>\n
Veel loome templates<\/em> kausta faili blogipostitused.html ja teeme veebivormi. Selleks vajaliku koodi kirjutame body-ossa ehk lisame faili j\u00e4rgneva sisu:<\/p>\n
{% extends 'baas.html' %}\r\n{% block body %}\r\n<h1>Postitused<\/h1>\r\n<h2>Kirjuta uus postitus: <\/h2>\r\n<form action='\/postitused' method='POST'>\r\nPealkiri: <input type='text' name='pealkiri' id='pealkiri'>\r\n<br>\r\nAutor: <input type='text' name='autor' id='autor'>\r\n<br>\r\nPostitus: <input type='text' name='sisu' id='sisu'>\r\n<br>\r\n<input type='submit' value='Saada'>\r\n<\/form>\r\n{% endblock %}<\/pre>\n
Siin kirjutasime pealkirjad Postitused<\/em> ja Kirjuta uus postitus<\/em>, seej\u00e4rel lisasime veebivormi osa, kus on lahter nii autori, pealkirja kui ka postituse sisestamise jaoks. Pealkirja lahtrit defineerib n\u00e4iteks rida Pealkiri: <input type='text' name='pealkiri' id='pealkiri'><\/code>. Lahtrite j\u00e4rel on nupp Saada<\/em> <input type='submit' value='Saada'><\/code>.<\/p>\n
Info kuvamiseks kasutame ts\u00fcklit, mille tulemusel kuvatakse k\u00f5ikide postituste pealkiri, autor ja sisu.<\/p>\n
{% for postitus in postitused %}\r\n<h2>{{ postitus.pealkiri }}<\/h2>\r\n<h3>Autor: {{ postitus.autor }}<\/h3>\r\n<p>{{ postitus.sisu }}<\/p>\r\n{% endfor %}<\/pre>\n
Faili blogipostitused.html sisu on n\u00fc\u00fcd j\u00e4rgnev:<\/p>\n
{% extends 'baas.html' %}\r\n{% block body %}\r\n<h1>Postitused<\/h1>\r\n<h2>Kirjuta uus postitus: <\/h2>\r\n<form action='\/postitused' method='POST'>\r\nPealkiri: <input type='text' name='pealkiri' id='pealkiri'>\r\n<br>\r\nAutor: <input type='text' name='autor' id='autor'>\r\n<br>\r\nPostitus: <input type='text' name='sisu' id='sisu'>\r\n<br>\r\n<input type='submit' value='Saada'>\r\n<\/form>\r\n\r\n{% for postitus in postitused %}\r\n<h2>{{ postitus.pealkiri }}<\/h2>\r\n<h3>Autor: {{ postitus.autor }}<\/h3>\r\n<p>{{ postitus.sisu }}<\/p>\r\n{% endfor %}\r\n\r\n{% endblock %}<\/pre>\n
N\u00fc\u00fcd on vorm olemas ja saame selle siduda andmebaasiga.<\/p>\n
Lisame blogi.py failis importimisel request<\/em> ja redirect<\/em>.<\/p>\n
from flask import Flask, render_template, request, redirect<\/pre>\n
N\u00fc\u00fcd seome vormi andmebaasiga.<\/p>\n
@app.route('\/postitused', methods=['GET', 'POST'])\r\ndef blogi():\r\n\u00a0 \u00a0 if request.method == 'POST':\r\n\u00a0 \u00a0 \u00a0 \u00a0 p_pealkiri = request.form['pealkiri']\r\n\u00a0 \u00a0 \u00a0 \u00a0 p_autor = request.form['autor']\r\n\u00a0 \u00a0 \u00a0 \u00a0 p_sisu = request.form['sisu']\r\n\u00a0 \u00a0 \u00a0 \u00a0 uus_postitus = Postitus(pealkiri=p_pealkiri, autor=p_autor, sisu=p_sisu)\r\n\u00a0 \u00a0 \u00a0 \u00a0 db.session.add(uus_postitus)\r\n\u00a0 \u00a0 \u00a0 \u00a0 db.session.commit()\r\n\u00a0 \u00a0 \u00a0 \u00a0 return redirect('\/postitused')\r\n\u00a0 \u00a0 else:\r\n\u00a0 \u00a0 \u00a0 \u00a0 koik_postitused = Postitus.query.order_by(Postitus.aeg).all()\r\n\u00a0 \u00a0 \u00a0 \u00a0 return render_template('blogipostitused.html', postitused=koik_postitused) # teeb k\u00f5ik postitused veebis n\u00e4htavaks<\/pre>\n
Faili blogi.py sisu on n\u00fc\u00fcd j\u00e4rgnev:<\/p>\n
from flask import Flask, render_template, request, redirect\r\nfrom flask_sqlalchemy import SQLAlchemy\r\nfrom datetime import datetime\r\n\r\napp = Flask(__name__)\r\n\r\napp.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:\/\/\/postitused.db'\r\napp.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False\r\ndb = SQLAlchemy(app)\r\n\r\nclass Postitus(db.Model):\r\n    id = db.Column(db.Integer, primary_key=True)\r\n    pealkiri = db.Column(db.String(100), nullable=False)\r\n    sisu = db.Column(db.Text, nullable=False)\r\n    autor = db.Column(db.String(20), nullable=False, default = 'N\/A')\r\n    aeg = db.Column(db.DateTime, nullable=False, default=datetime.utcnow)\r\n    def __repr__(self):\r\n\u00a0 \u00a0 \u00a0 \u00a0 return 'Postitus ' + str(self.id)\r\n\r\n@app.route('\/postitused', methods=['GET', 'POST'])\r\ndef blogi():\r\n    if request.method == 'POST':\r\n\u00a0 \u00a0 \u00a0 \u00a0 p_pealkiri = request.form['pealkiri']\r\n\u00a0 \u00a0 \u00a0 \u00a0 p_autor = request.form['autor']\r\n\u00a0 \u00a0 \u00a0 \u00a0 p_sisu = request.form['sisu']\r\n\u00a0 \u00a0 \u00a0 \u00a0 uus_postitus = Postitus(pealkiri=p_pealkiri, autor=p_autor, sisu=p_sisu)\r\n\u00a0 \u00a0 \u00a0 \u00a0 db.session.add(uus_postitus)\r\n\u00a0 \u00a0 \u00a0 \u00a0 db.session.commit()\r\n\u00a0 \u00a0 \u00a0 \u00a0 return redirect('\/postitused')\r\n    else:\r\n\u00a0 \u00a0 \u00a0 \u00a0 koik_postitused = Postitus.query.order_by(Postitus.aeg).all()\r\n\u00a0 \u00a0 \u00a0 \u00a0 return render_template('blogipostitused.html', postitused=koik_postitused) # teeb k\u00f5ik postitused veebis n\u00e4htavaks\r\n\r\nif __name__ == \"__main__\":\r\n    app.run()<\/pre>\n
Kui k\u00e4ivitame app.py programmi Thonnys ja vaatame tulemust aadressilt http:\/\/127.0.0.1:5000\/postitused<\/a>, n\u00e4eb see v\u00e4lja selline:<\/p>\n
\"Blogipostituste<\/p>\n
N\u00fc\u00fcd saame postitusi juurde lisada.<\/p>\n
Kui lisame failid PythonAnywhere keskkonda, siis kausta mysite<\/em> lisame failid blogi.py ja postitused.db, alamkausta templates<\/em> blogipostitused.html ja baas.html.<\/p>\n
\"PythonAnywhere<\/p>\n
J\u00e4rgmisena valime \u00fclevalt men\u00fc\u00fcst Web<\/em> ja kerime natuke allapoole, kuni on lehe keskel n\u00e4ha blokk Code<\/em> jaotus WSGI configuration file<\/em> ja vajutame vastavale lingile (iga\u00fchel on aadressis oma kasutajatunnus, meie n\u00e4ites on aadress \/var\/www\/kasutaja_pythonanywhwere_com_wsgi.py). Seal teeme muudatuse, nii et viimase rea algus oleks from blogi import<\/em>.<\/p>\n
Kui vajab meenutamist, kuidas t\u00e4pselt tegutseda keskkonnas PythonAnywhere, siis vaata alapeat\u00fckki PythonAnywhere<\/a>. Kui k\u00f5ik \u00f5nnestus, siis peaksime tulemust n\u00e4gema aadressil https:\/\/kasutaja.pythonanywhere.com\/postitused<\/a>, kus s\u00f5na kasutaja<\/em> asemel on iga\u00fche oma kasutajanimi.<\/p>\n
N\u00e4ide arvudega<\/h2>\n
N\u00fc\u00fcd oleme tuttavad n\u00e4itega, kus sisestatakse teksti, mida kuvatakse veebis. Saame kasutada aga ka teisi andmet\u00fc\u00fcpe. J\u00e4rgnevalt vaatame korrutamise n\u00e4itel, kuidas teha tehteid ja tulemusi kuvada. Kuigi \u00fcldiselt hoitakse andmebaasis algandmeid, toome m\u00f5lemad n\u00e4ited: esimesel juhul lisatakse andmebaasi arvud, mis korrutatakse, kuid korrutist ei lisata andmebaasi; teisel juhul lisatakse andmebaasi nii arvud kui ka korrutamise tulemus.<\/p>\n
Loome v\u00e4ikese andmebaasi arvud.db, kus on \u00fcks tabel, milles on kaks arvu, lisaks sisestamise aeg. Selleks loome faili arvutamine.py, kuhu lisame j\u00e4rgneva sisu:<\/p>\n
from flask import Flask, render_template, request, redirect\r\nfrom flask_sqlalchemy import SQLAlchemy\r\nfrom datetime import datetime\r\napp = Flask(__name__)\r\napp.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:\/\/\/arvud.db'\r\napp.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False\r\ndb = SQLAlchemy(app)\r\nclass Arvud(db.Model):\r\n    id = db.Column(db.Integer, primary_key=True)\r\n    arv1 = db.Column(db.Integer, nullable=False)\r\n    arv2 = db.Column(db.Integer, nullable=False)\r\n    aeg = db.Column(db.DateTime, nullable=False, default=datetime.utcnow)\r\n    def __repr__(self):\r\n\u00a0 \u00a0 \u00a0 \u00a0 return 'Tehe ' + str(self.id)<\/pre>\n
Kuna tahame, et arvud sisestatakse veebivormi kaudu, siis kirjutame faili arvutamine.py ka vastava funktsiooni. Siin koodis on sees juba ka html-faili nimi arvutamine.html. Selle faili loome hiljem.<\/p>\n
@app.route('\/arvutamine', methods=['GET', 'POST'])\r\ndef arvud():\r\n    if request.method == 'POST':\r\n\u00a0 \u00a0 \u00a0 \u00a0 p_arv1 = request.form['arv1']\r\n\u00a0 \u00a0 \u00a0 \u00a0 p_arv2 = request.form['arv2']\r\n\u00a0 \u00a0 \u00a0 \u00a0 uus_sisend = Arvud(arv1=p_arv1, arv2=p_arv2)\r\n\u00a0 \u00a0 \u00a0 \u00a0 db.session.add(uus_sisend)\r\n\u00a0 \u00a0 \u00a0 \u00a0 db.session.commit()\r\n\u00a0 \u00a0 \u00a0 \u00a0 return redirect('\/arvutamine')\r\n    else:\r\n\u00a0 \u00a0 \u00a0 \u00a0 koik_arvud = Arvud.query.order_by(Arvud.aeg).all()\r\n\u00a0 \u00a0 \u00a0 \u00a0 return render_template('arvutamine.html', arvud=koik_arvud)<\/pre>\n
K\u00f5ige l\u00f5ppu lisame arendusserveri ja siluri k\u00e4ivitamise osa.<\/p>\n
if __name__ == \"__main__\":\r\n\u00a0 \u00a0 app.run(debug = True, use_debugger = False, use_reloader = False)<\/pre>\n
N\u00fc\u00fcd loome andmebaasi. Kirjutame k\u00e4sureale from arvutamine import db<\/code>, siis Enter<\/em> ja db.create_all()<\/code>.<\/p>\n
>>> from arvutamine import db\r\n>>> db.create_all()<\/pre>\n
Kui k\u00f5ik \u00f5nnestus, tekkis arvutamine.py-ga samasse kausta fail arvud.db. N\u00fc\u00fcd loome kausta templates<\/em> faili arvutamine.html (samas kaustas on ka eelnevalt loodud fail baas.html). K\u00f5igepealt kirjutame veebivormi osa.<\/p>\n
{% extends 'baas.html' %}\r\n{% block body %}\r\n<h1>Arvutame<\/h1>\r\n<h2>Sisesta arvud, mida korrutada.<\/h2>\r\n<form action='\/arvutamine' method='POST'>\r\n1. arv: <input type='number' name='arv1' id='arv1'>\r\n<br>\r\n2. arv: <input type='number' name='arv2' id='arv2'>\r\n<br>\r\n<input type='submit' value='Saada'>\r\n<\/form><\/pre>\n
Seej\u00e4rel saame kuvada ekraanile sisestatud arvud. Ka korrutamise saame teha siinsamas ts\u00fcklis. Sellisel juhul korrutamise tulemust andmebaasi ei lisata.<\/p>\n
{% for arv in arvud %}\r\n<h2>1. arv: {{ arv.arv1 }}<\/h2>\r\n<h2>2. arv: {{ arv.arv2 }}<\/h2>\r\n<h1>Tulemus on: {{ arv.arv1 * arv.arv2 }}<\/h1>\r\n{% endfor %}\r\n{% endblock %}<\/pre>\n
N\u00fc\u00fcd k\u00e4ivitame arvutamine.py faili ja aadressil http:\/\/127.0.0.1:5000\/arvutamine<\/a> saab veebivormi kaudu arve sisestada. Kui sisestasime n\u00e4iteks 2 ja 3, on tulemus j\u00e4rgnev:<\/p>\n
\"Korrutamise<\/p>\n
Kui me tahame, et korrutis salvestatakse andmebaasi, kirjutame klassi Arvud juurde rea\u00a0arv3 = db.Column(db.Integer, nullable=False<\/code>).<\/p>\n
class Arvud(db.Model):\r\n\u00a0 \u00a0 id = db.Column(db.Integer, primary_key=True)\r\n\u00a0 \u00a0 arv1 = db.Column(db.Integer, nullable=False)\r\n\u00a0 \u00a0 arv2 = db.Column(db.Integer, nullable=False)\r\n\u00a0 \u00a0 arv3 = db.Column(db.Integer, nullable=False)\r\n\u00a0 \u00a0 aeg = db.Column(db.DateTime, nullable=False, default=datetime.utcnow)\r\n\u00a0 \u00a0 def __repr__(self):\r\n\u00a0 \u00a0 \u00a0 \u00a0 return 'Tehe ' + str(self.id)<\/pre>\n
Funktsioonis arvud aga lisame rea p_arv3 = int(p_arv1) * int(p_arv2)<\/code> ning muudame vastavalt ka j\u00e4rgneva rea muutuja uus_sisend<\/em> v\u00e4\u00e4rtust.<\/p>\n
def arvud():\r\n\u00a0 \u00a0 if request.method == 'POST':\r\n\u00a0 \u00a0 \u00a0 \u00a0 p_arv1 = request.form['arv1']\r\n\u00a0 \u00a0 \u00a0 \u00a0 p_arv2 = request.form['arv2']\r\n\u00a0 \u00a0 \u00a0 \u00a0 p_arv3 = int(p_arv1) * int(p_arv2)\r\n\u00a0 \u00a0 \u00a0 \u00a0 uus_sisend = Arvud(arv1=p_arv1, arv2=p_arv2, arv3=p_arv3)\r\n\u00a0 \u00a0 \u00a0 \u00a0 db.session.add(uus_sisend)\r\n\u00a0 \u00a0 \u00a0 \u00a0 db.session.commit()\r\n\u00a0 \u00a0 \u00a0 \u00a0 return redirect('\/arvutamine')\r\n\u00a0 \u00a0 else:\r\n\u00a0 \u00a0 \u00a0 \u00a0 koik_arvud = Arvud.query.order_by(Arvud.aeg).all()\r\n\u00a0 \u00a0 \u00a0 \u00a0 return render_template('arvutamine.html', arvud=koik_arvud) # teeb k\u00f5ik postitused veebis n\u00e4htavaks<\/pre>\n
Ka failis arvutamine.html saame ts\u00fcklis kasutada muutujat arv3.<\/p>\n
{% for arv in arvud %}\r\n<h2>1. arv: {{ arv.arv1 }}<\/h2>\r\n<h2>2. arv: {{ arv.arv2 }}<\/h2>\r\n<h1>Tulemus on: {{ arv.arv3 }}<\/h1>\r\n{% endfor %}<\/pre>\n
 <\/p>\n","protected":false},"author":29,"menu_order":8,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-292","chapter","type-chapter","status-publish","hentry"],"part":100,"_links":{"self":[{"href":"https:\/\/web.htk.tlu.ee\/digitaru\/tarkvara2\/wp-json\/pressbooks\/v2\/chapters\/292","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":10,"href":"https:\/\/web.htk.tlu.ee\/digitaru\/tarkvara2\/wp-json\/pressbooks\/v2\/chapters\/292\/revisions"}],"predecessor-version":[{"id":449,"href":"https:\/\/web.htk.tlu.ee\/digitaru\/tarkvara2\/wp-json\/pressbooks\/v2\/chapters\/292\/revisions\/449"}],"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\/292\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/web.htk.tlu.ee\/digitaru\/tarkvara2\/wp-json\/wp\/v2\/media?parent=292"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/web.htk.tlu.ee\/digitaru\/tarkvara2\/wp-json\/pressbooks\/v2\/chapter-type?post=292"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/web.htk.tlu.ee\/digitaru\/tarkvara2\/wp-json\/wp\/v2\/contributor?post=292"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/web.htk.tlu.ee\/digitaru\/tarkvara2\/wp-json\/wp\/v2\/license?post=292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}