Creating a login screen with Qt

In this recipe, we will learn how put our knowledge to use and create a functional login screen using Qt and MySQL.

How to do it…

Create your first functional login screen by following these steps:

1. First, open up a web browser and go to phpMyAdmin. We will create a new data table called user, which looks like this:

   

2. Next, insert our first item of data into the newly created table and set the employeeID to the ID of an existing employee's data. This way, the user account we created will be linked to the data of one of the employees:

   

3. After that, open up Qt Creator and create a new Qt Widgets Application project. We will start off with mainwindow.ui. First, place a stacked widget on the canvas and make sure it contains two pages. Then, set up the two pages in the stacked widget like this:

   

4. Then, on the first page of the stacked widget, click the Edit Tab Order button on top of the widget so that we can adjust the order of the widgets in our program:

   

5. Once you click the...