2016-10-20 3 views
0

私は以下の機能を備えたフレームワークが必要です。 - シンプルなテンプレート - ウェブページ のAJAXロード - ダイナミックモデル(私はモデルを更新するとき、ページが変更された) - フォーム内のデータのインブラウザ検証を(これはいくつかの別のライブラリを使用して行うことができます)JSフレームワーク

は、私は、ユーザーがリロードせずにすべてのページを訪問することができ、ウェブサイト、書きたい(最初のページロードのための唯一のGETリクエストをして、すべてのページがAJAXを介して受信されている)

私はReact.jsについて知っていますが、少し複雑だと思います。 ウェブサイトのバックエンドはLaravelです。

ベストは、このフレームワークを使用してウェブサイトを作成するための簡単なチュートリアルですので、私のニーズに合っているかどうかを理解できます。

再利用可能なhtmlを作成して、すべてのタグ、フォーム、必要なパラメータを指定できるようにしたいと思います。自動的に読み込まれ、検証されます。

このように(必須属性は、送信前に検証エラーがクライアントに表示されることを保証します。データ整数属性は、ユーザーが整数以外のものを入力できないことを保証します)。もちろん、それは純粋なクライアント側の検証であり、サーバーもそれを検証する必要があります。

<form data-api='/api/v1/post-form-1' data-result-selector='#id-of-tag-where-result-will-be-written-in-html-on-form-submit'> 
    <input type='text' required> 
</form> 

<form data-api='/api/v1/post-form-2' data-result-selector='#id-of-tag-where-result-will-be-written-in-html-on-form-submit-2'> 
      <input type='text' data-integer=true> 
</form> 
+1

Vue.jsには軽量で使いやすいものがあります。 LaracastのVue.jsに関するビデオチュートリアルシリーズがあります。 https://laracasts.com/series/learning-vue-step-by-step/ –

+0

モデルを扱うためのコードを書く必要があることを正しく理解していますか? ajaxを使用してjsonでデータを取得し、データを割り当てます。 – changer

+0

Vueには、AJAX https://github.com/vuejs/vue-resourceを扱うためのvue-resourceというライブラリがあります –

答えて

1

laravelバックエンドで素晴らしい。

0

このページをご覧ください:それは一般的な質問です、そして反応上の観点から、けれども、あなたが動作しますVue.jsの表情を持つべきだと思う、 http://todomvc.com/

乾杯

関連する問題