Prosta strona logowania jest łatwa do utworzenia i jest doskonałym miejscem do rozpoczęcia tworzenia witryny lub aplikacji.

W Internecie jest ponad miliard stron internetowych. Aby zapewnić bezpieczeństwo kont użytkowników, wiele aplikacji internetowych — od bankowości internetowej po media społecznościowe — wymaga strony logowania.

Dowiedz się, jak stworzyć prostą stronę logowania za pomocą modułu Tkinter i zapoznaj się z podstawowymi koncepcjami tworzenia aplikacji GUI w Pythonie.

Moduł Tkintera

Możesz użyć Tkintera do zbudowania strony logowania, która akceptuje i weryfikuje nazwę użytkownika i hasło. Tkinter oferuje różnorodne widżety, takie jak przyciski, etykiety i pola tekstowe, które ułatwiają tworzenie aplikacji. Niektóre aplikacje, które możesz opracować za pomocą Tkintera, to m.in Aplikacja do zrobienia, Odtwarzacz muzyki, A Aplikacja Pomodoro Timeri a Gra polegająca na mieszaniu słów.

Aby zainstalować Tkintera, otwórz terminal i uruchom:

pip zainstaluj tkintera

Jak zbudować stronę logowania za pomocą Pythona

instagram viewer

Możesz znaleźć kod źródłowy do tworzenia strony logowania za pomocą Pythona w tym Repozytorium GitHub.

Zaimportuj wymagane biblioteki i zainicjuj okno główne. Ustaw tytuł i rozmiar okna. Używając konfiguruj() funkcji, ustaw kolor tła.

import tkinter
z tkinter import skrzynka pocztowa
okno = tkinter. Tk()
tytuł okna („Strona logowania za pomocą Pythona”)
okno.geometry(„750x550”)
okno.konfiguracja (bg=„#8F00FF”)

Zdefiniuj funkcję, Zaloguj sie() który podejmie kluczową decyzję na podstawie danych uwierzytelniających użytkownika. Ta prosta wersja demonstracyjna koduje na stałe prawidłowe poświadczenia; prawdziwa aplikacja prawdopodobnie pobierze je z bazy danych.

Przechowuj poświadczenia i używaj Dostawać() metoda każdego widżetu Wpis w celu pobrania danych wprowadzonych przez użytkownika. Zgodnie z weryfikacją danych wyświetl okno komunikatu z odpowiednim tytułem i komunikatem.

pokZaloguj sie():
nazwa użytkownika = "zrobić użytek z"
hasło = "muo"

Jeśli username_entry.get()==nazwa użytkownika I hasło_wpis.get()==hasło:
Messagebox.showinfo (tytuł="Logowanie zakończone sukcesem!", wiadomość="Zalogowałeś się pomyślnie.")
w przeciwnym razie:
Messagebox.showerror (tytuł="Błąd", wiadomość="Nieprawidłowy login.")

Zdefiniuj ramkę Tkintera, aby działała jako rodzic i nadaj jej kolor tła.

ramka = tkinter. Ramka (bg=„#8F00FF”)

Zdefiniuj trzy etykiety dla loginu, nazwy użytkownika i hasła. Podaj okno nadrzędne, w którym chcesz umieścić etykiety, tekst, który ma wyświetlać, kolor tła, kolor czcionki i styl czcionki, jaki powinien mieć.

login_label = tkinter. Etykieta (ramka, tekst=„Strona logowania za pomocą Pythona”, bg='#000000',fg="#DC143C", czcionka=(„Arial”, 30))
username_label = tkinter. Etykieta (ramka, tekst="Nazwa użytkownika", bg=„#8F00FF”,fg=„#FFFFFF”, czcionka=(„Arial”, 16, 'pogrubiony'))
etykieta_hasła = tkinter. Etykieta (ramka, tekst="Hasło", bg=„#8F00FF”,fg=„#FFFFFF”, czcionka=(„Arial”, 16, 'pogrubiony'))

Zdefiniuj dwa widżety wpisów, aby uzyskać dane od użytkownika. Ustaw okno nadrzędne, w którym chcesz je umieścić, wraz ze stylami czcionek. Użyj pokazywać atrybut jako gwiazdkę, aby ukryć hasło, które użytkownik wpisuje na ekranie.

nazwa_użytkownika_wpis = tkinter. Wpis (ramka, czcionka=(„Arial”, 16))
hasło_wpis = tkinter. Wpis (ramka, pokaż="*", czcionka=(„Arial”, 16))

Zdefiniuj przycisk do logowania, który akceptuje okno nadrzędne jako zdefiniowaną wcześniej ramkę, opisz go powinien zostać wyświetlony, kolor tła, kolor czcionki, styl czcionki oraz polecenie, kiedy ma zostać wykonane kliknięty.

login_button = tkinter. Przycisk (ramka, tekst="Zaloguj sie", bg="#DC143C",fg=„#FFFFFF”, czcionka=(„Arial”, 16), polecenie=logowanie)

Użyj menedżera siatki, aby umieścić trzy etykiety, dwa wpisy i przycisk logowania w zorganizowanym formacie tabelarycznym. Etykieta logowania będzie działać jako nagłówek i zajmować obie kolumny. Opcja przyklejenia określa, do której krawędzi komórki ma się przyczepić widżet. Po przekazaniu go jako Aktualności (północ-wschód-zachód-południe), program wyśrodkowuje tekst zarówno w kierunku poziomym, jak i pionowym.

Umieść etykiety po lewej stronie, jedna pod drugą, i postępuj tak samo dla widżetów wpisów po prawej stronie. Podobnie jak w nagłówku umieść przycisk logowania zajmujący obie kolumny. Daj odpowiednie dopełnienie w kierunku y wszystkim widżetom.

login_label.grid (wiersz=0, kolumna=0, rozpiętość kolumn =2, lepki ="Aktualności", pada =40)
nazwa_użytkownika_etykieta.grid (wiersz=1, kolumna=0)
username_entry.grid (wiersz=1, kolumna=1, pada =20)
etykieta_hasła.grid (wiersz=2, kolumna=0)
hasło_entry.grid (wiersz=2, kolumna=1, pada =20)
login_button.grid (wiersz=3, kolumna=0, rozpiętość kolumn =2, pada =30)

Użyj Pakiet() uporządkować wszystkie widżety w bloki i uruchomić pętlę zdarzeń Tkintera i nasłuchiwać zdarzeń, dopóki nie zamkniesz okna.

ramka.paczka()
okno.pętla główna()

Połącz cały kod i strona logowania jest gotowa do użycia.

Przykładowe dane wyjściowe aplikacji strony logowania

Po uruchomieniu programu i wprowadzeniu prawidłowych poświadczeń program wyświetla okno komunikatu, że użytkownik może się pomyślnie zalogować.

Po uruchomieniu programu z jakimkolwiek innym poświadczeniem, okno komunikatu wyświetla błąd dotyczący nieprawidłowego logowania.

Ulepszanie strony logowania w języku Python

Możesz użyć bazy danych, takiej jak MySql, aby pobrać rekordy i zweryfikować je pod kątem poświadczeń użytkownika. The mysql.connector pomaga nawiązać połączenie między aplikacją Python Tkinter a bazą danych MySql.

Aby uzyskać ulepszony interfejs użytkownika, możesz eksplorować plik specjalista ds. niestandardowych moduł. Jest zbudowany wyłącznie na module Tkinter i pomaga tworzyć nowoczesne, w pełni konfigurowalne widżety, które nie są dostępne jako część standardowej biblioteki Tkinter. Połączenie tych dwóch bibliotek wzmocni Twoje umiejętności programowania GUI i stanie się kamieniem milowym w tworzeniu bardziej zaawansowanych aplikacji.