# Creating a Simple CRUD

{% hint style="info" %}
**Notice**: if you need the documentation for **Vue.js** QuickAdminPanel generator, released in 2020, please [click this link](https://helpdocs.quickadminpanel.com/vue.js-generator-version/installing-downloaded-vue-panel). 
{% endhint %}

## **Video version of the tutorial**

{% embed url="<https://www.youtube.com/watch?v=E_8Tp-fjggs>" %}

## **Text + screenshots version**

To create a new CRUD, click **Menus / CRUDs** on the left sidebar, and then **Create CRUD Menu Item** in the center.

![](https://3430351544-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7hdtfDr4t_C1ptQgyo%2F-M7lK-Fqrh1fmzc-hvug%2F-M7nC0QMddQcMfDYKb6A%2FScreen%20Shot%202020-05-20%20at%207.14.24%20PM.png?alt=media\&token=12d19ccb-80ba-4067-a4a8-07279d0d0d21)

You will see a form, like below.

![](https://3430351544-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7hdtfDr4t_C1ptQgyo%2F-M7lK-Fqrh1fmzc-hvug%2F-M7nC_DthtqpuZcsUX7m%2FScreen%20Shot%202020-05-20%20at%208.50.43%20PM.png?alt=media\&token=251838a4-03da-4991-92ee-3c22e05988bf)

On the top you need to enter the CRUD Model name (in singular, like "**Project**" or "**Transaction**"), choose Font Awesome icon and parent menu, if needed.

&#x20;At the bottom, some fields are pre-filled for you: **id**, **timestamps**, **soft-deletes**.

&#x20;To add a new field, click **Add new field** row. You will see this form:

![](https://3430351544-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7hdtfDr4t_C1ptQgyo%2F-M7lK-Fqrh1fmzc-hvug%2F-M7pz_Fed2A5BOq_V02h%2FScreen%20Shot%202020-05-21%20at%209.48.52%20AM.png?alt=media\&token=8b97b16f-e4be-4e3c-8e25-24c1663da115)

There is a dozen of field types, in the most simple **Text** field type you only need to add **Key** and **Label**, and click **Save**.

Every field type has its own settings. For example, if we add another field with **Textarea** field type, we can choose whether to use [CKEditor](https://ckeditor.com/):

![](https://laraveldaily.com/wp-content/uploads/2019/03/create-crud-textarea.png)

After you finish entering all the fields, just click **Save CRUD** at the bottom of the fields.

![](https://laraveldaily.com/wp-content/uploads/2019/03/create-crud-save.png)

Then the code will start generating, and you will see the progress in the left sidebar - when you're able to View or Download new code.

## Table Settings

At the bottom of Create CRUD page, there are three settings for the visual table that will be shown for the list of that DB table:

* NEW! You can enable **column search** (to have input search for each individual column)
* You can modify amount of **entries per page** (default 100)
* You can change **ordering** (default is newest-to-oldest, so "*order by id desc*")

![](https://3430351544-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7hdtfDr4t_C1ptQgyo%2F-M8tYwm2KHvAsejwy2sn%2F-M8tZIiTUqQi_WxHG-FB%2FScreen%20Shot%202020-06-03%20at%2012.44.06%20PM.png?alt=media\&token=890b1725-0db5-45d4-816f-6ea7d33d19c9)

## Additional Options

At the top of CRUD form, there is a link **Show more options** which opens up a few extra settings, which are all enabled by default, but you can disable them.

![](https://3430351544-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M7hdtfDr4t_C1ptQgyo%2F-M7lK-Fqrh1fmzc-hvug%2F-M7q-p5ThDufJQYqKc82%2FScreen%20Shot%202020-05-21%20at%209.54.12%20AM.png?alt=media\&token=a4c341a7-2bf9-4c6f-9ea3-5990e0f1af8d)

Here, you can enable/disable:

* Soft Deletes - read more about them in [Laravel documentation](https://laravel.com/docs/master/eloquent#soft-deleting)
* To generate or not generate API routes/controllers
* What actions are needed for this CRUD - maybe you need only create but not edit form

Also, you may see more options here, depending on the modules you have installed.