Fast Crud

Overview:

FastCrud (fs) is a configuration-based CRUD development framework based on Vue3. It allows for fast development of CRUD functionality and can be used as the foundation for low-code platforms. It is easy to get started with and highly extensible, with a rich set of examples to help you quickly complete your tasks. The project’s main goal is to implement the fs-crud component to assist in fast CRUD development, rather than focusing on the admin scaffold. You can use FastCrud by directly using the fs-admin example, or integrate it with other open-source admin projects. There is also an admin-starter project available, which integrates FastCrud with some well-selected admin projects to help you quickly get started with CRUD development.

Features:

• Configuration-based CRUD development: FastCrud allows for quick development of CRUD functionality based on configuration, making it suitable for low-code platforms.
• Data dictionary support: With support for local and remote data fetching in combination with selects, FastCrud makes it easy to store value data and display corresponding labels based on dictionaries.
• Rich field types: FastCrud simplifies configuration by automatically generating different form components based on the field type defined in the “column.type” configuration.
• Custom component extension: FastCrud supports extension and customization of components, allowing for the inclusion of custom field types.
• Multiple UI support: FastCrud supports Antdv, Element, and NaiveUI, allowing users to choose their preferred UI framework.

Installation:

To use FastCrud, you will need to have one of the three UI component libraries (Antdv, Element-Plus, or NaiveUI) and other dependencies such as Vue, Vue Router, and Vite installed. Here is an example of how to install FastCrud with Antdv as the UI component library:

1. Install the necessary dependencies:

npm install ant-design-vue@^3.0.0 vue@^3.0.0 vue-router@^4.0.0 vite

2. Install FastCrud:

npm install fast-crud@^1.0.0

3. Import and use FastCrud in your Vue project:

import { createApp } from 'vue';
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
import FastCrud from 'fast-crud';

const app = createApp(App);
app.use(Antd);
app.use(FastCrud);
app.mount('#app');

4. Use FastCrud components in your Vue templates:

<template>
  <FastCrud-Table :columns="columns" :data="data" />
</template>

<script>
export default {
  data() {
    return {
      columns: [
        { title: 'Name', dataIndex: 'name', key: 'name' },
        { title: 'Age', dataIndex: 'age', key: 'age' },
        // ...
      ],
      data: [
        { name: 'John Doe', age: 25 },
        { name: 'Jane Smith', age: 30 },
        // ...
      ],
    };
  },
};
</script>

Please note that this is just an example using Antdv as the UI component library. Similar steps can be followed for other UI libraries.

Summary:

FastCrud is a configuration-based CRUD development framework for Vue3. It provides an easy-to-use and highly extensible solution for quickly developing CRUD functionality. With support for data dictionaries, rich field types, and multiple UI frameworks, FastCrud offers flexibility and efficiency in CRUD development. By integrating it into existing admin projects or using the provided admin-starter, developers can save time and focus on building quality applications.