Recline.js 功能强大的数据管理和展示应用程序

Question

Recline.js 是一个简单但功能强大的库，用于构建数据应用纯 JavaScript 和 HTML。它提供大量数据的应用程序提供了一组模型（数据集，记录/行，场）和（网格，地图，图表等）的组成和结构。表格头可以拖拉改变大小，包括分页、数据过滤，列排序等功能。

Recline 重新使用了同类最佳的表示库，如 SlickGrid、Spolat、Flot 和 D3 来创建数据视图，并允许您在几秒钟内将它们与数据连接起来。

快速使用

// Load some data
var dataset = recline.Model.Dataset({
  records: [
    { value: 1, date: '2012-08-07' },
    { value: 5, b: '2013-09-07' }
  ]
  // Load CSV data instead
  // (And Recline has support for many more data source types)
  // url: 'my-local-csv-file.csv',
  // backend: 'csv'
});

// get an element from your HTML for the viewer
var $el = $('#data-viewer');

var allInOneDataViewer = new recline.View.MultiView({
  model: dataset,
  el: $el
});
// Your new Data Viewer will be live!

概率和结构

由三个部分组成：模型、后端和视图

模型

模型通过提供一些标准对象（如 DataSet 和 Record-DataSet 是记录的集合）来帮助您对数据进行结构化。

后端

后端将模型连接到数据源（和存储区），例如 GoogleDocs 电子表格、本地 CSV 文件、数据中心、ElasticSearch 等。

意见

视图是用于显示、编辑或与数据交互的用户界面组件。例如，地图、图表、数据网格或查询编辑器。

更多内容请访问：http://datopian.github.io/recline/docs/

相关链接

• github 地址：https://github.com/datopian/recline
• 项目地址：http://okfnlabs.org/projects/reclinejs/
• 本地下载：https://www.wenjiangs.com/wp-content/uploads/2020/09/recline-master.zip