仪表板框架备忘录

2 年 ago

韵, 科

2 minutes

我调查了各种基于JS的仪表板。

长短不一，选择既令人快乐又困难。

ngx-admin 是一个流行的开源管理面板框架。

https://github.com/akveo/ngx-admin 可以用于网站开发的开源项目。
http://akveo.com/ngx-admin/ 是相关的官方网站。

blur-admin的继任者Angular4版（2017/9/22）已发布，氛围发生了相当大的变化。

根据开发团队的消息，创造ngx的过程非常困难，以至于有人认为我们放弃了开发。

角度仪表板框架

以下是一个选项：

参考资料：https://github.com/angular-dashboard-framework/angular-dashboard-framework
展示链接：http://angular-dashboard-framework.github.io/angular-dashboard-framework/#/sample/01

这是一个基于Angular1.x的仪表盘。
我们将使用Angular的模块添加方式来创建小部件。
每个部分都成为一个小部件，
在示例中，它们都是通过存储库进行管理的。

用户可以自由更改位置。用户还可以添加小部件。

模糊管理后台界面

https://www.akveo.com/products.html –>https://www.akveo.com/zh-hans/products.html
https://github.com/akveo/blur-admin –>https://github.com/akveo/blur-admin
デモ：　http://akveo.com/blur-admin-mint/#/dashboard –>示例：http://akveo.com/blur-admin-mint/#/dashboard

Angular1的模板
特点是有漂亮的模板
提供了仪表板、图表等各种模板。
感觉可以做各种事情。
似乎没有用户可以自由更改布局的功能。
启动速度有点慢。

目前，似乎正在开发Angular2版本。
https://www.akveo.com/ng2-admin/

mdbootstrap的意思是`mdbootstrap`。

mdbootstrap提供了基于Angular或React的组件，这些组件基于Material Design设计风格。它在Facebook等平台上积极地发布信息。某些功能需要购买付费的Pro版。如果想使用侧边导航功能，则需要购买Pro版。您可以在以下链接购买Pro版：https://mdbootstrap.com/product/material-design-for-bootstrap-pro/

普金什/人类雅致

请问您需要对以下网址进行中文本地化的释义：

https://github.com/puikinsh/gentelella
https://colorlib.com/polygon/gentelella/index.html

请注意，以下是其中一种释义：

https://github.com/puikinsh/gentelella 是一个开源项目的网址，可以找到与 Gentelella 相关的代码和资源。

https://colorlib.com/polygon/gentelella/index.html 是一个网站链接，其中有关于 Gentelella 的信息和示例演示。

dazzle 震撼

似乎可以使用React为基础的仪表板，通过编辑功能进行位置变更和添加小部件等操作。

螺旋桨。

Home

http://propeller.in/templates/admin-dashboard/index.html
https://github.com/digicorp/propeller/

有 for Dashboard、UI元素、表格等的模板可供使用。

角度小部件网格

https://github.com/patbuergin/angular-widget-grid
用户可变位置：可，在网格状布局中排列

Keen IO的仪表板

Keen的仪表盘
用户位置可调整：不可

即时仪表板

GitHub的链接: https://github.com/jpmorganchase/jif-dashboard
演示: https://jpmorganchase.github.io/jif-dashboard/demo/

这是一个简约风格的仪表板。
似乎用户可以自行删除或添加小部件。

Rdash-angular的中文翻译

https://github.com/rdash/rdash-angular这个链接是rdash-angular项目在GitHub上的源码。你可以在这里获取项目的源代码，进行查看、下载和学习。

另外，这是rdash-angular项目在网页上的演示地址：http://rdash.github.io/#/。你可以通过访问这个链接来观看和体验rdash-angular的功能及界面。

飒飒

http://dashing.io/ -> Dashing官网
https://github.com/Shopify/dashing -> Dashing的GitHub仓库
デモ：http://dashingdemo.herokuapp.com/sample -> 演示：http://dashingdemo.herokuapp.com/sample
ユーザー側で位置を自由に変えれるダッシュボードUIです。 -> 这是一个用户可以自由调整位置的仪表盘UI。
画面いっぱいに情報を出したい時にはいいと思います。 -> 我觉得这很适用于希望在屏幕上展示大量信息的情况。
IE11では動きませんでした。 ->在IE11上无法运行。