Создание проекта и простейшая форма входа для сайта на ASP NET tutorial 3

returnt

04.10.2014

ф1

Прежде создадим проект, запустив среду разработки, мы видим окно приветствия Microsoft Visual Studio. (В нашем случае используется Microsoft Visual Studio 2012)

ф1

В нашем случае нужно выбрать пункт меню //Файл/Создать/Проект// либо нажав сочетание клавиш Ctrl+Shift+N.

ф2

Далее в открывшемся окне выбираем пункт //Веб/Пустое Веб приложение ASP NET// После указываем название проекта и решения, так же при желании можно изменить расположение проекта (по умолчанию проект располагается в директории //~:\документы\visual studio 2012\Projects). Так же можно указать принадлежность к Фреймворку  в нашем случае сайт будет создаваться на версии .NET Framework  4

ф3

В результате мы получим проект, созданный с элементами по дефолту. Самое время приступить к созданию нашей первой странички сайта, это будет страничка входа на сайт и домашняя страница нашего банковского сайта. Сделать это можно следующими шагами: нажав правой кнопкой мыши по нашему решению и выбрав пункт //Добавить/Создать элемент// (либо воспользоваться комбинацией клавиш  Ctrl+Shift+A)

ф4

Теперь самое время приступить к созданию странички. Выбираем //Веб/Форма Web Form// указываем имя создаваемой страницы сайта.

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

ф5

С этим разобрались, приступим к созданию нашей формы! С панели элементов перетаскиваем необходимые контейнеры div которые понадобятся для размещения элементов, теперь поместим таблице сделать это можно выбрав пункт меню //Таблица/Вставить таблицу// Здесь указываем количество столбцов и строк и не забываем что их количество всегда можно отредактировать без особого усилия выбрав там же пункты добавить столбцы или строки.

ф6

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

Создаём слушателя двойным кликом по кнопке в режиме конструктора, среда разработки автоматически генерирует код слушателя события который будет, обрабатывается при клике на кнопку пример в листинге 1.

Листинг 1:

protected void Button1 _Click(object sender, EventArgs e)

        {

 }

Далее приступаем непосредственно к реализации программной логики, пример кода рассмотрено в уроке, приведён в листинге 2 (полный исходный проект урока прикреплён к статье).

         Листинг 2:

protected void Button1 _Click(object sender, EventArgs e)

        {

            if (TextBox1. Text == user)

            {

                if (TextBox1. Text == password)

                {

                    Response.Redirect(«/houm.aspx»);

                }else

                    {

                        Label1.Text = «Ошибка авторизации!»;

                    }

            }

            else {

                Label1.Text = «Ошибка авторизации!»;

            }

        }

Прежде всего объявим переменные которые будут принимать участие в нашей программной логике  а именно String user = «user1»; String passvord = «123456»; Передаём им нужные значения и задаём логику проверки сходства в нашем событии клика по кнопке.

Полный листинг кода приведён в листинге 3.

         Листинг 3:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace test1

{

    public partial class uath : System.Web.UI.Page

    {

        String user = «user1»;

        String passvord = «123456»;

        protected void Page_Load(object sender, EventArgs e)

        {

        }

        protected void Button1 _Click(object sender, EventArgs e)

        {

            if (TextBox1. Text == user)

            {

                if (TextBox1. Text == password)

                {

                    Response.Redirect(«/houm.aspx»);

                }else

                    {

                        Label1.Text = «Ошибка авторизации!»;

                    }

            }

            else {

                Label1.Text = «Ошибка авторизации!»;

            }

        }

    }

}

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

ф7

Исходники к уроку