2016-10-20 3 views
0

мне нужно рамки со следующими особенностями: - Простой шаблонных - АЯКС загрузки веб-страниц - динамических моделей (так что, когда я обновляю модель, страница изменена) - В браузере проверки данных в формах (это может быть сделано с помощью некоторых другой библиотеки)JS рамки для динамического сайта

Я хочу написать веб-сайт, где пользователь может посетить все страницы без перезагрузки (только один запрос GET для первой загрузки страницы, а затем все страницы получены с помощью AJAX)

Я знаю React.js, но я думаю, что это немного сложно. Сайт веб-сайта Laravel.

Лучшим будет простой учебник по созданию веб-сайта с использованием этой структуры, чтобы я мог понять, подходит ли оно моим потребностям.

Я хочу написать какой-то повторно используемый html, чтобы я мог указать для всех тегов, форм, требуемых параметров ввода, и он автоматически загружается, проверяется и так далее.

Нравится (этот атрибут гарантирует, что клиент видит ошибку проверки перед подачей, атрибут data-integer гарантирует, что пользователь не может ввести somethinh, кроме целого, и так далее). Конечно, это чистая проверка на стороне клиента, сервер также должен ее проверить.

<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 легко и легко. В Laracasts есть серия видеоуроков о Vue.js. https://laracasts.com/series/learning-vue-step-by-step/ –

+0

Правильно ли я понимаю, что мне нужно написать код для работы с моделями? Получите данные в json через ajax и назначьте данные. – changer

+0

Vue имеет библиотеку, называемую vue-resource, для работы с AJAX https://github.com/vuejs/vue-resource –

ответ

1

Хотя это общий вопрос, и с вашей точки зрения на реакцию, думаю, вы должны смотреть на Vue.js, который будет работать отлично с laravel backend.

Смежные вопросы