thingsboard前端ui框架使用的是哪个

经过查阅资料，Thingsboard前端UI框架使用的是AngularJS。AngularJS是一个由Google开发的JavaScript框架，用于构建动态Web应用程序。它提供了一组工具和库，使开发人员能够更轻松地构建客户端应用程序。AngularJS的主要特点是双向数据绑定、依赖注入和模块化。这些特性使得开发人员能够更快速地构建复杂的Web应用程序。

相关问题

thingsboard中的ui-ngx登录源码解析

Thingsboard是一款开源的IoT平台，它提供了一套完整的工具集，包括设备管理、数据可视化、规则引擎和API管理等。而其中的UI-NGX登录源码是Thingsboard的前端登录代码，本文将对其进行解析。

首先，我们需要了解一些前端技术。UI-NGX登录源码使用了Angular框架和TypeScript语言，并且采用了响应式Web设计。响应式Web设计可以使网页自适应设备屏幕大小，并且通过Media Query实现了不同屏幕大小下的样式表。

UI-NGX登录源码主要由三个文件构成：login.component.ts，login.component.html和login.component.scss。其中login.component.ts是组件的主要逻辑代码，包括验证登录用户、发起登录请求、登录成功后的路由跳转等；login.component.html是组件的HTML模板，定义了用户登录页面的布局和样式；login.component.scss是组件的CSS文件，定义了用户登录页面的样式。

在login.component.ts中，最重要的是login()函数。该函数针对页面上的用户名和密码输入框监控用户输入，并在用户点击“登录”按钮后，将用户名和密码打包成一个JSON对象，并发送POST请求到后端服务器。在请求的回调函数中，如果登录成功，就将令牌（Token）保存到浏览器的sessionStorage中，并进行路由跳转至后端返回的redirectUrl中，同时执行自定义的回调函数。如果登录失败，则显示错误提示。

在login.component.html中，登录页面使用了Angular Material库中的Material Design组件。这些组件使得登录页面具备了良好的用户交互体验。例如，用户名和密码输入框会在用户输入内容时显示标签，输入框上方会显示登录页面的标题和LOGO。

在login.component.scss中，定义了登录页面的CSS样式。例如，设置了登录页面的背景颜色、输入框的边框样式和字体大小、按钮的颜色和圆角半径等。

总之，UI-NGX登录源码不仅使得登录页面具备了强大的用户交互性和良好的视觉效果，而且通过响应式Web设计，也确保了登录页面的兼容性和易用性。