User Manual

57
There are three HTML files that also consist of layers. The low level base.html stores contents
contained on each page such as the <head> of HTML, the overall layout, and contents of
the home page by default. The surface layer: cali.html for calibration and run.html to
control the car.
So that's the code of the server. Next we will come to the code of the client written by PyQt.
Client Code
In Windows, you can check the contents of client directory by grouping files by file type:
client.py, is the main part of the code of the client.
icons_rc.py is the python code converted from the UI resource file of Qt, which is the
icons.qrc file beside, by pyrcc5 o icons_rc.py icons.qrc.
icons.qrc is the Qt resource file and restores the location of the resource pictures.
.ui is the ui file, or the graphical user interface (GUI) file designed by the Qt tool. Open it
by a text editor and you will see the code is written similar to an xml file.
images stores the picture resources used in designing the UI (user interface). Do not rename
or move the folder and the files in it, or else the corresponding content on the UI will be
missing because it fails to find the graphic resource.
_pycache_ not shown in the figure above, is a cache folder automatically generated when
you run a .py file of the client. If you've just downloaded it and not run yet, it's not generated.
The code of the client is written in Python 3, and the GUI is designed by the Qt tool. The open
source library PyQt is used in the client.py to load the .ui file written by Qt into the python
code.
For more information about PyQt, please visit the website:
https://riverbankcomputing.com/software/pyqt/intro