下一篇：

本项目将分段设计“图书管理登录UI界面”的用户登录、用户注册、用户账号找回等。主要围绕GUI标准库tkinter、以及类的继承（重点）来设计本项目。

首先新建一个文件夹命名为“图书管理系统项目”，并在其目录下新建文件夹code、photo、user_data。然后在code目录下新建“登录UI.py”，再然后把图片放在photo目录下，如下图：

注意：此时的窗口组件并未绑定触发事件，所以按键无法触发。

运行结果

登录UI.py 代码示例

"""登录UI 模块
"""# 通配符 '*'
__all__ = ['LoginUI']import tkinter as tk
from tkinter import ttkclass LoginUI(tk.Tk):"""继承tk.Tk，创建登录UI"""def __init__(self):"""构造方法"""# 调用tk.Tk的构造方法super().__init__()self.width = self.winfo_screenwidth()           # 窗口宽初始位置为屏幕宽度位置显示self.height = self.winfo_screenheight()         # 窗口高初始位置为屏幕高度位置显示# 设计自己项目的UIself.title('图书管理登录界面')                                  # 标题self.geometry(f'610x406+{self.width//4}+{self.height//8}')   # 窗口像素大小self.resizable(0, 0)                                         # 窗口大小禁止调节# 窗口背景图self.backgroundPhoto = tk.PhotoImage(file='..\\photo\\用户登录背景.png')self.backgroundButton = ttk.Button(self, image=self.backgroundPhoto)self.backgroundButton.pack()# 系统名self.titleLabel = tk.Label(self, text='图  书  管  理  系  统', font=('Tahoma', 30, 'bold'))self.titleLabel.place(x=118, y=40)# 输入格式错误提示self.hintLabel = tk.Label(self, text='欢迎使用【图书管理系统】')self.hintLabel.pack(side=tk.BOTTOM, fill=tk.BOTH)# 用户名tk.Label(self, text='用户名').place(x=170, y=160)# 输入用户名self.userName = tk.StringVar()self.userEntry = ttk.Entry(self, textvariable=self.userName, width=22)self.userEntry.place(x=223, y=161)# 随机用户名self.randomPhoto = tk.PhotoImage(file='..\\photo\\随机用户名.png')self.randomButton = tk.Button(self, image=self.randomPhoto, relief=tk.FLAT)self.randomButton.place(x=358, y=162)# 密码tk.Label(self, text='密   码').place(x=170, y=200)# 输入密码self.password = tk.StringVar()self.passwordEntry = ttk.Entry(self, textvariable=self.password, width=22)self.passwordEntry.place(x=223, y=201)# 显示/隐藏密码self.showOrConcealCount = 0self.showPhoto = tk.PhotoImage(file='..\\photo\\密码显示.png')self.concealPhoto = tk.PhotoImage(file='..\\photo\\密码隐藏.png')self.showOrConcealButton = tk.Button(self, image=self.showPhoto, relief=tk.FLAT)self.showOrConcealButton.place(x=358, y=205)# 验证码tk.Label(self, text='验证码').place(x=170, y=244)# 输入验证码self.inputVerifyCode = tk.StringVar()self.verifyEntry = ttk.Entry(self, textvariable=self.inputVerifyCode, width=15)self.verifyEntry.place(x=223, y=244)# 随机验证码self.showVerifyCode = tk.StringVar(value='获取验证码')self.verifyButton = tk.Button(self, textvariable=self.showVerifyCode, relief='flat', width=8)self.verifyButton.place(x=350, y=240)# 刷新验证码self.updatePhoto = tk.PhotoImage(file='..\\photo\\验证码更新.png')self.updateButton = tk.Button(self, image=self.updatePhoto, relief='flat')self.updateButton.place(x=310, y=245)# 注册self.registerButton = ttk.Button(self, text='注册', width=4)self.registerButton.place(x=395, y=159)# 找回self.retrieveButton = ttk.Button(self, text='找回', width=4)self.retrieveButton.place(x=395, y=199)# 登录self.loginButton = ttk.Button(self, text='登录')self.loginButton.place(x=200, y=300)# 退出ttk.Button(self, text='退出', command=self.destroy).place(x=310, y=300)# 代码测试
if __name__ == '__main__':ui = LoginUI()      # 对象实例化ui.mainloop()       # 窗口主循环
else:print(f'导入【{__name__}】模块')

作者：周华

传作日期：2023/12/10