python画界面显示值

目录

1、Tk图形用户界面(CUI)

2、DBHelper

3、dao层定义

---

---

一、Tk图形用户界面(GUI)

Tkinter 是使用 python 进行窗口视窗设计的模块。Tkinter模块(“Tk 接口”)是Python的标准Tk GUI工具包的接口。作为 python 特定的GUI界面，是一个图像的窗口，tkinter是python自带的，可以编辑的GUI界面，用来入门，熟悉窗口视窗的使用，非常有必要。

提供tk支持的模块包括：

模块	说明
tkinter	TK主模块
tkinter.colorchooser	让用户选择颜色的对话框。
tkinter.commondialog	其他模块定义的对话框的基类。
tkinter.filedialog	允许用户指定文件的通用对话框，用于打开或保存文件。
tkinter.font	帮助操作字体的工具。
tkinter.messagebox	访问标准的 Tk 对话框。
tkinter.scrolledtext	内置纵向滚动条的文本组件。
tkinter.simpledialog	基础对话框和一些便捷功能。
tkinter.ttk	Tk 8.5中引入的主题小部件集，为tkinter主模块中的许多经典小部件提供了现代替代品。

1.1.Tkinter创建窗口

首先，我们导入tkinter的库。

# 导入tkinter库 
from tkinter import *
# 创建一个窗口
window = Tk()
# 设置窗口标题
window.title("窗口标题栏")
# 设置窗口显示尺寸
window.geometry("500x400")
# 进入消息循环，显示窗口
top.mainloop()
窗口居中显示：

screenwidth = window.winfo_screenwidth()
screenheight = window.winfo_screenheight()
x = int(screenwidth / 2 - 500 / 2)
y = int(screenheight / 2 - 400 / 2)
size = '{}x{}+{}+{}'.format(500, 400, x, y)
# 设置显示窗口大小
window.geometry(size)

1.2.Tkinter基本控件

Tkinter的提供各种控件，如按钮，标签和文本框等，这些控件通常被称为控件或者部件。

目前 Tkinter中常用的 15 个控件，如下所示:

控件类型	控件名称	控件作用
Button	按钮	点击按钮时触发/执行一些事件（函数）
Canvas	画布	提供绘制图，比如直线、矩形、多边形等
Checkbutton	复选框	多项选择按钮，用于在程序中提供多项选择框
Entry	文本框输入框	用于接收单行文本输入
Frame	框架（容器）控件	定义一个窗体（根窗口也是一个窗体），用于承载其他控件，即作为其他控件的容器
Label	标签控件	用于显示单行文本或者图片
LabelFrame	容器控件	一个简单的容器控件，常用于复杂的窗口布局。
Listbox	列表框控件	以列表的形式显示文本
Menu	菜单控件	菜单组件（下拉菜单和弹出菜单）
Menubutton	菜单按钮控件	用于显示菜单项
Message	信息控件	用于显示多行不可编辑的文本，与 Label控件类似，增加了自动分行的功能
messageBox	消息框控件	定义与用户交互的消息对话框
OptionMenu	选项菜单	下拉菜单
PanedWindow	窗口布局管理组件	为组件提供一个框架，允许用户自己划分窗口空间
Radiobutton	单选框	单项选择按钮，只允许从多个选项中选择一项
Scale	进度条控件	定义一个线性“滑块”用来控制范围，可以设定起始值和结束值，并显示当前位置的精确值
Spinbox	高级输入框	Entry 控件的升级版，可以通过该组件的上、下箭头选择不同的值
Scrollbar	滚动条	默认垂直方向，鼠标拖动改变数值，可以和 Text、Listbox、Canvas等控件配合使用
Text	多行文本框	接收或输出多行文本内容
Toplevel	子窗口	在创建一个独立于主窗口之外的子窗口，位于主窗口的上一层，可作为其他控件的容器

1.2.1.标签

Python Tkinter 标签控件（Label）指定的窗口中显示的文本和图像。

属性名称	说明
anchor	控制文本（或图像）在 Label 中显示的位置（方位），通过方位的英文字符串缩写（n、ne、e、se、s、sw、w、nw、center）实现定位，默认为居中（center）
bg	用来设置背景色
bd	即 borderwidth 用来指定 Label 控件的边框宽度，单位为像素，默认为 2 个像素
bitmap	指定显示在 Label 控件上的位图，若指定了 image 参数，则该参数会被忽略
compound	控制 Lable 中文本和图像的混合模式，若选项设置为 CENTER，则文本显示在图像上，如果将选项设置为 BOTTOM、LEFT、RIGHT、TOP，则图像显示在文本旁边。
cursor	指定当鼠标在 Label 上掠过的时候，鼠标的的显示样式，参数值为 arrow、circle、cross、plus
disableforeground	指定当 Label 设置为不可用状态的时候前景色的颜色
font	指定 Lable 中文本的 (字体,大小,样式）元组参数格式，一个 Lable 只能设置一种字体
fg	设置 Label 的前景色
height/width	设置 Lable 的高度/宽度，如果 Lable 显示的是文本，那么单位是文本单元，如果 Label 显示的是图像，那么单位就是像素，如果不设置，Label 会自动根据内容来计算出标签的高度
highlightbackground	当 Label 没有获得焦点的时候高亮边框的颜色，系统的默认是标准背景色
highlightcolor	指定当 Lable 获得焦点的话时候高亮边框的颜色，系统默认为0，不带高亮边框
image	指定 Label 显示的图片，一般是 PhotoImage、BitmapImage 的对象
justify	表示多行文本的对齐方式，参数值为 left、right、center，注意文本的位置取决于 anchor 选项
padx/pady	padx 指定 Label 水平方向上的间距（即内容和边框间），pady 指定 Lable 水平方向上的间距（内容和边框间的距离）
relief	指定边框样式，默认值是 "flat"，其他参数值有 "groove"、"raised"、"ridge"、"solid"或者"sunken"
state	该参数用来指定 Lable 的状态，默认值为"normal"（正常状态），其他可选参数值有"active"和"disabled"
takefocus	默认值为False，如果是 True，表示该标签接受输入焦点
text	用来指定 Lable 显示的文本，注意文本内可以包含换行符
underline	给指定的字符添加下划线，默认值为 -1 表示不添加，当设置为 1 时，表示给第二个文本字符添加下划线。
wraplength	将 Label 显示的文本分行，该参数指定了分行后每一行的长度，默认值为 0

1.2.2.输入框

Entry 控件是 Tkinter GUI 编程中的基础控件之一

作用：允许用户输入内容，从而实现 GUI 程序与用户的交互，比如当用户登录软件时，输入用户名和密码，此时就需要使用 Entry 控件。

基本属性：

属性名称	说明
exportselection	默认情况下，如果在输入框中选中文本会复制到粘贴板，如果要忽略这个功能，可以设置为 exportselection=0
selectbackground	选中文字时的背景颜色
selectforeground	选中文字时的前景色
show	指定文本框内容以何种样式的字符显示，比如密码可以将值设为 show="*"
textvariable	输入框内值，也称动态字符串，使用 StringVar() 对象来设置，而 text 为静态字符串对象
xscrollcommand	设置输入框内容滚动条，当输入的内容大于输入框的宽度时使用户

常用方法：

方法	说明
delete()	根据索引值删除输入框内的值
get()	获取输入框内的值
set()	设置输入框内的值
insert()	在指定的位置插入字符串
index()	返回指定的索引值
select_clear()	取消选中状态
select_adujst()	确保输入框中选中的范围包含 index 参数所指定的字符，选中指定索引和光标所在位置之前的字符
select_from (index)	设置一个新的选中范围，通过索引值 index 来设置
select_present()	返回输入框是否有处于选中状态的文本，如果有则返回 true，否则返回 false。
select_to()	选中指定索引与光标之间的所有值
select_range()	选中指定索引与光标之间的所有值，参数值为 start,end，要求 start 必须小于 end。

1.2.3.按钮

Button 控件是 Tkinter 中常用的窗口部件之一，同时也是实现程序与用户交互的主要控件。

作用：通过用户点击按钮的行为来执行回调函数

        首先自定义一个函数或者方法，然后将函数与按钮关联起来，最后，当用户按下这个按钮时，Tkinter 就会自动调用相关函数。

基本属性：

属性	说明
anchor	控制文本所在的位置，默认为中心位置（CENTER）
activebackground	当鼠标放在按钮上时候，按妞的背景颜色
activeforeground	当鼠标放在按钮上时候，按钮的前景色
bd	按钮边框的大小，默认为 2 个像素
bg	按钮的背景色
command	用来执行按钮关联的回调函数。当按钮被点击时，执行该函数
fg	按钮的前景色
font	按钮文本的字体样样式
height	按钮的高度
highlightcolor	按钮控件高亮处要显示的颜色
image	按钮上要显示的图片
justify	按钮显示多行文本时，用来指定文本的对齐方式，参数值有 LEFT/RIGHT/CENTER
padx/pady	padx 指定 x 轴（水平方向）的间距大小，pady 则表示 y轴（垂直方向）的间距大小
ipadx/ipady	ipadx 指标签文字与标签容器之间的横向距离；ipady 则表示标签文字与标签容器之间的纵向距离
state	设置按钮的可用状态，可选参数有NORMAL/ACTIVE/DISABLED，默认为 NORMAL
text	按钮控件要显示的文本

基本案例：

# 导入tkinter模块
from tkinter import *
# 导入tkinter模型中的messagebox
from tkinter import messagebox

# 给按钮绑定点击事件
def do_click():
    # 触发按钮点击事件之后，获取文本框输入的值
    text = tx.get()
    print(f"被点击了,text={text}")
    messagebox.showinfo("提示", text)

# 创建一个按钮
btn_search = Button(window, text="点我试试", width=6, command=do_click)
btn_search.place(x=260, y=5)

1.3.Treeview组件

ttk.Treeview 控件可将多项内容分层级显示。

每个数据项抖带有一个文本标签、一张图片（可选）和一个数据列表（可选）。这些数据值将在树标签后面分列显示。

• 基本属性：

属性	描述
columns	列标识的列表，定义了列的数量和名称。
displaycolumns	列标识的列表（索引可为符号或整数），指定要显示的数据列及显示顺序，或为字符串 “#all”。
height	指定可见的行数。注意：所需宽度由各列宽度之和决定。
padding	指定控件内部的留白。为不超过四个元素的长度列表。
selectmode	控制内部类如何进行选中项的管理。可为 extended、browse 或 none。若设为 extended（默认），则可选中多个项。若为 browse ，则每次只能选中一项。若为 none，则无法修改选中项。请注意，代码和 tag 绑定可自由进行选中操作，不受本属性的限制。
show	由0个或下列值组成的列表，指定要显示树的哪些元素。tree ：在 #0 列显示树的文本标签。headings ：显示标题行。默认为“tree headings”，显示所有元素。 注意 ：第 #0 列一定是指 tree 列，即便未设置 show="tree" 也一样。

基本案例：

# 导入Treeview组件
from tkinter.ttk import Treeview
# 创建TreeView组件
# show="headings" 用于隐藏首列
tv = Treeview(window,
              columns=("id", "bookname", "price", "booktype"),
              show="headings")
# 设置Treeview显示位置
tv.place(x=10, y=40)

• 常用方法：

方法	描述
bbox(item, column=None)	返回指定item的框选范围，或者单元格的框选范围
column( cid, option=None, **kw)	设置或者查询某一列的属性
delete(*items)	删除指定行或者节点（含子节点）
vdetach(*items)	与delete类似，不过不是真正删除，而是隐藏了相关内容。可以用move方法重新显示v
exists(item)	判断指定的item是否存在
focus(item=None)	获得选定item的iid，或者选中指定item。
get_children(item=None)	返回指定item的子节点
heading(column, option=None, **kw)	设置或者查询表头行的配置参数
identify(component, x, y)	返回在坐标(x,y)处的部件信息。部件包括：region(heading,cell等), item, column, row, 和 element。
identify_element(x, y)	返回在(x,y)处的元素。
identify_region(x, y)	返回坐标(x,y)处的Tree view组成部分
identify_row(y)	给定y坐标，返回指定item索引
index(item)	返回数字化的item索引，从0开始
set_children(item, *newchildren)	设置item的新子节点为newchildren，现有的子节点会被移除。一般用于树形结构中。
insert(parent, index, iid=None, **kw)	插入一个新的item
item(item, option=None, **kw)	返回item节点的相关信息
move(item, parent, index)	move()方法有两种作用： （1）将detach的item重新显示（reattach） （2）移动item指定的节点到parent的子节点中，位置由index指定
next(item)	返回item的下一个节点
parent(item)	返回item的父节点
prev(item)	返回item的前一个节点
see(item)	保证item指定的节点在Treeview控件中可见
selection(items=None)	返回当前选定的节点的iid
selection_set(*items)	选中items指定的节点
selection_remove(*items)	从当前选择中移除items指定的节点
selection_add(*items)	将items指定的节点添加到当前的选择中
selection_toggle(*items)	选中的节点变为不选中，未选中的节点变为选中
set(item, column=None, value=None)	设置或者获得节点信息
tag_bind( tagname, sequence=None, callback=None)	给tagname指定的tag绑定事件以及回调函数
tag_configure( tagname, option=None, **kw)	配置或者获得tag的有关信息
tag_has(tagname, item=None)	判断tag是否存在或者是tag与那些节点关联

• column列选项

column( cid, option=None, **kw)查询或者修改指定列的配置。cid可以是整数，也可以列的别名。如果不输入option，则返回目前的配置选项字典。Treeview列的选项有：

选项	含义
anchor	对齐模式。取值有n,e,s,w,ne,nw,se,sw和center。
id	列的名称或者标识
minwidth	列的最小宽度，调整列宽的时候，不会小于这个数值。默认值是20
stretch	是否随着窗口大小的调整而拉伸Treeview。默认值是True
width	定义列宽。默认值是200

基础案例：

# 设置列的宽度及对齐方式
# tv.column("#0",width=10)
tv.column("id", width=90, anchor=CENTER)
tv.column("bookname", width=200, anchor=CENTER)
tv.column("price", width=96, anchor=CENTER)
tv.column("booktype", width=90, anchor=CENTER)

• heading表头行：

heading(column, option=None, **kw)设置或者查询表头行的配置参数。

 heading的选项有：

选项	含义
anchor	对齐模式。取值有n,e,s,w,ne,nw,se,sw和center。
command	与指定列相关的回调函数
image	在表头显示图片
text	在表头显示文本
state	当前列的状态

基本案例：

# 设置列的表头
# tv.heading("#0",text="")
tv.heading("id", text="书本编号")
tv.heading("bookname", text="书本名称")
tv.heading("price", text="书本价格")
tv.heading("booktype", text="书本类型")

• insert新增数据行：

选项	含义
image	显示图像
open	针对树形结构，确认插入的item是打开还是折叠状态。True打开，False为折叠。
tags	为新插入的item设置tag标签
text	显示文字
values	在表格结构中，要显示的数值。这些数值是按照逻辑结构赋值的，也就是按照columns设定的列次序来赋值。如果输入的个数少于columns指定列数，则插入空白字符串

基本案例：

# 数据绑定
tv.insert('', END, values=(1, "山海经", 100, '玄幻'))
tv.insert('', END, values=(2, "金刚经", 110, '经书'))
tv.insert('', END, values=(3, "三字经", 120, '内功心法'))
tv.insert('', END, values=(4, "道德经", 100, '内功心法'))

---

---

二、DBHelper

DBHelper只是对基本操作进行了简单封装处理：

from pymysql import *
from pymysql.cursors import Cursor


class DBHelper:
    conn: Connection = None
    curs: Cursor = None

    def __init__(self):
        self.conn = Connection(user="root", password="1234",
                               port=3306, host="localhost",
                               database="vue", charset="utf8",
                               autocommit=True)
        self.curs = self.conn.cursor()

    def close(self):
        self.curs.close()
        self.conn.close()

    def execute(self, sql: str, params: tuple):
        try:
            self.curs.execute(sql, params)
        except Exception as ex:
            print(f"操作失败，提示：{ex}")
        finally:
            self.close()
    
     def find(self, sql: str, params: tuple):
        try:
            self.curs.execute(sql, params)
            return self.curs.fetchall()
        except Exception as ex:
            print(f"查询失败，提示：{ex}")
        finally:
            self.close()
        return None

---

---

三、dao层定义

from utils.DBHelper import *


class BookDao:
    db = None

    def __init__(self):
        self.db = DBHelper()

    def add(self,book: tuple=None):
        sql = """insert into t_book_vue(bookname,price,booktype) values(%s,%s,%s)"""
        self.db.execute(sql,book)

    def query(self,book: tuple=None):
        sql = "select * from t_book_vue where bookname like %s"
        return self.db.find(sql,book)

    def delete(self,bid: int=0):
        sql = """delete from t_book_vue where id=%s"""
        self.db.execute(sql,(bid,))


if __name__ == '__main__':
    bd = BookDao()
    # bd.add(("222",123,"22"))
    # print(bd.query(('%%',)))
    # bd.delete(56)

---