Я хотел понять общую архитектуру для разработки одного приложения страницы (в основном через JavaScript)архитектура для применения одной странице (JavaScript)
Скажем, у меня есть страница входа в систему (Usernam/Password) и успешной аутентификации, я я показываю домашнюю страницу. Теперь и экраны входа в систему и на главной странице должны быть частью одной страницы.
Как я могу создать такую страницу?
Это такой широкий вопрос, что все книги могут быть написаны, чтобы ответить на него подробно.
В основном вам нужно использовать AJAX вместо перезагрузки страниц. Вам все равно необходимо подключиться к серверу для проверки подлинности пользователей, но вместо повторной загрузки всей страницы каждый раз, когда вы это делаете, вам необходимо сделать вызов AJAX на ваш сервер и в зависимости от того, был ли вход в систему успешным или не изменил некоторые части содержимого на странице (например, изменение кнопки входа в систему «Сообщение пользователя xxx» и т. д.).
Это один из подходов, но вам необязательно загружать полные/частичные страницы с помощью AJAX. Вы можете иметь все на JavaScript главной страницы и просто загружать данные с помощью JSON или что-то еще. – JJJ
Да @ Juhana, и это в значительной степени то, что я сказал. :) Я никогда не говорил ничего о загрузке полных/частичных страниц с помощью AJAX, не говоря уже о том, что это необходимо. :) Я сказал использовать AJAX для подключения к серверу, а затем для изменения некоторых частей страницы, поэтому я могу только согласиться с вашим комментарием. :) – rsp
Правильно, это была не критика, а дополнительная информация для ОП. – JJJ
Вы можете черпать вдохновение из существующих решений, которые вы можете найти через Интернет:
Я просто добавил проект SourceForge, который может помочь , Я развиваю эту библиотеку уже около года, и я думаю, что она готова к прайм-тайму. Этот проект позволяет вам ссылаться на asp.net MVC из JavaScript.
https://sourceforge.net/projects/peachajax/
Эта библиотека генерирует динамический код JavaScript, чтобы использовать для операций AJAX. Для библиотеки требуется jQuery. Например, если вы используете метод действий в контроллер для работы AJAX, вы можете быстро получить доступ к этому через динамически сгенерированный файл JavaScript следующим образом:
peach.ControllerName.ActionMethodName(parameter1, parameter2, parameter3); // javascript
Отображаемые параметры напрямую связаны с параметрами ActionMethods ,
Настройка функция включает в себя:
Вы можете найти этот бесплатный Single Page App book. Я нашел его, когда я открыл Google Apps для отдельных страниц.
Если вы еще не видели его уже, Джон папа имеет очень популярный курс по проектированию одной страницы приложения на Pluralsight: http://www.pluralsight.com/training/Courses/TableOfContents/single-page-apps-jumpstart
Это требует Pluralsight подписки, но вы можете получить 10-дневную бесплатную пробную версию для подтверждения того, что контент ценен для вас. (Я не связан с Pluralsight, кстати.)
Если вы больше похожи на MVC, я лично использовал chaplinjs.org, который основан на позвоночнике и hbs для одностраничной славы приложения. У меня есть несколько модификаций, чтобы использовать websockets вместо длинных опросов, но он довольно растяжимый, и если вы знакомы с mvc, достаточно легко попасть (вы столкнетесь с большими проблемами с магистралью, чем с Chaplin)
Это слишком широкий вопрос для ответа. Где у вас проблемы? – JJJ
Я просто хотел понять общую архитектуру .... – testndtv
«общая архитектура для проектирования одностраничного приложения» - нет ни одного. Это несколько подходов, которые вы могли бы предпринять. – Quentin