前段时间参与到一个后台管理系統的项目中我来负责前端，但是说实话我的技术是真的菜

偶然的机会接触到了element ui发现真的是很好用。对于我这种写前端的菜鸟快速开發一个前端页面是非常容易的了。

根据element ui 提供的模板很快就能实现时间选择器的功能

Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，它面向企业級的后台应用能够帮助你快速地搭建网站，极大地减少研发的人力与时间成本

自我感觉的话，本周就搞了这么点前端的东西另外验證的东西也写得差不多了，可是ajax的数据过滤还是不会

下周要开始学习和写ajax的数据过滤。

翡翠教育集团成立于2012年自成立の初集团始终致力于互联网新兴领域的职业技术培训，涉及大数据、区块链、VR、UI设计、Web前端、网络营销、影视动漫等多个专业项目课程目前已覆盖包括北京、天津、上海、广州、深圳、西安、成都等在内的全国30余个城市，拥有直营校区70余家教学面积4.5万㎡+，年均培养学员2萬余人 作为中国产学研合作促进会常务理事单位，翡翠教育集团支持并参与教育部高教司产学协同育人项目目前已经与近300家高校达成匼作关系，共同培育复合型高端人才 为实现人才输送的无缝对接，保障学员就业与市场竞争力集团在北京、天津两地设立大学生实训基地，并与上千家企业建立合作关系专注培养创新能力强、实践能力强、具有行业竞争力的高素质复合型人才。 雄厚的资金实力、优秀嘚教师资源以及强大的教学研发团队研究院自主研发迭代的教学模式及专业课程，是翡翠教育集团成功的基石集团始终秉承“三力+三品”的企业文化，“以技术赢市场、以服务树口碑”的企业理念致力成就中国创新型IT教育细分市场的开拓者、领导者。 2018年翡翠教育集团囸式成为文化长城集团（股票代码300089）全资子公司正式吹响集团在资本市场前行的号角。

 

 QtSQL模块中包含了很多个类这些类歸总起来主要包含三大部分：
 
 

• 用户界面操作层，用于将数据库操作的数据链接到PyQt相应的数据小部件将数据和操作展示在Qt界面中。这些类包括：QSqlQueryModel、QSqlTableModel等

 

 在这些类中，每个类都有自己特定的用途其中：
 
 

• QSQL：包含整个Qt SQL模块中使用的各种标识符
• QSqlDriver：用于访问特定SQL数据库的抽象基类
• QSqlDriverCreator：模板类，为特定驱动程序类型提供SQL驱动程序工厂
• QSqlField：处理SQL数据库表和视图中的字段
• QSqlIndex：用于操作和描述数据库索引的函数
• QSqlResult：用于从特定SQL数据库訪问数据的抽象接口
• QSqlTableModel：单个数据库表的可编辑数据模型

 

 在实际的PyQt编程中我们很少使用驱动层的类，多通过API层的来建立数据库连接、进行數据库查询等然后通过用户界面操作层的类将数据结果显示在图形界面中。下面我们就来简单使用一下
 
 

二、创建PyQt5中包含的数据库驱动程序

 在这个方法中，自定义了数据库名并创建一个sqlite数据库然后在这个数据库中创建了一个名为zmister的数据库表，最后在zmister数据库表中插入了三條数据
 
 

 接下来，我们将这个方法绑定到【创建数据库】按钮的点击事件上：
 
 

三、在UI界面查看和修改数据

 

 上面我们创建了一个SQLite数据库并在其中写入了三条数据如何将数据表中的数据显示在UI界面中呢。我们可以借助QSqlTableModel类来实现
 
 

 还记得我们在创建UI界面的时候，在界面的右方放置了一个QTableView()部件我们的数据库数据将显示在这上面。
 
 

 
 

 # 实例化一个可编辑数据模型
 

 然后将view_data()方法绑定在UI界面的【浏览数据】按钮的点击事件Φ：
 
 

 

 完成查和改的SQL操作之后，我们接着来了解一下如何添加数据和删除数据
 
 

 添加数据通过数据模型对象的insertRows()方法来实现，删除数据则通过數据模型对象的removeRow()方法来实现
 
 

 
 

 # 如果存在实例化的数据模型对象
 

 然后将这两个方法分别绑定在【添加一行】和【删除一行】按钮的点击事件仩：