Как организовывать html в одностраничном веб-приложении?

Question

[idclev31]

Возник вопрос,каким образом показывать html контент в одностраничных веб-приложениях?
Например,есть экран регистрации и есть экран непосредственно показа контента,как уместить их в одном index.html?
Можно передавать по json,например,можно скрывать отдельные блоки и открывать их в нужный момент,но так никто не делает(как я понимаю),но никак не могу найти,как это нужно делать правильно.

Answer 1

[Денис Инешин]

Возьмите какой нибудь фреймворк для создания SPA. Например Ember.js
Пройдите по нему коротенький курс, например этот: Warming Up With Ember.js
И многое станет понятным.

Comments

[D']

Я думаю этот курс несколько устарел. В нем используется Ember 1.2.0, когда сейчас релиз 2.0.2.

[Денис Инешин]

D' Normalization: вовсе нет, вряд ли с выходом 2.х у эмбера глобально изменилась концепция. Сущности всё те же самые.

[D']

Денис Инешин: когда я пробовал учить 0.х и затем 1.х - это было как 2 соверешнно разных фрейморвка. Думаю 2.х тоже много поменял. Всё таки смена мажорной версии обычно ломает обратную совместимость.

[Денис Инешин]

D' Normalization: Там написано, что из 1.х перестали поддерживать только deprecated секции.

Answer 2

[Grigruss]

Мне кажется без обработки на сервере нормального решения не получится.

Например,есть экран регистрации и есть экран непосредственно показа контента

Значит контент не должен быть читаем до регистрации, а значит он вообще не должен попадать в браузер ни в каком виде. Только после прохождения регистрации. Минимум два файла, или один но с использованием функционально части на сервере. А в этом случае все очень просто и примеров масса.

Comments

[idclev31]

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

[Grigruss]

На стороне сервера, в повальном большинстве случаев, используется PHP-скрипт, который обрабатывает запросы. Может обработать простой запрос страницы, а может обработать запрос JavaScript. Это уж как захотите и сделаете. Я так понял, у вас используется node.js, поэтому надо порыть документацию и разобраться как обрабатывать запросы.
Я про node.js ничего не знаю, поэтому помочь не смогу.

[littleguga]

idclev31: Посмотрите на структуру данного проекта, например

Answer 3

[Арам Арамян]

Если это именно веб-приложение (а не просто страничка) то вы можете делать AJAX запросы к серверу и получать нужный контент.
Котнтент то всегда можно спрятать внутри , но если этот контент должен показываться только после регистрации/логина, то такое не подходит, т.к. пользователь может просто открыть исходный код страницы и увидеть контент.

Comments

[idclev31]

Да,поэтому контент я передаю с сервера в формате json,а потом встраиваю с помощью jquery,но данный метод занимает довольно много трафика и поэтому мне хотелось бы знать,как принято передавать html

[Арам Арамян]

idclev31: т.е. по-вашему если загружать контент вместе со страницей, то он не будет занимать трафик? Или вам приходится загружать этот контент несколько раз? Если да, то стоит подумать о кэшировании или частичной загрузке.
Для интереса, какой же там объем, что Вы задумались о трафике?

[idclev31]

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