1. Project Overview

fast-crud

FastCrud (abbreviated as fs) is a configuration-driven CRUD development framework based on Vue3. It enables rapid CRUD development and can serve as the foundation for low-code platforms.
Easy to get started, highly extensible, and packed with examples. It helps you quickly complete repetitive development tasks, leaving more time to relax and chat.

2. Open Source License

Licensed under MIT

3. Screenshots

4. Feature Overview

A configuration-driven CRUD framework featuring super tables, based on vue3/element-plus/antdv/naiveui, for rapid CRUD development. It serves as a low-code foundation framework and includes the FsAdmin management backend scaffold.

Note: The primary goal of this project is to implement the fs-crud component to help developers quickly build CRUD functionality. The admin scaffold is not the main focus of this project.
You can use fast-crud in several ways:

• Use fs-admin directly from the examples. This approach is simple and straightforward.

• Alternatively, use another open-source admin project and integrate fast-crud into it.

• We have also selected several high-quality admin projects and integrated fast-crud into them to create admin-starter, helping you get started quickly.

Features

1. Configuration-Driven CRUD Programming

• Rapidly develop CRUD functionality through CRUD configurations. Can serve as the foundation framework for low-code platforms.

2. Data Dictionary

• Supports both local and remote data retrieval.

• Works with select components to easily meet requirements where stored data uses value values while the corresponding dictionary labels are displayed.

3. Rich Field Types

• Simplify configuration by specifying field types through "column.type".

• Automatically generate different form components based on field types.

• Supports custom field types.

4. Extension Components

Extend functionality through custom components and custom types.

5. Multiple UI Frameworks Supported

Supports Antdv, Element, and NaiveUI. Choose whichever you prefer.

5. Tech Stack

Develop CRUD functionality at lightning speed.

1. Simply write a basic CRUD configuration.

const crudOptions= {
      columns: { // Field configuration
        id: {// ID field
          title: "ID",
          type: "number", // Field type
          column: { width: 50},
          form: { show: false }
        },
        name: { // Name field
          title: "Name",
          type: "text", // Text field type
          search: { show: true } // Show search
        },
        city: { // City field
          title: "City",
          type: "dict-select", // Selection field type
          search: { show: true }, // Show search
          dict: dict({ // Local data dictionary
            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 selection field type
          dict: dict({ // Remote data dictionary
            url: "/dicts/OpenStatusEnum?single"
          })
        }
      }
    }

2. And that's it! A fully functional CRUD interface is ready.

Overwhelmingly positive reviews. Why not give it a try?

Dependency

UI Component Libraries

• Choose one of Antdv 3x, Element-Plus, or NaiveUI.

Based on

• vue

• vitejs

monorepo

FsAdmin

Example Admin Scaffolds

Dependency

• vue

• vue-router

• antdv 3x

• vitejs

• pinia

• purge-icons

Refer to the following projects.

• d2-admin

• antdv-pro

• vben-admin

Thanks to these excellent projects.