Опубликован: 19.03.2014 | Доступ: свободный | Студентов: 329 / 26 | Длительность: 11:36:00
Специальности: Программист
Практическая работа 10:

Разработка WebForm - серверного сценария гибридного мобильного приложения

< Лекция 12 || Практическая работа 10: 123 || Лекция 13 >
Аннотация: На этом занятии разрабатывается небольшой мобильный веб - сайт, принимающий запрос клиента и отвечающий на него.
Ключевые слова: веб-сайт, сервер

Ход выполнения работы:

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

  1. Создайте проект с шаблоном "Пустое веб-приложение ASP.NET". Дайте ему имя, например, "WebApplication_Power".
  2. Добавьте в проект новый элемент "Форма Web Form" и дайте ему имя, например, "MainForm.aspx":

    Окно добавления формы в проект:

  3. Поместите на форму два элемента "TextBox" для ввода данных, кнопку "Button" и элемент "Label" для вывода результата.

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

    Примерное содержимое страницы:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainForm.aspx.cs" Inherits="WebApplication_Power.MainForm" %>
    
    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
        .text {
            width:100%;
            font-family:Garamond;
            text-align:center;
            font-size:xx-large;
        }
        .main {
            top: 50%;
            left: 50%;
            width: 800px;
            height: 500px;
            position: absolute;
            margin-top: -250px;
            margin-left: -400px;
        }
        .tb {
            width:60%;
            margin-left:20%;
            height: 40px;
    	 font-size:xx-large;
        }
        .button {
            width:40%;
            margin-left:30%;
            font-size:xx-large;
        }
        .lbl {
            margin-left:30%;
            font-size:xx-large;
        }
    </style>
    </head>
    <body class="main">
        <form id="form1" runat="server">
            <h1 class="text">Расчет степени</h1>
            <p class="text">Введите число</p>
            <asp:TextBox ID="tbNumb" runat="server" CssClass="tb"></asp:TextBox>
            <br />
            <p class="text">Введите степень</p>
            <asp:TextBox ID="tbPower" runat="server" CssClass="tb"></asp:TextBox>
            <br />
            <asp:Button ID="btnCalc" runat="server" Text="Расчет" CssClass="button"/>
            <br />
            <asp:Label ID="lblResult" runat="server" Text="" CssClass="lbl"></asp:Label>
            <br />
        </form>
    </body>
    </html>
< Лекция 12 || Практическая работа 10: 123 || Лекция 13 >
Дмитрий Белов
Дмитрий Белов

Каким образом можно создать точку останова? Например, если в Лекции 8 в примере, который демонстрирует возможность <canvas> для работы с готовыми изображениями (последний в лекции) в цикле
for (i = 0; i < 3; i++) {
for (j = 0; j < 4; j++) {
sx = 300 * i; sy = 350 * j;
contextNow.drawImage(img, sx, sy);}
поставить точку останова, то при запуске отладки проекта точка становится пустой окружностью с сообщением: В настоящий момент попадание в точку останова не произойдет. Нет загруженных символов для этого документа. Как все-таки создать точку останова и пройти по шагам весь код?