Program Python dengan web design(html)

Program  python dapat digabungkan dengan web design dengan fungsi file python sebagai control aplikasi  dan web design sebagai wadah dari program python di browser(html dan css)

Teknik pembacaan program
11.  Buat sebuah folder dengan nama bebas misal py kemudian  simpan  file python dibawah ini didalam folder py
22. Didalam folder py buat folder dengan nama templates
33. Masukkan file index.html dan profil.html  didalam folder  templates

Contoh program python  simpan dengan nama web2.py :
from flask import Flask, render_template  #import library flask
app=Flask(__name__)

@app.route('/')
def index():
 return render_template('index.html')

@app.route('/profile')
def profil():
 return render_template('profil.html')

Contoh program html simpan dengan nama index.html  :

<!DOCTYPE html>
<html>

<head>
                <title>index</title>
</head>
<body>
<h1>ini halaman index</h1>
</body>

</html>

Contoh program html simpan dengan nama profil.html  :
<!DOCTYPE html>
<html>
<head>
                <title>profil</title>
</head>

<body>
<h1>ini halaman profil</h1>
</body>

</html>

Setelah setiap program program telah dibuat  dilanjutkan dengan pemanggilan di cmd
(venv) C:\py>py web2.py
(venv) C:\py>set FLASK_APP=web2.py

(venv) C:\py>flask run
 * Serving Flask app "web2.py"
 * Environment: production
   WARNING: This is a development server. Do not use it in a production deployment.
   Use a production WSGI server instead.
 * Debug mode: off
 * Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)
127.0.0.1 - - [30/Jun/2020 15:55:35] "[37mGET / HTTP/1.1[0m" 200 -
127.0.0.1 - - [30/Jun/2020 15:56:24] "[37mGET /profile HTTP/1.1[0m" 200 –

Setelah itu seperti biasa panggil ip ini browser  : http://127.0.0.1:5000/ dan ini  http://127.0.0.1:5000/profile