demo-vue-form-builder
demo-vue-form-builder copied to clipboard
Demo Vue Form Builder Usage with Laravel
Demo Vue Form Builder - Usage
With this repo, I'll show you the demo of Form Template & Form GUI.
For the Vue Form Builder, please visit: https://github.com/sethsandaru/vue-form-builder
Also, I will show to you how I will save and retrieve my configurated form template and render for user use it.
All backend code is using Laravel 5.7 (Just need Eloquent to do the job :D)
Most important you need to know
For the guys who didn't use PHP as the Backend, maybe Java, Go, Ruby,... Then you don't have to read all the stuff PHP.
You can simply traverse this list:
- Database Design
- How I handle the Insert / Update:
- Insert:
- Update:
- How I retrieve the Form for Update
- Backend
- Frontend
- How I retrieve the Form for Renderer
- Backend - as same as for update
- Frontend
Dependencies
- PHP 7+
- Composer
- MySQL
Install and test in your local machine
- Clone this project
- CD to the project's root
- Run:
composer installto install dependencies of Laravel - Config your database connection in
.envfile. - Run:
php artisan migrateto create the table. - You can visit
http://your_host/your_folder/publicto test :D
Note: to turn on insert & update form config, you need to:
- Open file:
config/sandaru.php - Set
disable_populateto true (Sorry for this inconvenience, I added this constraint to make sure my Live Demo doesn't have any trash data in there)
Live demo
You can visit my site here: http://vue-form-builder.sethphat.com
Copyright © 2018 by Phat Tran Minh aka Seth Phat.