devbox
IT小白
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Python的登录注册界面跳转汽车主页面_python登录后跳转到主界面

作者：IT小白 | 2024-06-27 03:28:04

赞

踩

python登录后跳转到主界面

1.登录注册界面的代码：

  1. import tkinter as tk
  2. from tkinter import messagebox,ttk
  3. from tkinter import simpledialog
  4. from ui.car_ui import start_car_ui
  5.  
  6.  
  7. # 设置主题风格
  8. style = ttk.Style()
  9. style.theme_use("default")  # 可以根据需要选择不同的主题，如"clam"、"default"、"alt"等
  10. # 假设的用户数据库，实际应用中应该使用数据库
  11. users_db = {
  12.      "user1": "password1"
  13. }
  14.  
  15.  
  16. def login_user():
  17.     # 获取输入的用户名和密码
  18.     username = username_entry.get()
  19.     password = password_entry.get()
  20.  
  21.     if username in users_db and users_db[username] == password:
  22.         messagebox.showinfo("登录", "登录成功！")
  23.         # 隐藏登录界面的组件
  24.         login_frame.pack_forget()
  25.         # 显示新的界面，例如 CarUI
  26.         start_car_ui()
  27.     else:
  28.         messagebox.showerror("登录", "用户名或密码错误！")
  29.  
  30.  
  31. def register_user():
  32.     # 注册新用户
  33.     new_username = simpledialog.askstring("注册", "请输入新用户名：")
  34.     if not new_username:
  35.         messagebox.showwarning("注册", "用户名不能为空！")
  36.         return
  37.     if new_username in users_db:
  38.         messagebox.showerror("注册", "用户名已存在，请选择其他用户名。")
  39.         return
  40.  
  41.     new_password = simpledialog.askstring("注册", "请输入新密码：", show='*')
  42.     if not new_password:
  43.         messagebox.showwarning("注册", "密码不能为空！")
  44.         return
  45.  
  46.     # 将新用户添加到用户数据库
  47.     users_db[new_username] = new_password
  48.     messagebox.showinfo("注册", "注册成功，请使用新用户名和密码登录。")
  49.  
  50.  
  51. # 创建主窗口
  52. root = tk.Tk()
  53. root.title("用户登录")
  54. root.geometry("300x200")  # 设置窗口大小
  55.  
  56. # 创建一个框架来包含用户名和密码的输入框以及按钮
  57. login_frame = tk.Frame(root)
  58. login_frame.pack(pady=20)
  59.  
  60. # 在框架中创建用户名和密码输入框以及标签
  61. username_label = tk.Label(login_frame, text="用户名:", font=("Arial", 12))
  62. username_label.grid(row=0, column=0, sticky='e', padx=(0, 10), pady=5)  # 右对齐，增加垂直间距
  63.  
  64. username_entry = tk.Entry(login_frame, font=("Arial", 12), width=20)
  65. username_entry.grid(row=0, column=1, padx=(10, 0), pady=5)  # 设置输入框宽度，增加垂直间距
  66.  
  67. password_label = tk.Label(login_frame, text="密码:", font=("Arial", 12))
  68. password_label.grid(row=1, column=0, sticky='e', padx=(0, 10), pady=5)  # 右对齐，增加垂直间距
  69.  
  70. password_entry = tk.Entry(login_frame, show="*", font=("Arial", 12), width=20)
  71. password_entry.grid(row=1, column=1, padx=(10, 0), pady=5)  # 设置输入框宽度，增加垂直间距
  72.  
  73. # 在框架中创建登录和注册按钮
  74. login_button = tk.Button(login_frame, text="登录", command=login_user, font=("Arial", 12), bg="#4CAF50", fg="white")
  75. login_button.grid(row=2, column=0, columnspan=2, pady=(10, 0), sticky='we', ipadx=50)  # 跨两列，设置按钮宽度，左右对齐
  76.  
  77. register_button = tk.Button(login_frame, text="注册", command=register_user, font=("Arial", 12), bg="#2196F3",
  78.                             fg="white")
  79. register_button.grid(row=3, column=0, columnspan=2, sticky='we', ipadx=50)  # 跨两列，设置按钮宽度，左右对齐
  80.  
  81. # 运行主循环
  82. root.mainloop()


登录注册界面效果展示如图：
1.运行login_ui界面的效果图：

2.注册界面效果图：

3.根据注册的用户名和密码登录成功效果图：

这里注册的用户名和密码都是123，没有根据mysql数据库的用户名和密码进行绑定。根据自己的进行完善代码连接数据库，根据数据库的用户名和密码进行注册登录。
 

2.登录成功之后跳转汽车界面的代码：
 

  1. import tkinter as tk
  2. from tkinter import ttk, messagebox
  3. import pandas as pd
  4. import pymysql
  5. from PIL import Image, ImageTk
  6.  
  7.  
  8. class CarUI:
  9.     def __init__(self, root):
  10.         self.root = root
  11.         self.root.title("汽车界面")
  12.         self.root.config(bg='lightblue')
  13.         self.update_detail = self.update_detail  # 在这里定义update_detail方法
  14.         # self.img_path = image_path
  15.  
  16.         # 设置中文字体
  17.         self.font = ("KaiTi", 12)
  18.  
  19.         # # 设置主题
  20.         style = ttk.Style()
  21.         style.theme_use('default')  # 使用默认主题
  22.  
  23.         # 初始化图像变量
  24.         self.images = {
  25.             'iaon': None,
  26.             'ibon': None,
  27.             'icon': None,
  28.             'idon': None
  29.         }
  30.  
  31.         self.create_widgets()
  32.  
  33.     def create_widgets(self):
  34.         # 第一行：汽车变速箱下拉框和相关控件
  35.         self.gear_var = tk.StringVar(self.root)
  36.         self.gear_var.set("自动")  # 设置默认变速箱类型
  37.  
  38.         self.gear_label = tk.Label(self.root, text="变速箱类型", font=self.font)
  39.         self.gear_label.grid(row=0, column=0, padx=5, pady=5, sticky='e')
  40.  
  41.         self.gear_menubutton = tk.Menubutton(self.root, textvariable=self.gear_var, font=self.font)
  42.         self.gear_menubutton.grid(row=0, column=1, padx=5, pady=5, sticky='w')
  43.  
  44.         self.gear_menu = tk.Menu(self.gear_menubutton, tearoff=0)
  45.         self.gear_menubutton['menu'] = self.gear_menu
  46.         for value in ["自动", "手动"]:
  47.             self.gear_menu.add_radiobutton(label=value, variable=self.gear_var, value=value)
  48.  
  49.         # 添加销量标签和条目框
  50.         self.sales_label = tk.Label(self.root, text="销量:", font=self.font)
  51.         self.sales_label.grid(row=0, column=2, padx=5, pady=5, sticky='e')
  52.         self.sales_var = tk.StringVar(self.root)
  53.         self.sales_entry = tk.Entry(self.root, textvariable=self.sales_var)
  54.         self.sales_entry.grid(row=0, column=3, padx=5, pady=5)
  55.  
  56.         # 添加评分标签和条目框
  57.         self.rating_label = tk.Label(self.root, text="评分:", font=self.font)
  58.         self.rating_label.grid(row=0, column=4, padx=5, pady=5)
  59.         self.rating_var = tk.StringVar(self.root)
  60.         self.rating_entry = tk.Entry(self.root, textvariable=self.rating_var)
  61.         self.rating_entry.grid(row=0, column=5, padx=5, pady=5)
  62.  
  63.         # 添加平均分搜索按钮
  64.         self.rank_search_button = tk.Button(self.root, text="平均分搜索", font=self.font)
  65.         self.rank_search_button.grid(row=0, column=7, padx=2, pady=5)  # 将平均分搜索按钮放在关键字搜索按钮的右侧
  66.  
  67.         # 第二行：汽车名称搜索框和相关控件
  68.         self.car_name_label = tk.Label(self.root, text="汽车名称:", font=self.font)
  69.         self.car_name_label.grid(row=1, column=0, padx=3, pady=5, sticky='e')  # 减小padx
  70.         self.car_name_var = tk.StringVar(self.root)
  71.         self.car_name_entry = tk.Entry(self.root, textvariable=self.car_name_var, width=100)
  72.         self.car_name_entry.grid(row=1, column=1, columnspan=6, padx=2, pady=5,
  73.                                  sticky='ew')  # 增加columnspan, sticky='ew'使控件水平填充
  74.  
  75.         # 添加关键字搜索按钮
  76.         self.keyword_search_button = tk.Button(self.root, text="关键字搜索", font=self.font)
  77.         self.keyword_search_button.grid(row=1, column=7, padx=2, pady=5, sticky='w')  # sticky='w'使按钮靠右对齐
  78.  
  79.         # 第三行：四个字段
  80.         self.columns = ('汽车名称', '汽车排名', '汽车评分', '汽车销量')
  81.         self.tree = ttk.Treeview(self.root, columns=self.columns, show='headings')
  82.         for col in self.columns:
  83.             self.tree.heading(col, text=col)
  84.         self.tree.grid(row=2, column=0, columnspan=8, padx=5, pady=5)
  85.  
  86.         # 绑定Treeview的选中事件
  87.         self.tree.bind('<<TreeviewSelect>>', self.on_tree_select)
  88.  
  89.         # 绑定搜索方法
  90.         self.bind_search_methods()
  91.  
  92.         # 绑定加载数据方法
  93.         self.load_data()  # 在初始化界面时加载数据
  94.  
  95.         # 详情模块
  96.         self.detail_frame = tk.Frame(self.root)
  97.         self.detail_frame.grid(row=3, column=0, columnspan=8, padx=5, pady=5, sticky='nsew')
  98.  
  99.         # 左侧图片显示
  100.         self.detail_image_label = tk.Label(self.detail_frame)
  101.         self.detail_image_label.grid(row=0, column=0, padx=5, pady=5)
  102.  
  103.         # 右侧汽车详细信息文本框
  104.         self.detail_text = tk.Text(self.detail_frame, height=15, width=80, font=self.font)
  105.         self.detail_text.grid(row=0, column=1, padx=5, pady=5, sticky='nsew')
  106.  
  107.     def on_tree_select(self, event):
  108.         # 获取选中的项
  109.         selected_item = self.tree.selection()[0]
  110.         # 获取选中项的数据
  111.         data = self.tree.item(selected_item, 'values')
  112.         # 更新详情模块
  113.         self.update_detail(data)
  114.  
  115.     def update_detail(self, data):
  116.         # 清空文本框
  117.         self.detail_text.delete(1.0, tk.END)
  118.         self.detail_image_label.config(image=None)  # 清除之前的图片
  119.  
  120.         # 插入数据到文本框
  121.         if len(data) >= 11:  # 确保data至少有11个元素
  122.             # 假设数据库中字段的顺序与Treeview中显示的顺序一致
  123.             self.detail_text.insert(tk.END, f"车名: {data[0]}\n")
  124.             self.detail_text.insert(tk.END, f"品牌: {data[4]}\n")
  125.             self.detail_text.insert(tk.END, f"价格: {data[8]}元\n")
  126.             self.detail_text.insert(tk.END, f"热度: {data[9]}\n")
  127.             self.detail_text.insert(tk.END, f"类型: {data[5]}\n")
  128.             self.detail_text.insert(tk.END, f"排量: {data[6]}L\n")
  129.             self.detail_text.insert(tk.END, f"变速箱: {data[7]}\n")
  130.             self.detail_text.insert(tk.END, f"评分: {data[2]}分\n")
  131.             self.detail_text.insert(tk.END, f"销量: {data[3]}\n")
  132.             self.detail_text.insert(tk.END, f"排名: {data[1]}\n")
  133.  
  134.             # 加载图片并显示
  135.             image_path = data[10]  # 假设第11列是图片路径
  136.             if image_path:  # 确保图片路径不为空
  137.                 try:
  138.                     # 打开图片并调整大小
  139.                     image = Image.open(image_path)
  140.                     image = image.resize((230, 230))  # 假设图片大小为200x200
  141.                     image = ImageTk.PhotoImage(image)
  142.                     self.detail_image_label.config(image=image)
  143.                     self.detail_image_label.image = image
  144.                 except Exception as e:
  145.                     messagebox.showerror("错误", f"无法加载图片: {e}")
  146.  
  147.     def load_data(self):
  148.         # 连接数据库
  149.         connection = pymysql.connect(host='192.168.111.132', user='root', password='123', db='car')
  150.         try:
  151.             with connection.cursor() as cursor:
  152.                 # 定义SQL查询语句，选择所有字段并按照数据库中的顺序排列
  153.                 sql = "SELECT ranking, car_name, price, hot, brand, style, dispt, gear, pingfen, plrs,images FROM cars"
  154.                 cursor.execute(sql)
  155.                 # 获取所有记录
  156.                 result = cursor.fetchall()
  157.                 # 将数据添加到Treeview控件
  158.                 self.tree.delete(*self.tree.get_children())
  159.                 for row in result:
  160.                     # 将所有字段插入到Treeview中，按照数据库中的顺序
  161.                     self.tree.insert('', 'end', values=(
  162.                         row[1], row[0], row[8], row[9], row[4], row[5], row[6], row[7], row[2], row[3],row[10]))
  163.         finally:
  164.             connection.close()
  165.  
  166.     def search_keyword(self):
  167.         # 获取用户输入的关键字
  168.         keyword = self.car_name_var.get()
  169.         # 连接到数据库
  170.         connection = pymysql.connect(host='192.168.111.132', user='root', password='123', db='car')
  171.         try:
  172.             # 使用数据库连接创建一个游标对象
  173.             with connection.cursor() as cursor:
  174.                 # 定义SQL查询语句，使用占位符%表示关键字
  175.                 sql = "SELECT ranking, car_name, price, hot, brand, style, dispt, gear, pingfen, plrs FROM cars WHERE car_name LIKE %s"
  176.                 # 执行SQL查询，将关键字作为参数传递
  177.                 cursor.execute(sql, (f"%{keyword}%",))
  178.                 # 获取查询结果
  179.                 result = cursor.fetchall()
  180.                 # 清空Treeview控件中的所有条目
  181.                 self.tree.delete(*self.tree.get_children())
  182.                 # 遍历查询结果，将每条记录插入到Treeview控件中
  183.                 for row in result:
  184.                     self.tree.insert('', 'end', values=(row[1], row[0], row[8], row[9]))  # 假设要显示汽车名称、排名、评分和评论数
  185.         finally:
  186.             # 关闭数据库连接
  187.             connection.close()
  188.  
  189.     def search_rating(self):
  190.         # 获取用户选择的变速箱类型
  191.         selected_gear = self.gear_var.get()
  192.         # 连接到数据库
  193.         connection = pymysql.connect(host='192.168.111.132', user='root', password='123', db='car')
  194.         try:
  195.             # 使用数据库连接创建一个游标对象
  196.             with connection.cursor() as cursor:
  197.                 # 定义SQL查询语句，根据变速箱类型进行分组统计
  198.                 sql = """
  199.                 SELECT gear, SUM(`plrs`) AS total_sales, 
  200.                        AVG(`pingfen`) AS average_rating
  201.                 FROM cars
  202.                 WHERE gear = %s
  203.                 GROUP BY gear
  204.                 """
  205.                 # 执行SQL查询，将变速箱类型作为参数传递
  206.                 cursor.execute(sql, (selected_gear,))
  207.                 # 获取查询结果
  208.                 result = cursor.fetchone()
  209.                 if result:
  210.                     # 插入数据到Treeview控件
  211.                     self.tree.insert('', 'end', values=(result[0], result[1], result[2]))
  212.         finally:
  213.             # 关闭数据库连接
  214.             connection.close()
  215.  
  216.     def bind_search_methods(self):
  217.         # 绑定平均分搜索方法
  218.         self.rank_search_button.config(command=self.search_rating)  # 确保这里指向正确的搜索方法
  219.         # 绑定关键字搜索方法
  220.         self.keyword_search_button.config(command=self.search_keyword)  # 绑定关键字搜索方法
  221.         # # 绑定加载数据方法
  222.         self.load_data()  # 假设在初始化界面时加载数据
  223.  
  224.     def search_rating(self):
  225.         # 获取用户选择的变速箱类型
  226.         selected_gear = self.gear_var.get()
  227.         # 连接到数据库
  228.         connection = pymysql.connect(host='192.168.111.132', user='root', password='123', db='car')
  229.         try:
  230.             # 使用数据库连接创建一个游标对象
  231.             with connection.cursor() as cursor:
  232.                 # 定义SQL查询语句，根据变速箱类型进行分组统计
  233.                 sql = """
  234.                 SELECT gear, SUM(`plrs`) AS total_sales, 
  235.                        AVG(`pingfen`) AS average_rating
  236.                 FROM cars
  237.                 WHERE gear = %s
  238.                 GROUP BY gear
  239.                 """
  240.                 # 执行SQL查询，将变速箱类型作为参数传递
  241.                 cursor.execute(sql, (selected_gear,))
  242.                 # 获取查询结果
  243.                 result = cursor.fetchone()
  244.                 if result:
  245.                     # 更新销量文本框
  246.                     self.sales_var.set(result[1])
  247.                     # 更新评分文本框，确保显示一位小数
  248.                     self.rating_var.set(f"{result[2]:.1f}")
  249.         finally:
  250.             # 关闭数据库连接
  251.             connection.close()
  252.  
  253.  
  254. def start_car_ui():
  255.     root = tk.Tk()
  256.     app = CarUI(root)
  257.     root.mainloop()
  258.  
  259.  
  260. if __name__ == "__main__":
  261.     start_car_ui()

1.汽车主界面的效果展示：

2.根据变速箱类型手动和自动进行平均分搜索效果展示：
销量就是计算每个变速箱汽车自动(手动)有多少辆，然后它们的销量总数相加
平均分就是计算变速箱汽车自动(手动)的车辆的总评分，然后再除以含自动(手动)的车辆个数
3.根据汽车名称进行关键字查询效果展示：

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/761168
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号