介绍
Ember-IMDT-Magic-Crud是一款基于Ember.js和Bootstrap的快速生成CRUD应用的JavaScript库。
这个库的主要目的是平衡开发速度和灵活性。它为开发人员提供了可以快速生成标准的CRUD应用的工具，但是这些应用不会限制他们的业务逻辑。因为Ember本身是一个强大的客户端框架，它能够帮助你轻松扩展这些应用。
安装
请先确保你已经安装了Node.js和npm工具，接下来运行如下命令：
npm install ember-imdt-magic-crud --save-dev
使用
组件
Ember-IMDT-Magic-Crud包含了两个主要的组件：Ember-IMDT-Magic-Crud和Ember-IMDT-Magic-Form。
Ember-IMDT-Magic-Crud组件是一个集成了列排序、列过滤、分页等功能的CRUD表格。它可以生成最基本的CRUD应用，同时也支持自定义业务逻辑。
Ember-IMDT-Magic-Form组件是一个可定制的表单组件。它支持表单验证、提交、重置等功能，并且通过扩展可以支持更多的自定义业务逻辑。
例子
-- -------------------- ---- -------
------ ------------------ ---- ---------------------------------------------------------
------ ------------------ ---- ---------------------------------------------------------
------ ------- -------------------------
------ --
--- --
----- ----- -----
------ ------------------
-- -
--- --
----- ----- -----
------ ------------------
---
-------- -
-------------------- -
---------------------------------------
-
-
---这个例子中我们定义了一个非常简单的控制器。它包含了一个名为model的数组变量，和一个名为deleteRecord的方法。
model变量包含了一个用于演示的数据，deleteRecord方法则通过获取传入参数(代表一个记录)并删除它来完成删除操作。
在这个例子中我们并没有定义视图，因为我们不需要。我们仅仅需要在模板中使用Ember-IMDT-Magic-Crud和Ember-IMDT-Magic-Form组件，它们就可以自动绑定到数据，并生成相应的表格和表单。
模板
<h2>User Management System</h2>
{{#ember-imdt-magic-crud data=model sortable=true pageSize=10 deleteRecordAction="deleteRecord"}}{{outlet}}{{/ember-imdt-magic-crud}}
{{#ember-imdt-magic-form object=model action="submit"}}{{outlet}}{{/ember-imdt-magic-form}}这个模板中我们首先引入了Ember-IMDT-Magic-Crud和Ember-IMDT-Magic-Form组件，然后在模板中使用这些组件。其中，我们为Ember-IMDT-Magic-Crud组件定义了数据源、支持排序、分页、删除等操作，同时我们也为Ember-IMDT-Magic-Form组件定义了数据源并支持提交操作。
结论
Ember-IMDT-Magic-Crud是一款非常实用的JavaScript库，它能够帮助开发人员快速生成标准的CRUD应用程序，同时也支持自定义业务逻辑。通过Ember.js的强大性能和易用性，它能够帮助你轻松扩展你的应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e17a563576b7b1ecb0e