Как сделать личный кабинет самому

Создаем личный кабинет

Здравствуйте, уважаемый посетитель!

В завершении рассмотрения вопросов по разработке системы авторизации создадим личный кабинет, который в нашем случае будет содержать 3 раздела, такие как:

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

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

Поэтому в данной статье на примере «Мои заказы» мы посмотрим, каким образом пользователь личного кабинета может получить интересующую его информацию, причем доступную только для него. И как он может в предназначенные для него данные внести свои изменения.

По остальным двум разделам: «Профиль» и «Добавить заказ» подробного рассмотрения приводить здесь не будем, так как они сформированы аналогичным образом. Непосредственно с их кодом можно ознакомиться в исходных файлах сайта в файлах «profile.php» и «add-order.php», расположенных в папке «user» каталога «articles».

Формируем состояние активности кнопок меню Личного кабинета

Ранее при создании системы авторизации мы сформировали кнопки меню личного кабинета со ссылками на его разделы. Эти кнопки на текущий момент имеют три состояния:

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

Для этого в список меню личного кабинета, находящийся в файле «aside.php» папки «blocks» добавим строки PHP-кода с условным оператором if. С помощью которого, при совпадении текущего адреса страницы с заданным пунктом меню, для соответствующего тега li будет применяться отдельный класс, выделяющий его от других элементов (в данном случае «activ-user»).

Личный кабинет

Рис.1 фрагмент HTML-кода с активацией кнопок меню личного кабинета

Здесь видно, что при совпадении GET-параметров «rubric» и «page» со значениями адресов страниц личного кабинета (поз.4,7,10), соответствующему тегу li присваивается класс «activ-user» (поз.4,7,10). В противном случае тег li будет использоваться без этого класса (поз.6,9,12).

Что касается назначения свойств CSS для элементов активной кнопки меню (с классом «activ-user»), то для этого достаточно дополнить таблицу стилей соответствующим CSS-кодом.

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

При желании данный фрагмент можно посмотреть во внешней таблице стилей, находящейся в файле main.css, который в свою очередь можно скачать в прилагаемых исходных файлах сайта. В таблице стилей этот фрагмент находится в строках 973÷978.

После того, как мы сделали эти дополнения, авторизуемся на сайте и перейдем на какую-нибудь страницу личного кабинета, как показано на скриншоте (для авторизации будем использовать ранее созданный аккаунт с логином Audi387357 и паролем Z5nC89 ).

Как сделать личный кабинет самому

Рис.2 Активное состояние одного из пунктов меню личного кабинета

Таким образом мы получили нужный результат, а именно: при выборе одного из разделов личного кабинета, соответствующий пункт меню отображается в активном состоянии (в данном случае выбран раздел «Мои заказы»).

О месте расположения контента страниц личного кабинета

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

Как ранее отмечалось, структура данного сайта создана таким образом, что контент для области основного содержания страниц можно размещать, как в базе данных (поле «content» таблицы «url»), так и непосредственно в файлах сайта. Причем контент, размещенный в базе данных, имеет больший приоритет по сравнению с файлами.

Т.е, контент из файла может быть выведен в область основного содержания только в том случае, если соответствующее поле «content» таблицы базы данных «url» пустое. Если же это поле будет чем-то заполнено, то в качестве контента будет использоваться содержимое не файла, а базы данных, извлеченное из поля «content».

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

Более подробно о том как это реализовано, можно посмотреть в статье, где на стадии оформления контента, в разделе «Подготовка к оформлению», был пояснен механизм такого способа работы с областью основного содержания. А также показан добавленный в шаблон главной страницы соответствующий фрагмент кода, обеспечивающий выбор нужного варианта использования контента.

Таким образом, исходя из адреса страниц («/user/profile.html», «/user/order.html» и «/user/add-order.html»), файлы, с которыми мы сейчас будем работать, должны иметь имена «profile.php», «order.php» и «add-order.php», соответственно. И при этом должны находиться в папке «user» каталога «articles».

Нам не раз уже приходилось создавать новые файлы, поэтому сложностей в этом не должно возникнуть. При необходимости, можно посмотреть, как мы это делали на этапе верстки сайта.

На скриншоте показано размещение созданных файлов, предназначенных для работы личного кабинета, которые располагаются в папке «user» каталога «articles» сайта.

Как сделать личный кабинет самому

Рис.3 Вновь созданные файлы личного кабинета

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

Источник

Как зарегистрироваться на Госуслугах: создаем личный кабинет и подтверждаем учетную запись

В современной России без госуслуг никуда.

Как сделать личный кабинет самому

В 2009 году Правительство РФ в рамках программы “Электронная Россия” назначило ряд мероприятий. Среди них была задача предоставить гражданам доступ к государственным услугам в режиме онлайн. Тогда и произошло “рождение” портала госуслуг.

Не нужно бегать по кабинетам или стоять в очереди — все услуги доступны в электронном формате с мобильного телефона или компьютера. Как сделать первые шаги на сайте – я вам расскажу в этой статье.

Что такое Госуслуги

Портал государственных услуг РФ – Госуслуги – всероссийский справочно-информационный сайт. На нем находятся сведения о государственных и муниципальных организациях России с перечнем услуг, которые они предоставляют. Также зарегистрированный пользователь может подать электронную заявку на услугу или онлайн оплатить штраф и счет по квитанции ЖКХ.

Официальные сайты есть у всех государственных учреждений, но на портале госуслуг они все объединены.

Как сделать личный кабинет самому

Обратиться в госучреждение могут граждане России и иностранные граждане, которые проживают на территории Российской Федерации. Услуги предоставляются как физическим, так и юридическим лицам.

Все государственные услуги сразу не перечислишь. Наиболее востребованные:

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

Процесс оказания услуги можно отследить в реальном времени: получайте смс-сообщения на телефон, письма на электронную почту или просматривайте сведения на сайте.

Уровни учетной записи

Учетная запись (ваш аккаунт на сайте) бывает трех типов: упрощенная, стандартная и подтвержденная.

У каждой учетной записи свой способ регистрации и список доступных услуг.

Упрощенная. Облегченная версия регистрации – отнимает пару минут. Достаточно указать ФИО, номер телефона и адрес электронной почты. Но и доступ к госуслугам будет ограниченным: оплата штрафов, справочная информация, подача заявки на копии ряда документов.

Стандартная. Для этой записи понадобятся паспортные данные и СНИЛС. Информацию нужно заполнить и отправить на проверку в МВД или Пенсионный фонд. Как только станут известны результаты проверки, к вам на почту придет уведомление.

Стандартный статус открывает доступ к большему числу услуг. Но чтобы пользоваться всеми возможностями портала – перейдите на следующую ступень.

Подтвержденная. Учетная запись с максимальным списком услуг и полным доступом к ним. Также с ее помощью можно зарегистрировать юридическое лицо.

Воспользоваться можно одним из 4 инструментов для ее получения:

Более весомая услуга – выше требования к учетной записи. Такие условия необходимы, чтобы точно знать, что вы реальный человек.

Как зарегистрироваться в госуслугах: пошаговая инструкция

Зарегистрироваться на портале можно 3 способами. Они отличаются не только сервисами для регистрации, но и уровнями учетной записи.

Регистрация через веб-версию или приложение своего банка

Этот способ позволяет дистанционно получить сразу подтвержденную учетную запись. Для этого нужно перейти в приложение или на сайт банка, которым вы пользуетесь. Предположим, вы клиент Сбербанка.

Зайдите в приложение Сбербанк Онлайн. На главной странице в правом нижнем углу найдите “Каталог”. Кликните на него.

Как сделать личный кабинет самому

Листайте вниз до рубрики “Услуги”. Выберите “Регистрация на Госуслугах” и кликните на нее.

Как сделать личный кабинет самому

Или воспользуйтесь поисковой строкой вверху главной страницы. Напишите в ней “зарегистрироваться на Госуслугах”.

Как сделать личный кабинет самому

Появится функция регистрации. Кликните на нее.

Как сделать личный кабинет самому

Выбрали вы первый или второй вариант – в любом случае появится окно. Внизу найдите кнопку “Зарегистрироваться” и нажмите на нее.

Как сделать личный кабинет самому

Проверьте свои данные: ФИО, серию и номер паспорта, номер телефона. Если информация изменилась – впишите новую. Для этого нажмите на кнопку “Данные изменились”. Если все верно – кликните “Продолжить”.

Как сделать личный кабинет самому

Заполните данные: номер СНИЛС, код подразделения в паспорте и адрес электронной почты. Нажмите “Продолжить”.

Как сделать личный кабинет самому

Регистрация завершена. После проверки данных вы получите полный доступ к функционалу портала госуслуг.

Как сделать личный кабинет самому

Регистрация на официальном сайте госуслуг

Создать учетную запись можно и на официальном сайте государственных услуг РФ. Для этого следуйте пошаговой инструкции.

Зайдите на портал госуслуг. Найдите кнопку “Зарегистрироваться”. Нажмите на нее.

Как сделать личный кабинет самому

Перед вами появятся пустые поля. Заполните каждое. Обязательно укажите свои фамилию и имя. Можно вписать или мобильный телефон, или адрес электронной почты, или все сразу. Кликните на “Зарегистрироваться”.

Как сделать личный кабинет самому

Если вписывали e-mail – появится просьба проверить почту.

Как сделать личный кабинет самому

Для завершения регистрации нужно нажать на “Подтвердить почту” в письме.

Как сделать личный кабинет самому

Если указывали телефон – на него придет код. Впишите его в пустое поле и нажмите “Продолжить”.

Как сделать личный кабинет самому

Как сделать личный кабинет самому

Поставьте галочку рядом с надписью “Я не робот” и нажмите на “Продолжить”.

Как сделать личный кабинет самому

Появится форма для входа. Введите почту или телефон, потом пароль, который придумали, и кликните на “Войти”. Теперь у вас есть упрощенная учетная запись. Хотите стандартную – следуйте дальше.

Как сделать личный кабинет самому

В личном кабинете заполните форму. Если у вас нет отчества, поставьте галочку в квадрат под пустым полем. И отметьте ваш пол.

Как сделать личный кабинет самому

Далее поставьте дату рождения.

Следующие 2 поля оставьте как есть, если вы гражданин России и можете предоставить данные паспорта. В противном случае выберите из списка гражданство и документ, удостоверяющий личность.

Всю остальную информацию надо вписать в соответствующие строчки. Это серия и номер паспорта, кем он выдан, дата выдачи, код подразделения, место рождения и СНИЛС.

Как заполнили – жмите на кнопку “Сохранить”.

Как сделать личный кабинет самому

Данные о вас поступят на проверку в МВД и Пенсионный фонд. Проверка занимает от пары часов до пары дней. Как только информацию о вас проверят – на почту придет уведомление с результатами. В личном кабинете будет подтверждение перевода вашей учетной записи из упрощенной в стандартную.

Как сделать личный кабинет самому

Подтверждение учетной записи

Последний этап – подтверждение личности и создание подтвержденной учетной записи.

Для этого на выбор предлагается 4 варианта:

Чтобы воспользоваться одним из способов – авторизуйтесь и перейдите на главную страницу госуслуг. Там вы увидите информацию о том, что ваша учетная запись не подтверждена. Слова “Подтвердите ее” будут выделены синим. Нажмите на них.

Как сделать личный кабинет самому

Сайт перенаправит вас на страницу с персональными данными. В правом блоке находятся ссылки на способы подтверждения учетной записи.

Как сделать личный кабинет самому

Кликните на синюю кнопку “Найти ближайший центр обслуживания”. Появится карта со строкой поиска наверху, куда можно написать свой город или адрес. Так вы быстро найдете ближайший к вам центр.

Как сделать личный кабинет самому

Результаты поиска можно отфильтровать. Для этого нажмите на кнопку “Фильтры” над строкой поиска. Поставьте, например, галочку рядом с пунктом “Подтверждение личности”. Так вы будете уверены, что центр обслуживания предоставляет эту услугу. Отметку можно поставить и рядом с другими нужными пунктом. Далее кликните на “Применить”.

Как сделать личный кабинет самому

Центры обслуживания можно отобразить и списком. Для этого нажмите на кнопку “Список”. Она находится рядом с “Фильтрами”.

Еще карту можно найти, если пролистать до конца главную страницу сайта. В блоке “Помощь и поддержка” находится пункт “Центры обслуживания”. Кликните на него. А дальше действуйте, как написано выше.

Как сделать личный кабинет самому

Это относится к первому способу подтверждения учетной записи.

Чтобы воспользоваться услугами почты, кликните на ссылку “заказным письмом” под кнопкой “Найти ближайший центр обслуживания”.

На экране появится предупреждение, что подтверждение учетной записи с помощью кода из письма не дает права пользования личным кабинетом налогоплательщика. Ниже – пустое поле. В него вписывайте свой адрес, на который отправят письмо. И нажмите на “Заказать письмо”.

Как сделать личный кабинет самому

Среднее время доставки – 2 недели. Отслеживать путь письма можно на официальном сайте Почты России. Чтобы забрать письмо, надо лично прийти на почту вместе с извещением и паспортом.

В письме будет код подтверждения личности. Его нужно вписать там же, где находилась ссылка “заказным письмом”.

Процедура подтверждения личности через банк идентична регистрации на портале при помощи приложения или веб-версии. Только вместо “Зарегистрироваться” нужно нажать на “Подтвердить”. Все остальные действия смотрите в блоке “Регистрация через веб-версию или приложение своего банка”.

Как сделать личный кабинет самому

Владелец подписи обязательно имеет квалифицированный сертификат с ключом проверки в бумажном или электронном виде. Он предоставляется аккредитованным Минкомсвязи России удостоверяющим центром. Там же выдается и физический носитель ключа. Им может быть токен или смарт-карта.

Для подтверждения личности нажмите на ссылку “Электронной подписи”. Она находится в том же блоке, где и ссылки на другие способы создания подтвержденной учетной записи.

Вас перенаправит на следующую страницу.

Как сделать личный кабинет самому

Вам нужно подсоединить физический носитель ключа к компьютеру и нажать на кнопку “Готово”. Появится информационный блок. В первом пункте найдите ссылку “Plugin для работы с электронной подписью”. Если у вас не установлен этот плагин – нажмите на ссылку, скачайте и установите его.

Как сделать личный кабинет самому

После установки в браузере отобразится уведомление об изменениях. Нажмите на кнопку “Включить расширение”.

Как сделать личный кабинет самому

Все, что вам остается – ввести PIN-код ключа из сертификата и подписать заявление на подтверждение учетной записи. Все это можно сделать на той же странице, куда вас перенаправили после клика на ссылку “Электронной подписи”.

После проверки учетной записи присвоят статус “Подтвержденная”.

Регистрация в центре обслуживания

Там вас не только зарегистрируют, но еще и создадут подтвержденную учетную запись. После этого выдадут логин с паролем и покажут, как зайти на госуслуги.

Адреса центров обслуживания доступны на портале. Как их найти, рассказано в блоке “Подтверждение учетной записи”.

Рекомендую поставить фильтр “Регистрация учетной записи”, потому что не во всех центрах обслуживания предоставляется эта услуга.

Как сделать личный кабинет самому

Чтобы точно обезопасить себя от потери времени, зарегистрируйте аккаунт и внесите в личный кабинет данные паспорта и СНИЛС. Так у учетной записи будет статус “Стандартная”, а сделать ее “Подтвержденной” вам могут в центре обслуживания.

Мобильные приложения

У портала есть и мобильная версия в виде приложения. Оно доступно для Android и iOS. Ссылки для скачивания есть на сайте госуслуг.

Пролистайте вниз главную страницу портала. Найдите блок “Мобильные приложения”, а в нем строчку “Для граждан”. Кликните на нее.

Как сделать личный кабинет самому

Перед вами появятся кнопки “Google Play”, “App Store” и “App Gallery”. Кликните на ту, которая вам подходит.

Как сделать личный кабинет самому

Появится описание приложения, скрины страниц, отзывы и кнопка “Установить”. Нажмите на нее и приложение “Госуслуги” появится на вашем мобильном устройстве.

В приложении есть доступ к основным услугам. Как только вы его откроете – увидите все важные изменения и уведомления на главной странице в хронологическом порядке.

Войти в приложение можно как и на портал – с помощью логина и пароля. А можно по PIN-коду и отпечатку пальца.

Личный кабинет

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

Также к нему можно привязать банковскую карту. Это сэкономит время при оплате штрафов и госпошлин.

Чтобы войти в личный кабинет – авторизуйтесь. На главной странице портала с правой стороны найдите кнопку “Войти”.

Как сделать личный кабинет самому

В появившемся окне будет форма для заполнения логина и пароля. В качестве логина могут выступать номер телефона, электронная почта или СНИЛС. Заполните поля и кликните на “Войти”.

Альтернативным вариантом может быть авторизация с помощью электронной подписи. Для этого нажмите на ссылку “Вход с помощью электронной подписи” в нижней части экрана.

Как сделать личный кабинет самому

Как изменить информацию в личном кабинете

На главной странице госуслуг кликните на свою фамилию в правом верхнем углу.

Как сделать личный кабинет самому

В списке, который появится, найдите разделы “Документы и данные” и “Настройки и безопасность”. В первом находятся основные сведения о вас, ваших детях и транспортных средствах (при наличии). Во втором – контактная информация.

Как сделать личный кабинет самому

Первая вкладка “Документы и данные”. Здесь вы можете поменять и добавить информацию и документы.

Выберите нужный блок и кликните на “Обновить”, “Редактировать” или “Добавить”. Если у вас нет заграничного паспорта, его можно заказать тут же. Для этого нажмите на “Заказать услугу”. После получения можно будет добавить его в перечень.

Как сделать личный кабинет самому

Чтобы поменять паспортные данные – кликните на “Подробнее”. В новой вкладке найдите слева внизу на новой странице “Редактировать” и нажмите на ссылку.

Как сделать личный кабинет самому

Появится форма с основной информацией. Обновили данные – нажмите на “Сохранить”.

Как сделать личный кабинет самому

На главной странице раздела “Документы и данные” с левой стороны находятся вкладки “Семья и дети”, “Транспорт”, “Работа и пенсия”. Там вы тоже можете внести новую и обновить старую информацию.

Как сделать личный кабинет самому

Главное отличие между вкладкой “Личные документы” и всеми остальными состоит в том, что информацию о детях и транспорте не нужно проверять через сервисы МВД и Пенсионный фонд.

Автоматическую проверку проходят:

Следующий раздел – “Настройки и безопасность”. В нем можно изменить контактную информацию и пароль. Для этого нажмите на “Изменить” напротив тех данных, которые надо обновить.

Как сделать личный кабинет самому

После смены номера телефона или адреса электронной почты придет уведомление. Письмо с ссылкой для подтверждения на e-mail действительно 3 дня. Просто кликните на ссылку и почта подтвердится.

Код подтверждения в СМС на телефоне можно использовать только 5 минут. Его нужно вписать в форму, которая появится на экране.

Как сменить пароль

Поставить другой пароль можно там же, в разделе “Настройки и безопасность”. Нажмите на “Изменить” рядом со старым паролем.

Появится форма с пустыми полями. Введите в ней свой старый пароль, затем новый 2 раза. После этого кликните на “Сохранить”.

Как сделать личный кабинет самому

После сохранения на вашу почту придет уведомление о смене пароля.

После того, как вы нажали “Войти” на главной странице сайта, перед вами появилось новое окно. Кликните на “Я не знаю пароль” внизу формы.

Как сделать личный кабинет самому

Введите данные в пустое поле и нажмите “Продолжить”.

Как сделать личный кабинет самому

Появится просьба подтвердить, что вы не робот. Поставьте галочку в пустое окно и кликните на “Продолжить”.

Если вы указали данные паспорта, СНИЛС или ИНН, портал все равно задействует ваш телефон или почту. Выберите удобный для вас способ и нажмите на кнопку в нижней части формы.

Как сделать личный кабинет самому

После этого перейдите по ссылке в письме или введите код из СМС в пустое поле. Кликните на “Продолжить”.

Как сделать личный кабинет самому

Теперь можете придумать новый пароль.

Если авторизоваться не получилось – обратитесь в центр обслуживания вместе с документом, удостоверяющим личность.

Как удалить учетную запись на госуслугах

В разделе “Настройки и безопасность” внизу, под контактными данными, будет ссылка “Удаление учетной записи”. Нажмите на нее.

Как сделать личный кабинет самому

Появится форма с пустым полем и предупреждением о потере всех данных без возможности восстановления. Для подтверждения удаления введите пароль. Потом поставьте галочку рядом с пунктом “Я не робот”. Осталось нажать на кнопку “Удалить учетную запись”.

Как сделать личный кабинет самому

Как только учетная запись удалится, на экране появится уведомление об этом.

Как сделать личный кабинет самому

Важно! Учетную запись и всю информацию из личного кабинета восстановить невозможно. Вы можете только заново зарегистрироваться и еще раз добавить документы на портал.

Заключение

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

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *