私は以下の機能を備えたフレームワークが必要です。 - シンプルなテンプレート - ウェブページ の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>
Vue.jsには軽量で使いやすいものがあります。 LaracastのVue.jsに関するビデオチュートリアルシリーズがあります。 https://laracasts.com/series/learning-vue-step-by-step/ –
モデルを扱うためのコードを書く必要があることを正しく理解していますか? ajaxを使用してjsonでデータを取得し、データを割り当てます。 – changer
Vueには、AJAX https://github.com/vuejs/vue-resourceを扱うためのvue-resourceというライブラリがあります –