Yksinkertainen kirjautumissivu on helppo luoda, ja se on loistava paikka aloittaa verkkosivustosi tai sovelluksesi rakentaminen.

Internetissä on yli miljardi verkkosivustoa. Käyttäjien tilien turvallisuuden varmistamiseksi monet verkkosovellukset verkkopankista sosiaaliseen mediaan vaativat kirjautumissivun.

Opi luomaan yksinkertainen kirjautumissivu Tkinter-moduulin avulla ja tutustu Pythonin GUI-sovellusten rakentamisen peruskäsitteisiin.

Tkinter-moduuli

Tkinterin avulla voit rakentaa kirjautumissivun, joka hyväksyy ja vahvistaa käyttäjätunnuksen ja salasanan. Tkinter tarjoaa erilaisia ​​widgetejä, kuten painikkeita, tarroja ja tekstiruutuja, jotka helpottavat sovellusten kehittämistä. Joitakin sovelluksia, joita voit kehittää Tkinterin avulla, ovat mm To-Do-sovellus, Musiikinsoittaja, a Pomodoro ajastinsovellus, ja a Word Jumble peli.

Asenna Tkinter avaamalla pääte ja suorittamalla:

pip asennus tkinter

Kirjautumissivun rakentaminen Pythonilla

Tästä löydät lähdekoodin Python-kirjautumissivun luomiseen GitHub-arkisto.

instagram viewer

Tuo tarvittavat kirjastot ja alusta juuriikkuna. Aseta ikkunan otsikko ja koko. Käyttämällä configure() toiminto, aseta taustaväri.

tuonti tkinter
alkaen tkinter tuonti viestilaatikko
ikkuna = tkinter. Tk()
window.title("Kirjautumissivu Pythonilla")
window.geometry("750x550")
window.configure (bg='#8F00FF')

Määritä funktio, Kirjaudu sisään() joka tekee keskeisen päätöksen käyttäjän tunnistetietojen perusteella. Tämä yksinkertainen demo koodaa kelvolliset valtuustiedot; todellinen sovellus luultavasti hakeisi ne tietokannasta.

Säilytä tunnistetiedot ja käytä saada() kunkin Entry-widgetin menetelmää, jolla haetaan käyttäjän syöttämät tiedot. Tietojen vahvistuksen mukaan näytä viestilaatikko sopivalla otsikolla ja viestillä.

defKirjaudu sisään():
 käyttäjätunnus = "hyödyntää"
 salasana = "muo"
jos username_entry.get()==käyttäjänimi ja password_entry.get()==salasana:
 messagebox.showinfo (title="Kirjautuminen onnistui!", viesti ="Kirjauduit sisään onnistuneesti.")
muu:
 messagebox.showerror (title="Virhe", viesti ="Virheellinen kirjautuminen.")

Määritä Tkinter-kehys toimimaan vanhempana ja anna sille taustaväri.

kehys = tkinter. Kehys (bg='#8F00FF')

Määritä kolme tunnistetta kirjautumiselle, käyttäjätunnukselle ja salasanalle. Ohita pääikkuna, johon haluat sijoittaa tarrat, teksti, jonka sen pitäisi näyttää, taustaväri, fontin väri ja fonttityyli, jonka sen pitäisi olla.

login_label = tkinter. Etiketti (kehys, teksti="Kirjautumissivu Pythonilla", bg='#000000', fg="#DC143C", font =("Arial", 30))
username_label = tkinter. Etiketti (kehys, teksti="Käyttäjänimi", bg='#8F00FF', fg="#FFFFFF", font =("Arial", 16, 'lihavoitu'))
password_label = tkinter. Etiketti (kehys, teksti="Salasana", bg='#8F00FF', fg="#FFFFFF", font =("Arial", 16, 'lihavoitu'))

Määritä kaksi syöttöwidgetiä saadaksesi tiedot käyttäjältä. Aseta ylätason ikkuna, johon haluat sijoittaa sen, ja kirjasintyylit. Käytä näytä attribuutti tähdellä piilottaaksesi salasanan, jonka käyttäjä kirjoittaa näytölle.

username_entry = tkinter. Merkintä (kehys, font=("Arial", 16))
password_entry = tkinter. Sisäänpääsy (kehys, näytä ="*", font =("Arial", 16))

Määritä sisäänkirjautumisen painike, joka hyväksyy ylätason ikkunan aiemmin määrittämäsi kehykseksi, tekstitä se pitäisi näyttää, taustaväri, fontin väri, kirjasintyyli ja komento, jonka sen tulee suorittaa milloin napsautettiin.

login_button = tkinter. Painike (kehys, teksti="Kirjaudu sisään", bg="#DC143C", fg="#FFFFFF", font =("Arial", 16), komento=kirjautuminen)

Käytä ruudukonhallintaa kolmen tunnisteen, kaksi merkintää ja kirjautumispainikkeen sijoittamiseen järjestettyyn taulukkomuotoon. Kirjautumistunniste toimii otsikkona ja täyttää molemmat sarakkeet. Sticky-asetus määrittää, mihin solun reunaan widgetin tulee kiinnittyä. Sen ohittaessaan uutiset (koillis-länsi-etelä), ohjelma keskittää tekstin sekä vaaka- että pystysuunnassa.

Aseta tarrat vasemmalle puolelle, yksi toisensa alle, ja noudata samaa oikean puolen syöttöwidgetien kohdalla. Kuten otsikko, aseta kirjautumispainike molempiin sarakkeisiin. Anna sopiva täyttö y-suunnassa kaikille widgeteille.

login_label.grid (rivi=0, sarake=0, sarakeväli=2, tahmea="uutiset", pady=40)
username_label.grid (rivi=1, sarake=0)
username_entry.grid (rivi=1, sarake=1, pady=20)
password_label.grid (row=2, sarake=0)
password_entry.grid (rivi=2, sarake=1, pady=20)
login_button.grid (rivi=3, sarake=0, sarakeväli=2, pady=30)

Käytä pakkaus() järjestääksesi kaikki widgetit lohkoiksi ja suorittaaksesi Tkinterin tapahtumasilmukan ja kuunnellaksesi tapahtumia, kunnes suljet ikkunan.

frame.pack()
window.mainloop()

Laita kaikki koodi yhteen ja kirjautumissivusi on valmis käytettäväksi.

Kirjautumissivusovelluksen esimerkkitulostus

Kun ohjelma suoritetaan ja kelvolliset tunnistetiedot syötetään, ohjelma näyttää viestiruudun, jonka mukaan käyttäjä voi kirjautua sisään onnistuneesti.

Kun ohjelma suoritetaan millä tahansa muulla tunnistetiedolla, viestiruutu näyttää virheilmoituksen, jonka mukaan kirjautuminen on virheellinen.

Python-kirjautumissivun parantaminen

Voit käyttää tietokantaa, kuten MySql, hakeaksesi tietueet ja tarkistaaksesi ne käyttäjän tunnistetietoja vastaan. The mysql.connector kirjasto auttaa sinua muodostamaan yhteyden Python Tkinter -sovelluksesi ja MySql-tietokannan välille.

Jos haluat parantaa käyttöliittymää, voit tutustua customtkinter moduuli. Se on rakennettu puhtaasti Tkinter-moduuliin ja auttaa sinua luomaan nykyaikaisia ​​täysin muokattavissa olevia widgetejä, joita ei ole saatavana osana Tkinter-standardikirjastoa. Näiden kahden kirjaston yhdistäminen vahvistaa GUI-ohjelmointitaitojasi ja toimii ponnahduslautana kehittyneempien sovellusten luomisessa.