Tornado / Bokeh交互式仪表板和工作流创建应用程序的建筑正确设计模式，并添加了其他JavaScript

Question

我一直在尝试构建具有以下功能/工作流程的数据分析平台-

1. 后端以从外部系统生成/检索数据（例如，使用mqtt，websocket的时间序列数据）

2. 将Web应用程序标记为-

   A。可视地定义工作流程（即交互式有向图/流程图）我想在屏幕上有一个区域，用户可以看到形状的选择（例如矩形）（即，变换），将这些形状连接在一起以创建要在数据上运行的链式变换

   B。在网格布局（即交互式仪表板）中显示转换结果（以及原始数据中的其他图表）

   尽管我在早期的项目中使用Django，但我对大多数东西还是陌生的。这次，我希望有一个异步，非阻塞的体系结构。

我已经将系统构建到一个基于MQTT的发布/订阅系统完整的地方，并且如果有请求，后端可以发送数据

这是我的问题/困惑-

我已经阅读了龙卷风文档，散景文档，示例（例​​如server_embed示例），以及许多有关如何执行此操作的帖子/问题/文章

[当我尝试不使用JavaScript来寻找解决方案时，我还没有遇到任何简单的方法/示例来使用纯Python创建诸如良好的响应式网格布局，交互式流程图或可视化编辑器等内容。 Python似乎是我的应用程序所需的其他东西的最佳选择。熊猫，numpy，熊熊，odo，scikit，龙卷风。

但是，每当我查看javascript时，都会有如此庞大而又漂亮的东西，例如jquery，JointJS，AngularJS和其他东西-看起来很酷且易于使用

另外，我在Jinja2与AngularJS上的某个地方（句？）读到了一个答案，这与“不要混用，因为Jinja2 =服务器端HTML生成与AngularJS =浏览器端HTML生成没有混合均匀）

所有这些使我更加困惑，因为我是大多数新手。>

所以我的问题是-

1. 什么是在架构上正确的模式，示例或使用]的一些参考文献>

   a。服务器/网络服务器的龙卷风]

   b。将bokeh用于原始/转换数据的交互式图表

   c。使用一些不错的CSS（或者也许是SASS？）

   d。对布局使用一些现有的HTML5框架（例如Foundation）*响应网格

   e。在同一浏览器页面的某处使用JointJS之类的东西将块连接在一起以定义转换]

2. 如果我使用javascript，而我不使用，这在龙卷风模板系统上的体系结构意味着什么

3. 我可以还是应该在这种混合方式中使用Jinja2（我看到了一个示例，该示例解释了如何与Jinja2集成是更好的用于龙卷风模板的选项）

我一直在尝试构建具有以下功能/工作流程的数据分析平台-后端以从外部系统生成/检索数据（例如，使用mqtt的时间序列数据，...

< [
检查我在github上的项目https://github.com/AhmadAbdRabou/Primavera-Plus尽管它不完整并且需要增强，但它可以回答您的一些问题。我使用了Tornado，并以编程方式启动它以进行调试，并且对多页+静态文件（css和下载文件）进行了调试我只使用了HTML，CSS和Jinja 2（我避免添加更多技术，而不必这样做）我已尽可能详细地记录了它，因此，希望对您有所帮助。

Answer 1

检查我在github上的项目https://github.com/AhmadAbdRabou/Primavera-Plus尽管它不完整并且需要增强，但它可以回答您的一些问题。我使用了Tornado，并以编程方式启动它以进行调试，并且对多页+静态文件（css和下载文件）进行了调试我只使用了HTML，CSS和Jinja 2（我避免添加更多技术，而不必这样做）我已尽可能详细地记录了它，因此，希望对您有所帮助。