Skip to content
On this page

基于配置

本章节主要了解FastCrud是如何通过配置驱动出一个完整的crud的。

1. FastCrud运行过程

构建crudOptions --> 调用useCrud --> 获得crudBinding --> 传入fs-crud组件

crudOptions

使用fast-crud,你只需要掌握如何配置正确的crudOptions,即可完成一个crud的开发工作。
其中 字段配置 是重点,它就在下一章节,一定要看
当你不知道crudOptions有什么参数时,请参考 CrudOptionsAPI文档

useCrud

主要作用是初始化crud,将crudOptions转化为crudBinding
转化过程主要做了两件事:

  1. 用户的crudOptions与公共配置、基础配置进行合并
  2. columns里面的form,column,search等配置分散到table.columns,form.columns,search.columns中去

crudBinding

在开发crud时,我们页面里面用的组件是fs-crudcrudBinding就是传入的全部参数

html
<template>
    <fs-crud ref="crudRef" v-bind="crudBinding"/>
</template>

TIP

由于fs-crud实际参数是crudBinding
所以动态修改crudOptions里面的属性时,你会发现并不会生效。
你只能通过动态修改crudBinding里面的属性来达到目的。
当你对于crudBinding的结构不熟悉时,去手动修改它可能不是很方便。
此时你可以使用动态计算 ( 当然动态计算也有其局限性,详情请见动态计算->适用范围 )

fs-crud组件

其他的都交给fs-crud
具体fs-crud需要哪些参数,请查看fs-crud组件的参数文档