logo polydile dile-components

Crud Components

@dile/crud is a package that contains components for easily creating dynamic CRUD systems with a rich user experience.

It is a collection of components designed generically so that adaptable CRUD systems can be created for most web services based on REST APIs.

Please note: this is a work in progress, so frequent changes are to be expected.

How to use the Crud Components

Using the CRUD components provided by this library is as simple as using web components, where you declaratively specify the functionalities you want to implement, directly in the HTML code.

There are components for making simple Ajax connections, forms that automatically submit via Ajax, components for performing insertions, updates, deletions or listings, and even complete CRUD systems. Each component is thoroughly detailed on its documentation page. Additionally, you will find various usage examples for each component to help you better understand how to implement them.

Based on Axios library

The CRUD components in this package are based on a well-known frontend library for making asynchronous connections to web services, called Axios.

You don't need to be familiar with the Axios library, as the CRUD components, especially the `dile-ajax` component, wrap that library.

Each project may require different Axios configurations, so this package is open to various setups to adapt to the needs of each application and web services.

CRUD Configuration

Due to the complexity of operations and the need to adapt to different types of projects, it is important to consider some configuration aspects.

Modules and components in this package

Axios configuration Response Adapter Request Adapter Resource config Actions configuration Ajax Form Ajax Actions Detail Insert Item delete List Update Crud component Crud Single Ajax Select Crud Ajax Switch Image uploader Modal Crud Insert Modal Crud Update Relation Checker