Yii2 Как правильно реализовать pjax всего сайта?

Question

[Максим]

Всем привет. В принципе работать с pjax умею, ничего сложного в нем нет. По крайней мере с частью кода. Однако я хочу перевести весь шаблон сайта на pjax, чтобы страницы загружались без перезагрузки страницы.

Блоки располагаются так. Слева меню, по центру контент и справа виджеты. Все стандартно.

Скажите, есть ли смысл запихивать весть сайт в pjax? Используют ли вообще так pjax или он больше для других целей? Где его нужно вставлять, чтобы было правильно и как лучше это делать с использованием такого шаблона?

Comments

[Вячеслав]

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

[Максим]

Вячеслав, благодарю)

[Вячеслав]

Максим Ворожцов, как пример sibcastrol.ru

[Максим]

Вячеслав, ого) не плохо)) Шустро работает) А какие косяки могут быть?

[Вячеслав]

Максим Ворожцов, проблемы с inline-скриптами. проблемы с дублированием ajax-запросов и прочее. будете использоваться - все поймете :)) в целом все решаемо :) вообще есть форки, в которых все это решено, но я хотел использовать именно оригинальный скрипт от разрабов

[Максим]

Вячеслав, понял)))

[Максим]

Вячеслав, а как боролся с inline скриптами?) У меня select2 от картика не работает в pjax)))

[Вячеслав]

Максим Ворожцов,
2 варианта.
1. все скрипты должны быть загружены при первой загрузке сайта.
2. если все же нужен инлайн-скрипт, то есть небольшой хак.
у меня есть app.js всегда, где пишу основные события javascript.
там есть такой скриптик:

jQuery.cachedScript = function(url, options) {
  return jQuery.ajax($.extend( options || {}, {dataType: 'script', cache: true, url: url, async: false}));
};

затем потом на странице, где нужно вызвать инлайн-скрипт прописываю, например, такую конструкцию:

<script type="text/javascript">
				$.cachedScript( 'https://mysite.ru.ru/script.js' ).always(function( script, textStatus ) {
					console.log( textStatus );
					init();
				})
				
				function init() {
					
					...
					
				}
			</script>

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

[Максим]

Вячеслав, благодарю!)))

Answer 1

[Александр Новиков]

В первую очередь при возникновении такого вопроса стоит поинтересоваться - а зачем это вообще делать?

Но оставим этот вопрос висеть в воздухе, ответим на заданные.

Скажите, есть ли смысл запихивать весть сайт в pjax?Используют ли вообще так pjax или он больше для других целей?

Конкретно в pjax - нет. Yiiшный pjax это инструмент для оборачивания одного виджета для обеспечения его работы по ajax. Это даже по полному имени класса заметно - yii\widgets\Pjax Т.е чтобы весь сайт работал через pjax - нужно извратиться и сделать его весь - одним виджетом, пусть и со встроенными в него другими. Роутинг такого виджета станет вашим начным кошмаром, потому что стоковый Yiiшный к такому не готов - да и не должен

где его нужно вставлять, чтобы было правильно и как лучше это делать с использованием такого шаблона?

Если вам ехать, а не шашечки, то чтобы сделать Single page application используйте технологию для этого подходящую. React, Angular, Vue - весь мир современного фронтенда к вашим услугам. Да, не получится сделать это штатными средствами Yii, и не прокачаетесь в Pjax, но зато получите опыт написания Api на Yii (с которым будет работать SPA) и полноценного фронтенда.

Comments

[Максим Тимофеев]

В первую очередь при возникновении такого вопроса стоит поинтересоваться - а зачем это вообще делать?

+1000 в карму

[Максим]

Благодарю за хорошее разъяснение)) Именно это и хотелось услышать)

[Вячеслав]

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

Answer 2

[Максим Тимофеев]

Yii2 Как правильно реализовать pjax всего сайта?

правильно такого не делать