5 Star 43 Fork 10

fast-crud / fast-crud

Create your Gitee Account
Explore and code with more than 6 million developers,Free private repositories !:)
Sign up
Clone or Download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README_en.md

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/

star GitHub stars

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

lerna

Repository Comments ( 3 )

Sign in for post a comment

About

面向配置的crud框架,基于vue3/element-plus/antdv,快速开发crud功能;远程数据字典,alioss、腾讯云cos、七牛云文件上传、头像裁剪 expand collapse
JavaScript and 6 more languages
MIT
Cancel

Releases (2)

All

Contributors

All

Activities

Load More
can not load any more
1
https://gitee.com/fast-crud/fast-crud.git
git@gitee.com:fast-crud/fast-crud.git
fast-crud
fast-crud
fast-crud
main

Search