Routing Pada Python Flask Framework

Routing merupakan suatu modul dalam sebuah aplikasi yang berfungsi untuk mengatur jalannya aplikasi yang berbasis web. Pada tutorial kali ini kita akan membahas tentang Routing Pada Python Flask Framework, untuk membuat routing pada python flask langkah pertama pastikan teman-teman telah menginstall python dan telah menginstall package flask yang akan kita gunakan. untuk struktur penulisan routing pada flask yaitu :

@app.route('/’) # nama route yang akan kita akses
def index(): # index merupakan route awal yang akan dijalankan
    return 'ini halaman awal' # jalankan fungsi

@app.route('/’) # nama route yang akan kita akses

def index(): # index merupakan route awal yang akan dijalankan

return 'ini halaman awal' # jalankan fungsi

Pada bagian @app.route kita bisa masukan nama rout yang akan kita gunakan, seperti home, about, contact ataupun yang lainya.

Biar teman-teman lebih paham tentang Routing Pada Python Flask Framework kita akan membuat sebuah contoh sederhana seperti dibawah ini :

Silahkan teman-teman buat sebuah folder project dengan menggunakan pycharm atau teman-teman juga bisa menggunakan comment prompt, di dalam folder project yang teman-teman buat silahkan teman-teman buat kembali sebuah file dengan nama app.py kita akan membuat dan setting rout yang akan kita gunakan seperti dibawah ini :

from flask import Flask, render_template

app = Flask(__name__)

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

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

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

if __name__ == "__main__":
    app.run()

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')

def index():

return render_template('home.html')

@app.route('/home')

def home():

return render_template('home.html')

@app.route('/about')

def about():

return render_template('about.html')

if __name__ == "__main__":

app.run()

ket :

pada script diatas kita telah setting untuk route index, home, dan about nanti pada saat kita klik tombol home maka akan masuk pada halaman home.html dan begitu juga dengan about.html

berikutnya kita akan membuat sebuah folder templates, dan di dalam folder templates tersebut kita akan membuat file dengan nama layout.html, home.html dan about.html untuk struktur foldernya seperti di bawah ini :

Selanjutnya pada layout.html kita akan masukan struktur htmlnya seperti dibawah ini :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %} {%endblock%}</title>
</head>
<body>
        <a href="{{'home'}}">Home</a>
        <a href="{{'about'}}">about</a>
    {%block content%}
    {%endblock%}
</body>
</html>

<!DOCTYPE html>

<head>

<title>{% block title %} {%endblock%}</title>

</head>

<body>

<a href="{{'about'}}">about</a>

{%block content%}

{%endblock%}

</body>

</html>

Berikutnya kita juga akan masukan tag h1 untuk home.html seperti di bawah ini :

{% extends 'layout.html' %}
{%block title%} halaman Home {%endblock%}

{%block content%}
<h1>Ini halaman home</h1>
{%endblock%}

{% extends 'layout.html' %}

{%block title%} halaman Home {%endblock%}

{%block content%}

<h1>Ini halaman home</h1>

{%endblock%}

Selanjutnya about.html

{% extends 'layout.html' %}
{%block title%} halaman About {%endblock%}

{%block content%}
<h1>Ini halaman About</h1>
{%endblock%}

{% extends 'layout.html' %}

{%block title%} halaman About {%endblock%}

{%block content%}

<h1>Ini halaman About</h1>

{%endblock%}

Berikutnya kita akan coba jalankan pada bowser maka akan terlihat hasilnya seperti dibawah ini :

Halaman home

Halaman about

Oke teman-teman itulah pembahasan kita tentang Routing Pada Python Flask Framework.

Semoga bermanfaat.

Terima kasih.

Submit a Comment Cancel reply

Facebook DUMET School

Categories