## **自美前端显示** > 自美系统显示界面采用：HTML方式，支持HTML5、CSS3等最新的前端显示方式，前端文件存放位置如下： 以默认镜像方式安装位置：`/keyicx/python/webroot/desktop/mojing/`目录中 ## **显示端使用技术** 1. HTML+ CSS + DIV 页面布局技术，具体可阅读：[菜鸟教程中HTML教程](https://www.runoob.com/html/html-tutorial.html) 2. JavaScript（简称：JS）脚本语言技术，具体可阅读：[菜鸟教程中JavaScript教程](https://www.runoob.com/html/html-tutorial.html) 3. jQuery（简称JQ）JavaScript库技术，具体可阅读：[菜鸟教程中jQuery教程]([https://www.runoob.com/jquery/jquery-tutorial.html](https://www.runoob.com/jquery/jquery-tutorial.html)) ## **前端显示与Python通讯方式** 自美系统前端与后端Python通讯采用两种方式，一种是被动显示和主动请求： 1. 被动显示采用`websocket`技术，以达到实时性; 2. 主动请求，采用直接调用python文件方式，得到显示结果（注：这种方式后期可能会废弃） #### **被动显示方式介绍** 被动显示即前端显示一直处于等待显示数据接收状态，我们采用的是NodeJS技术将前端设置为`websocket`服务器，Python通过socket技术向前端发送信息，具体代码可参考：`/keyicx/app/resources/app/control.js`文件中： ``` start_websocket: function(){ ... } ``` 部分代码。