Introduction

English | 简体中文

FastCrud is an options-oriented crud development framework based on vue3. It can rapidly develop crud functions and can be used as the basic framework of a low code platform.
It is easy to get started, has strong scalability, and has rich examples so that you can quickly complete the task of moving bricks.

source :Github / Gitee
demo: antdv / element / vben-admin-starter
document：http://fast-crud.docmirror.cn/

Fast crud is currently in alpha, and the API may change The complete redo version of D2CrudPlus based on vue3

Developing crud is as fast as lightning

1、Just write the crud options

const crudOptions= {
      columns: { //field conf
        id: {// id
          title: "ID",
          type: "number", //field type
          column: { width: 50},
          form: { show: false }
        },
        name: { // name field
          title: "name",
          type: "text", //text type field
          search: { show: true } // show search
        },
        city: { // city field
          title: "city",
          type: "dict-select", // select type field
          search: { show: true }, // show search
          dict: dict({ //local dict
            value: "id",
            label: "text",
            data: [
              { id: "sz", text: "shenzhen", color: "success" },
              { id: "gz", text: "guangzhou", color: "primary" },
              { id: "bj", text: "beijing" },
              { id: "wh", text: "wuhan" },
              { id: "sh", text: "shanghai" }
            ]
          })
        },
        radio: {
          title: "status",
          search: { show: true }, //show search
          type: "dict-radio", //radio type field
          dict: dict({ //remote dict
            url: "/dicts/OpenStatusEnum?single"
          })
        }
      }
    }

2、 Get a complete crud

Feature

1. Options-oriented crud programming

• According to the crud options, the crud function can be developed quickly

2. Data dictionary

• Support local and remote dictionaries
• With the help of select, it is easy to store the value in the data, which needs the label of the corresponding dictionary to show the requirements

3. Rich field types

• Simplify the options by configuring the field type column.type
• Different form components are generated automatically according to different field types
• Support custom field type

4. Extends

Extend the custom type by extending the custom component

5. Multi UI support

Support antdv, element, you can use which you like

Getting start

Run demo

git clone https://gitee.com/fast-crud/fast-crud.git
# run antdv demo
cd fast-crud/packages/demo-antdv
# or run element demo
cd fast-crud/packages/demo-element

# run 
npm install  
npm run demo

Dependence on

vitejs

Libaries and demos are build using vitejs

UI library

Antdv
Element-Plus
Choose one of them

monorepo