## **自美前端显示** > 自美系统显示界面采用: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(){ ... } ``` 部分代码。