前端ui 后台管理系统 简洁_Github上前端不可不知的可视化后台管理系统（4）

Tabler简介

Tabler的React组件，具有响应性和高质量UI的高级开源开源仪表板模板。提供一个用户友好，清晰易用的管理面板，既可用于简单的网站，也可用于复杂的系统。您将能够以最简单的方式来管理和可视化不同类型的数据！

Github Star 数 21800+Github地址： https://github.com/tabler/tabler

下面来看下部分系统的截图。

首页

水平导航

黑暗模式

垂直导航

图表

内置的可视化图表

form表单

表单页面

卡片

卡片类型一

卡片总体展示

博客卡片

地图

导航条

样式多样的导航

搜索

自带的多功能所有页面

个人资料

个人资料

Tabler特点：

响应式：无论使用哪种设备都能支持。

跨浏览器：我们的主题可以与最新的Chrome，Firefox +，最新的Safari，Opera，Edge和移动浏览器完美配合。我们努力为他们提供持续的支持。

干净的代码：我们认真遵循Bootstrap的准则，以使您的集成尽可能容易。所有代码都是手写的，并且W3C有效。

安装

要使用我们的构建系统并在本地运行我们的文档，您将需要Tabler源文件的副本。请按照以下步骤操作：

1. 安装Node.js，我们将使用它来管理依赖项。
2. 导航到根/tabler目录并运行npm install以安装列出的本地依赖项package.json。
3. 安装Ruby-推荐的版本是2.5.5。
4. 安装捆扎机与gem install bundler最后运行bundle install。它将安装所有Ruby依赖项，例如Jekyll和plugins。

Windows用户：

1. 在C:Program Filesgitbin目录中安装Git并运行npm config set script-shell "C:Program Filesgitbinbash.exe"以更改默认Shell。
2. 安装Ruby + Devkit-推荐的版本是2.5.5。
3. 阅读指南以使Jekyll正常运行。

完成设置后，您将能够运行命令行中提供的各种命令。

在本地构建

1. 在根/tabler目录中，npm run start在命令行中运行。
2. 在浏览器中打开http：// localhost：3000，然后打开。
3. /pages目录中的任何更改都将构建应用程序并刷新页面。

注意：运行npm run build改革一个无需构建的一次性应用程序。打开http：// localhost：3001以配置Web服务器。

总结：Tabler使用各种组件提供20多个单独的页面，使您可以自由选择和组合。所有组件的颜色和样式都可以自定义改变，您可以轻松地对其进行修改，开发出自己想要的喜欢的页面！

演示地址：https://preview-dev.tabler.io/index.html

喜欢的老铁，加个关注！