Vue.js ਨਾਲ Laravel ਲਈ ਡਾਇਨਾਮਿਕ ਫਾਰਮ ਬਿਲਡਰ
Vue.js ਨਾਲ Laravel ਲਈ ਡਾਇਨਾਮਿਕ ਫਾਰਮ ਬਿਲਡਰ
ਦੋ-ਪਾਸੜ ਪ੍ਰਮਾਣਿਕਤਾ ਦੀ ਵਰਤੋਂ ਕਰਦਿਆਂ, ਅਸਾਨੀ ਨਾਲ ਸਭ ਤੋਂ ਗੁੰਝਲਦਾਰ ਰੂਪ ਵੀ ਬਣਾਉ,
ਸਪਸ਼ਟ, ਨੇਸਟਡ ਐਲੀਮੈਂਟਸ, ਕੰਡੀਸ਼ਨਲ ਤਰਕ, ਵਿਜ਼ਰਡਸ ਅਤੇ ਹੋਰ ਬਹੁਤ ਕੁਝ.
Laraform ਕਮਿ Communityਨਿਟੀ ਐਡੀਸ਼ਨ (Vue.js)
ਲਾਰਾਫਾਰਮ ਇੱਕ ਪ੍ਰੀਮੀਅਮ ਲਾਇਬ੍ਰੇਰੀ ਹੈ ਜਿਸਦਾ ਉਦੇਸ਼ ਵੈਬ ਡਿਵੈਲਪਰਾਂ ਲਈ ਵਿਸ਼ਵ ਦਾ ਸਰਬੋਤਮ ਫਾਰਮ ਬਿਲਡਰ ਟੂਲ ਬਣਨਾ ਹੈ. ਇਹ ਰੂਪਾਂ ਦੀ ਸਿਰਜਣਾ ਨੂੰ ਮਾਨਕੀਕਰਨ ਦੇ ਕੇ ਸਹਿਯੋਗ ਨੂੰ ਵਧਾਉਂਦਾ ਹੈ ਅਤੇ ਬਹੁਤ ਸਾਰੇ ਦੁਹਰਾਉਣ ਵਾਲੇ ਕੰਮਾਂ ਨੂੰ ਖਤਮ ਕਰਕੇ ਕਾਰਜਕੁਸ਼ਲਤਾ ਵਧਾਉਂਦਾ ਹੈ. Laraform ਇੱਕ ਹਲਕਾ ਕਮਿ Communityਨਿਟੀ ਐਡੀਸ਼ਨ ਅਤੇ ਇੱਕ ਪੂਰਾ ਸੰਸਕਰਣ ਦੇ ਨਾਲ ਆਉਂਦਾ ਹੈ ਜੋ ਸਾਡੀ ਵੈਬਸਾਈਟ ਤੇ ਖਰੀਦਿਆ ਜਾ ਸਕਦਾ ਹੈ.
ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ
Laraform ਦੀਆਂ ਪੂਰੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ:
- ਦੋ-ਪਾਸੜ ਪ੍ਰਮਾਣਿਕਤਾ
- 54 ਲਾਰਵੇਲ ਅਨੁਕੂਲ ਫਰੰਟਐਂਡ ਪ੍ਰਮਾਣਕ
- ਸਪਸ਼ਟ ORM ਸਹਾਇਤਾ
- ਮਲਟੀਪਲ ਫਾਈਲ ਅਪਲੋਡਸ
- 34+ ਬਿਲਟ-ਇਨ ਤੱਤ
- ਨੇਸਟਡ ਤੱਤ
- ਦੁਹਰਾਉਣਯੋਗ ਤੱਤ
- ਅਨੁਵਾਦਯੋਗ ਤੱਤ
- ਸ਼ਰਤ ਵਾਲਾ ਤਰਕ
- ਫਾਰਮ ਸਹਾਇਕ
- ਸਥਾਨਕਕਰਨ
- ਥੀਮਿੰਗ
- ਵਿਸਤਾਰ
ਉਦਾਹਰਣਾਂ
ਬ੍ਰਾਉਜ਼ਰ ਸਹਾਇਤਾ
Laraform ਦਾ ਉਦੇਸ਼ ਨਵੀਨਤਮ ਸੰਸਕਰਣਾਂ ਦਾ ਸਮਰਥਨ ਕਰਨਾ ਹੈ:
- ਗੂਗਲ ਕਰੋਮ
- ਫਾਇਰਫਾਕਸ
- ਐਪਲ ਸਫਾਰੀ
- ਮਾਈਕ੍ਰੋਸਾੱਫਟ ਐਜ
- ਓਪੇਰਾ
- ਸਫਾਰੀ ਆਈਓਐਸ
- ਕ੍ਰੋਮ, ਫਾਇਰਫਾਕਸ ਅਤੇ ਡਿਫੌਲਟ ਬ੍ਰਾਉਜ਼ਰ ਐਂਡਰਾਇਡ
ਇੰਸਟਾਲੇਸ਼ਨ
ਲਾਰਾਫਾਰਮ ਇੱਕ ਪੂਰੀ-ਸਟੈਕ ਲਾਇਬ੍ਰੇਰੀ ਹੈ ਜੋ ਇੱਕ ਵੱਖਰੀ ਫਰੰਟਐਂਡ ਅਤੇ ਬੈਕਐਂਡ ਲਾਇਬ੍ਰੇਰੀ ਦੇ ਨਾਲ ਆਉਂਦੀ ਹੈ. ਇਹ ਲਾਰਾਫਾਰਮ ਦਾ ਕਮਿ Communityਨਿਟੀ ਐਡੀਸ਼ਨ ਸਥਾਪਤ ਕਰੇਗਾ. ਕਿਰਪਾ ਕਰਕੇ ਪੂਰੇ ਪੈਕੇਜ ਲਈ ਸਾਡੀ ਵੈਬਸਾਈਟ ਵੇਖੋ .
Vue.js ਲਈ ਫਰੰਟਐਂਡ ਲਾਇਬ੍ਰੇਰੀ ਸਥਾਪਤ ਕਰੋ:
npm i laraform --save ਇਹ ਸੁਨਿਸ਼ਚਿਤ ਕਰੋ ਕਿ ਤੁਹਾਡੇ ਕੋਲ ਹੇਠਾਂ ਦਿੱਤੀ ਪੀਅਰ ਨਿਰਭਰਤਾ ਸਥਾਪਤ ਹੈ:
npm i axios lodash moment vue --save Laravel ਲਈ ਬੈਕਐਂਡ ਲਾਇਬ੍ਰੇਰੀ ਸਥਾਪਤ ਕਰੋ:
composer require laraform/laraform-laravel ਸੰਪਤੀਆਂ ਪ੍ਰਕਾਸ਼ਤ ਕਰੋ:
php artisan vendor:publish ਜਦੋਂ ਪੁੱਛਿਆ ਜਾਵੇ, ਚੁਣੋ: | _+_ |. ਇਹ | _+_ | 'ਤੇ ਇੱਕ ਸੰਰਚਨਾ ਫਾਈਲ ਪ੍ਰਕਾਸ਼ਤ ਕਰੇਗਾ.
ਉਪਯੋਗਤਾ
| _+_ | ਤੇ ਇੱਕ ਫਾਰਮ ਬਣਾਉ:
LaraformLaraformServiceProvider| _+_ | ਵਿੱਚ ਵੇਖਣ ਲਈ ਫਾਰਮ ਪਾਸ ਕਰੋ | _+_ | ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਫੰਕਸ਼ਨ:
config/laraform.php| _+_ | ਵਿੱਚ ਦ੍ਰਿਸ਼ ਵਿੱਚ ਰੈਂਡਰਿੰਗ ਸੈਟ ਅਪ ਕਰੋ:
appFormsFirstForm.phpਸ਼ਾਮਲ ਕਰੋ | _+_ | ਵਿੱਚ | _+_ |
[ 'type' => 'text', 'label' => 'Hello', 'default' => 'World' ] ]; } } | _+_ | ਵਿੱਚ ਥੀਮ ਆਯਾਤ ਕਰੋ:
routes/web.phpਜੇ ਤੁਸੀਂ ਇੱਕ CSS ਫਰੇਮਵਰਕ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਯੋਜਨਾ ਬਣਾ ਰਹੇ ਹੋ, ਜਿਵੇਂ ਕਿ ਬੂਟਸਟ੍ਰੈਪ, ਯਕੀਨੀ ਬਣਾਉ ਕਿ ਤੁਸੀਂ ਇਸ ਦੀ ਥੀਮ ਫਾਈਲ ਸ਼ਾਮਲ ਕੀਤੀ ਹੈ ਪਹਿਲਾਂ ਲਾਰਾਫਾਰਮ ਦਾ ਥੀਮ, ਤਾਂ ਜੋ ਲਾਰਾਫਾਰਮ ਸੀਐਸਐਸ ਫਰੇਮਵਰਕ ਦੇ ਵੇਰੀਏਬਲਸ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕੇ.
ਬੂਟਸਟ੍ਰੈਪ 4 ਦੇ ਮਾਮਲੇ ਵਿੱਚ ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਣਾ ਚਾਹੀਦਾ ਹੈ:
app()Laraform ਵਰਤਮਾਨ ਵਿੱਚ ਬੂਟਸਟ੍ਰੈਪ 3 ਅਤੇ ਬੂਟਸਟ੍ਰੈਪ 4 ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ. ਜੇ ਤੁਸੀਂ ਉਨ੍ਹਾਂ ਵਿੱਚੋਂ ਇੱਕ ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੇ ਹੋ ਤਾਂ ਗਲੋਬਲ | _+_ | ਨੂੰ ਬਦਲਣਾ ਵੀ ਯਕੀਨੀ ਬਣਾਉ ਵਿੱਚ | _+_ | ਤੋਂ | _+_ | ਜਾਂ | _+_ |:
Route::get('/', function () { return view('welcome', [ 'form' => app('AppFormsFirstForm') ]); }); ਆਪਣੀਆਂ ਸੰਪਤੀਆਂ ਨੂੰ ਇਸ ਨਾਲ ਕੰਪਾਇਲ ਕਰੋ:
resources/views/welcome.blade.phpਉਦਾਹਰਣ ਦੇ ਲਈ ਆਪਣੀ ਸਾਈਟ ਨੂੰ ਇਸ ਨਾਲ ਲਾਂਚ ਕਰੋ:
ਸੇਵਾ ਬਾਜ਼ਾਰ ਕੀ ਹੈ
getLocale()) }}'> Laravel {!! $form->render() !!} ਹੁਣ ਜੇ ਤੁਸੀਂ ਸਾਈਟ ਨੂੰ ਲੋਡ ਕਰਦੇ ਹੋ ਤਾਂ ਤੁਹਾਨੂੰ ਇੱਕ ਸਿੰਗਲ ਇਨਪੁਟ ਦੇ ਨਾਲ ਇੱਕ ਬਹੁਤ ਹੀ ਸਧਾਰਨ ਰੂਪ ਵੇਖਣਾ ਚਾਹੀਦਾ ਹੈ. ਸਾਡੀ ਜਾਂਚ ਕਰੋ ਦਸਤਾਵੇਜ਼ ਵਧੇਰੇ ਉੱਨਤ ਫਾਰਮ ਕਿਵੇਂ ਬਣਾਏ ਜਾਣ ਬਾਰੇ ਸਿੱਖਣ ਲਈ.
ਤੁਸੀਂ ਡਾਉਨਲੋਡ ਵੀ ਕਰ ਸਕਦੇ ਹੋ ਉਦਾਹਰਣਾਂ ਕਾਰਵਾਈ ਵਿੱਚ ਹੋਰ ਰੂਪ ਦੇਖਣ ਲਈ.
ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਤੁਲਨਾ
| ਪੂਰਾ ਵਰਜਨ | ਕਮਿ Communityਨਿਟੀ ਐਡੀਸ਼ਨ | |
|---|---|---|
| ਬੈਕਐਂਡ ਸਹਾਇਤਾ | ✔ | ✔ |
| ਤੱਤ | ਸਾਰੇ | ਚੈਕਬਾਕਸ, ਚੈਕਬਾਕਸ ਸਮੂਹ, ਲੁਕਿਆ ਹੋਇਆ, ਕੁੰਜੀ, ਮੈਟਾ, ਮਲਟੀਸਾਈਕਲੇਟ (ਨੇਟਿਵ), ਪਾਸਵਰਡ, ਰੇਡੀਓ, ਰੇਡੀਓ ਸਮੂਹ, ਸਥਿਰ, ਟੈਕਸਟੀਰੀਆ, ਟੈਕਸਟ |
| ਫਾਈਲ ਅਪਲੋਡਸ | ✔ | - |
| ਨੇਸਟਡ ਤੱਤ | ✔ | - |
| ਪਸੰਦੀਦਾ ਤੱਤ | ✔ | ✔ |
| ਅਨੁਵਾਦਯੋਗ ਤੱਤ | ✔ | - |
| ਸਥਾਨਕਕਰਨ | ✔ | ✔ |
| ਪਸੰਦੀਦਾ ਸਥਾਨ | ✔ | ✔ |
| ਪ੍ਰਮਾਣਿਕਤਾ | ✔ | ✔ |
| ਪ੍ਰਮਾਣਿਕਤਾ ਨਿਯਮ | ਸਾਰੇ | ਸਵੀਕਾਰ ਕੀਤਾ ਗਿਆ, ਅਲਫ਼ਾ, ਅਲਫ਼ਾ_ਡੈਸ਼, ਅਲਫ਼ਾ_ਨਮ, ਵਿਚਕਾਰ, ਬੂਲੀਅਨ, ਅੰਕ, ਅੰਕਾਂ_ ਵਿਚਕਾਰ, ਈਮੇਲ, ਭਰਿਆ, ਵਿੱਚ, ਪੂਰਨ ਅੰਕ, ਆਈਪੀ, ਆਈਪੀਵੀ 4, ਆਈਪੀਵੀ 6, ਜੇਸਨ, ਅਧਿਕਤਮ, ਮਿਨ, ਨਾਟ_ਇਨ, ਨਾਟ_ਰੇਜੇਕਸ, ਅੰਕੀ, ਰੇਜੈਕਸ, ਲੋੜੀਂਦਾ, ਆਕਾਰ, ਸਤਰ ਸਮਾਂ ਖੇਤਰ, url, uuid |
| ਪਸੰਦੀਦਾ ਨਿਯਮ | ✔ | ✔ |
| ਸ਼ਰਤਾਂ | ✔ | - |
| ਟੈਬਸ | ✔ | - |
| ਸਹਾਇਕ | ✔ | - |
| ਇਵੈਂਟਸ ਅਤੇ ਹੁੱਕਸ | ✔ | ✔ |
| ਬਟਨ | ✔ | ✔ |
| ਥੀਮ | ਸਾਰੇ | ਸਾਰੇ |
| ਪਸੰਦੀਦਾ ਥੀਮ | ✔ | - |
| ਪਸੰਦੀਦਾ ਸਟਾਈਲ | ✔ | ✔ |
| ਪਸੰਦੀਦਾ ਖਾਕਾ | ✔ | ✔ |
| ਕੋਡ ਵੰਡਣਾ | ✔ | - |
| ਪੂਰਾ ਸੰਸਕਰਣ ਪ੍ਰਾਪਤ ਕਰੋ | ਕਮਿ Communityਨਿਟੀ ਐਡੀਸ਼ਨ ਅਜ਼ਮਾਓ |
ਦਸਤਾਵੇਜ਼ੀਕਰਨ
ਇੱਕ ਸੰਪੂਰਨ ਡਿਵੈਲਪਰ ਗਾਈਡ ਅਤੇ API ਹਵਾਲਾ Laraform ਵੈਬਸਾਈਟ ਤੇ ਉਪਲਬਧ ਹੈ.
ਸਮੱਸਿਆ ਦੀ ਨਿਗਰਾਨੀ
ਲਾਰਾਫਾਰਮ ਅਧਿਕਾਰਤ ਬੱਗ ਟਰੈਕਿੰਗ ਲਈ ਗੀਟਹਬ ਮੁੱਦਿਆਂ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ. ਜਿੰਨਾ ਸੰਭਵ ਹੋ ਸਕੇ ਕੁਸ਼ਲਤਾਪੂਰਵਕ ਬੱਗਾਂ ਦਾ ਸ਼ਿਕਾਰ ਕਰਨ ਵਿੱਚ ਸਾਡੀ ਸਹਾਇਤਾ ਕਰਨ ਲਈ ਕਿਰਪਾ ਕਰਕੇ ਸਾਡੇ ਮੁੱਦੇ ਦੇ ਨਮੂਨੇ ਦੀ ਪਾਲਣਾ ਕਰੋ.
ਸਹਾਇਤਾ ਅਤੇ ਯੋਗਦਾਨ
ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਲੈਰਾਫਾਰਮ ਬਾਰੇ ਕੋਈ ਪ੍ਰਸ਼ਨ ਹਨ ਜਾਂ ਯੋਗਦਾਨ ਪਾਉਣ ਵਿੱਚ ਦਿਲਚਸਪੀ ਹੈ, ਤਾਂ ਕਿਰਪਾ ਕਰਕੇ ਸਾਨੂੰ ਇੱਥੇ ਇੱਕ ਲਾਈਨ ਸੁੱਟੋ [email protected] . ਅਸੀਂ ਫੀਡਬੈਕ ਪ੍ਰਾਪਤ ਕਰਨ ਦੇ ਨਾਲ ਨਾਲ ਸਾਡੀ ਉਤਸ਼ਾਹਜਨਕ ਡਿਵੈਲਪਰ ਟੀਮ ਨੂੰ ਵਧਾਉਣ ਲਈ ਖੁਸ਼ ਹਾਂ.
ਵੇਰਵੇ ਡਾ Downloadਨਲੋਡ ਕਰੋ:
ਲੇਖਕ: laraform
ਡੈਮੋ: https://laraform.io/
ਸੂਤਰ ਸੰਕੇਤਾਵਲੀ: https://github.com/laraform/laraform
#vue #vuejs #javascript