Download the PHP package ferdinandfrank/vue-forms without Composer
On this page you can find all versions of the php package ferdinandfrank/vue-forms. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Informations about the package vue-forms
Vue.js Forms
Warning: This package is not maintained anymore!
This package provides a collection of Vue.js form and input components to create pretty and easy ajax requests on a Laravel application.
Full documentation: https://ferdinandfrank.github.io/vue-forms/
Example
HTML form with two input components which get cleared after the submit. Additionally a success alert message will be shown after the server processed the request.
In your HTML / Blade file:
In your controller method:
Requirements
Server Requirements
- PHP >= 7.0
- An existing >= Laravel 5.4 project
JS Requirements
There are a few requirements of your Laravel application for the package to work properly on the client side.
You can install them by just including the according entries in your package.json
file (see Installation #4).
Mandatory
- Vue.js >= 2.1.10: To render the Vue.js components.
- Lodash >= 4.17.4: For using JS helper functions in the scripts which makes the code cleaner
- MomentJS >= 2.18.1: For date formatting on JS
- JQuery >= 3.1.1: For element selection and ajax requests
Optional
- Bootstrap >= 3.3.7: For the design of the input components
- Sweetalert >= 2.0.4: To show pretty alert / confirm messages
- Tooltip.js >= 1.1.5: To show help texts on the inputs as a pretty tooltip
Optional Requirements
To show a loading icon when a form gets submitted as well as to show a help icon next to the inputs, Font Awesome will be used. Font Awesome need to be installed properly on the application to show these icons. Otherwise the components need to be configured.
The HTML content of the components is designed for the usage with Bootstrap 4. To have a nice design of the inputs out of the box, Bootstrap is required.
Installation
-
To get started, install the package via the Composer package manager:
-
In Laravel >= 5.5 this package registers automatically. For previous Laravel versions add the following entry to your providers array in
config/app.php
: -
Publish the Vue.js components and other scripts to the
resources/assets/vendor/vue-forms
folder, so you can edit and include the package's files within you application's scripts: -
Add the following entries to the
dependencies
array in yourpackage.json
file, if these do not yet exist. The first four are required, the last four (sweetalert, bootstrap-sass, popper.js, tooltip.js) optional (see Optional Requirements). -
Include the main JS within your application's script, e.g., from
resources/assets/js/app.js
copy the following statement: -
Include the main SCSS within your application's script, e.g., from
resources/assets/sass/app.scss
copy the following statement: - Compile your scripts via webpack or any other compiler.
That's it! You can now use the Vue.js components of this package.
Documentation
Click here for the full documentation