PyQT 跟我学做密码管理器（1）

偏执的太偏执、 2022-04-03 02:58 209阅读 0赞

# PyQT 跟我学做密码管理器（1）—— 初始化UI控件 #

声明：本文借鉴[https://blog.csdn.net/bigbennyguo/article/details/50755207 修改而来][https_blog.csdn.net_bigbennyguo_article_details_50755207]

## 前言 ##

学了一段时间的python，一直在黑窗口下面跑代码，别人问我，你学了这么长时间python，能做出个东西让大家都能用吗

我一想，也是啊，写了那么多代码，小工具什么的，除了自己用，在自己的电脑跑一下，好像没啥用了。

于是接触了PyQT，做个大家都能用的东西。

于是有了这个密码管理器

## **环境** ##

编辑器：Sublime Text3

操作系统：win10

Python3

所需要的库：主要是PyQT5，因为加了一点拓展功能，所以还有sqlite3,Image,pyinstaller

pip3 install pyqt5
    pip3 install pyqt5-tools
    pip3 install sqilte3
    pip3 install Image
    pip3 install pyinstaller

首先是pyqt5, 这个是我们的主要工具，用来做界面的，pyqt5-tools这个库主要是是在用QT Creator设计好界面之后，将ui文件转化为py文件；

sqlite3这个库可以安也可以不安，因为pyqt5里面有一个模块QtSql，它支持sqlite的操作；  
Image这个库主要是用来处理一下图片资源，以及最后程序的图标的  
pyinstaller 最后将程序转化为可执行的exe文件

## 框架设计 ##

在决定好要做什么东西之后，心里大概给这个成品画一个图，这个程序有什么功能，最后的界面是什么样子的  
差不多是下面这个样子

![20181220100454837.png][]

总共有四个功能  
1.建立记录，这个记录有四点，描述或者说网站名字，然后用户名，密码，网址  
2.修改功能  
3.删除功能  
4.备份功能

数据存到数据库中或者文件中才不会丢失，但是如果文件在电脑上被删了怎么办，所以这个备份，我选择将其发送到邮箱中。

## 基本框架 ##

用代码先将UI界面简单的搭建起来

# -*- coding: utf-8 -*-
    # @Date     : 2018-12-17 16:50:23
    # @Author   : Jimy_Fengqi (jmps515@163.com)
    # @Link     : https://blog.csdn.net/qiqiyingse
    # @Version  : V1.0
    # @pyVersion: 3.6
    
    import sys,sqlite3,os
    from PyQt5.QtWidgets import *
    from PyQt5.QtGui import QIcon, QFont
    from PyQt5.QtCore import *
    import images
    
    class PasswordManagerSystem(QMainWindow):
        def __init__(self):
            super(PasswordManagerSystem, self).__init__()
            self.initToolbar()
            self.initDB()
            self.initGrid()
            #self.current_row = 0
            self.setGeometry(300, 300, 650, 300)
            self.setWindowTitle('密码管理器')
            self.setWindowIcon(QIcon(':images/logo.jpg'))
    
        def initToolbar(self):
            newAction = QAction(QIcon(':images/new.png'), 'New Ctrl+N', self)
            editAction = QAction(QIcon(':images/edit.png'), 'Edit Ctrl+E', self)
            delAction = QAction(QIcon(':images/del.png'), 'Delete', self)
            backupAction = QAction(QIcon(':images/backup.png'), 'Backup Ctrl+B', self)
            newAction.setShortcut('Ctrl+N')
            editAction.setShortcut('Ctrl+E')
            delAction.setShortcut('Delete')
            backupAction.setShortcut('Ctrl+B')
            newAction.triggered.connect(self.newAction_def)
            editAction.triggered.connect(self.editAction_def)
            delAction.triggered.connect(self.delAction_def)
            backupAction.triggered.connect(self.backupAction_def)
            self.tb_new = self.addToolBar('New')
            self.tb_edit = self.addToolBar('Edit')
            self.tb_del = self.addToolBar('Del')
            self.tb_backup = self.addToolBar('Backup')
            self.tb_new.addAction(newAction)
            self.tb_edit.addAction(editAction)
            self.tb_del.addAction(delAction)
            self.tb_backup.addAction(backupAction)
    
        def backupAction_def(self):
        	pass
        def initDB(self):
        	pass      
        def initGrid(self):
            self.grid = QTableWidget()
            self.setCentralWidget(self.grid)
            self.grid.setColumnCount(4)
            self.grid.setRowCount(0)
            column_width = [75, 150, 270, 150]
            for column in range(4):
                self.grid.setColumnWidth(column, column_width[column])
            headerlabels = ['Website', 'Username', 'Password', 'Url']
            self.grid.setHorizontalHeaderLabels(headerlabels)
            self.grid.setEditTriggers(QAbstractItemView.NoEditTriggers)
            self.grid.setSelectionBehavior(QAbstractItemView.SelectRows)    
        def newAction_def(self):
        	pass
        def editAction_def(self):
        	pass
        def delAction_def(self):
        	pass
        def showHint(self):
            pass
        def showDialog(self, ws = '', un = '', pw = '', url = ''):
        	pass
    if __name__ == '__main__':
        app = QApplication(sys.argv)
        pwk = PasswordManagerSystem()
        pwk.show()
        app.exec_()
        pwk.conn.close()
        sys.exit(0)

首先整个class继承自QmainWindow, 一开始初始化的时候，先加载工具栏（注意我的认知里面只有QMainWindow才有工具栏，希望这句话不会被打脸~），  
添加四个工具栏按钮，这四个工具栏按钮这里是使用的图标，关于如何加载图片资源下一节再讲；给每个图标添加提示信息

newAction = QAction(QIcon(':images/new.png'), 'New Ctrl+N', self)#添加图标，当鼠标悬浮到这个按钮的时候，显示提示信息

然后绑定快捷键

newAction.setShortcut('Ctrl+N')#绑定快捷键

绑定触发事件

newAction.triggered.connect(self.newAction_def)#绑定触发事件

添加真正的工具栏，并且取名字

self.tb_new = self.addToolBar('New')

将Action添加关联到工具栏

self.tb_new.addAction(newAction)

工具栏加载完毕，初始化数据库相关的，这一部分随后再说

接着是初始化显示页面

self.initGrid()

def initGrid(self):
            self.grid = QTableWidget()                  #一个tableview
            self.setCentralWidget(self.grid)
            self.grid.setColumnCount(4)                 #设置4列
            self.grid.setRowCount(0)                    #设置第一行
            column_width = [75, 150, 270, 150]          #设置没一列的宽度
            for column in range(4):
                self.grid.setColumnWidth(column, column_width[column])
            headerlabels = ['Website', 'Username', 'Password', 'Url']    #第一行当作表头
            self.grid.setHorizontalHeaderLabels(headerlabels)            #设置第一行表头
            self.grid.setEditTriggers(QAbstractItemView.NoEditTriggers)    #设置表格不可编辑
            self.grid.setSelectionBehavior(QAbstractItemView.SelectRows)   #设置只能一行一行的选择

目前实现之后界面应该是这个样子

![20181220104645576.png][]

[https_blog.csdn.net_bigbennyguo_article_details_50755207]: https://blog.csdn.net/bigbennyguo/article/details/50755207
[20181220100454837.png]: /images/20220403/5da5a52572304da4924c614f3f988b74.png
[20181220104645576.png]: /images/20220403/1a60bc2f9c9f4b6d89877af05bc9d933.png