+3 8(066) 185-39-18
fПредмет:
Тип роботи:
Реферат
К-сть сторінок:
31
Мова:
Українська
justify;">blocks. wait. innerHTML = languageData[language]['wait'] + ' ' + time;
time--;
}
}
function init () {
mode = 'rules'
for (var key in selectors)
blocks[key] = $ (selectors[key])
for (var key in fieldSelectors)
fields[key] = $ (fieldSelectors[key])
blocks. nextBtn. addEventListener ('click', nextBtnClick)
blocks. supportBtn. addEventListener ('click', supportBtnClick)
blocks. formData. addEventListener ('keyup', fieldChecker)
blocks. backBtn. addEventListener ('click', backBtnClick)
applyLanguage (language)
waiterLoop ()
blocks. langPanel. addEventListener ('click', applyLanguage)
timerId = setInterval (waiterLoop, 1000) ;
}
function supportBtnClick () {
if (scroll. posY==1) scroll. moveto (scroll. posX, 0)
else {
blocks. supportBlock. style. left = (scroll. posX*blocks. supportBlock. offsetWidth) +'px';
scroll. moveto (scroll. posX, 1) ;
}
}
function send () {
try {
mode=«proc»
blocks. nextBtn. disabled = true
blocks. backBtn. disabled = true
var xmlhttp = getXmlHttp () // Создаём объект XMLHTTP
xmlhttp. open ('POST', scriptAddres, true) // Открываем асинхронное соединение
xmlhttp. setRequestHeader ('Content-Type', 'application/x-www-form-urlencoded') // Отправляем кодировку
//encodeURIComponent
var data = ''
function dataAdd (key, val) {
if (data) data += '&'
data += encodeURIComponent (key) + '=' + encodeURIComponent (val)
}
for (key in fields) {
if (key! ='pass2')
dataAdd (key, fields[key]. value)
}
hide (blocks. procError)
blocks. procError. style. opacity = 0
hide (blocks. procSuccess)
blocks. procSuccess. style. opacity = 0
//xmlhttp. onreadystatechange
xmlhttp. onreadystatechange = function () { // Ждём ответа от сервера
if (xmlhttp. readyState == 4) { // Ответ пришёл
if (xmlhttp. status == 200) { // Сервер вернул код 200 (что хорошо)
hide (blocks. procWaiter)
///////////////////////////////////////////////////////////
//check correct answer
///////////////////////////////////////////////////////////
//xmlhttp. responseText – то что вернул сервер
//к примеру если нам пришло число 30, то считаем что ответ некоректный
if (xmlhttp. responseText! =30)
{
blocks. procSuccess. innerHTML = xmlhttp. responseText
show (blocks. procSuccess)
blocks. procSuccess. style. opacity = 1
} else {
blocks. procError. innerHTML = «Incorrect answer»
show (blocks. procError)
blocks. procError. style. opacity = 1
blocks. backBtn. disabled = false;
}
}
}
if (xmlhttp. status == 0) {
hide (blocks. procWaiter)
blocks. procError. innerHTML = «Server don’t response»
show (blocks. procError)
blocks. procError. style. opacity = 1
blocks. backBtn. disabled = false;
}
}
xmlhttp. send (data) // Отправляем POST-запрос
}
catch (e) {
hide (blocks. procWaiter)
blocks. procError. style. opacity = 0
blocks. procSuccess. style. opacity = 0
hide (blocks. procSuccess)
blocks. procError. innerHTML = «Error: « + e. message
show (blocks. procError)
blocks. procError. style. opacity = 1
blocks. backBtn. disabled = false;
}
}
function nextBtnClick () {
if (scroll. posY==1) scroll. moveto (scroll. posX, 0)
else
if (mode=='rules') {
//check time
mode='fillData'
scroll. moveto (1, 0)
} else if (mode=='fillData') {
if (check ())
{
for (var key in warningCodes)
removeToolTip (fields[key])
mode='confirm'
blocks. confirm. innerHTML = languageData[language]['name'] + ': ' + fields. name. value + '<br>' +
languageData[language]['surname'] + ': ' + fields. surname. value + '<br>' +
languageData[language]['group'] + ': ' + fields. group. value + '<br>' +
languageData[language]['mail'] + ': ' + fields. mail. value + '<br>'
scroll. moveto (2, 0)
} else {
for (var key in warningCodes)
if (warningCodes[key]) addToolTip (fields[key], warningCodes[key])
else removeToolTip (fields[key])
}
} else if (mode=='confirm') {
hide (blocks. procError)
hide (blocks. procSuccess)
show (blocks. procWaiter)
scroll. moveto (3, 0) ;
send ()
}
blocks. stepBar. innerHTML = languageData[language]['step'+ (scroll. posX+1) ]
}
function backBtnClick () {
if (scroll. posY==1) scroll. moveto (scroll. posX, 0)
else
switch (mode) {
case 'rules':
break
case 'fillData':
mode='rules'
scroll. moveto (0, 0)
break
case 'confirm':
mode='fillData'
scroll. moveto (1, 0)
break
case 'proc':
mode='confirm'
scroll. moveto (2, 0)
blocks. nextBtn. disabled = false;
break;
}
blocks. stepBar. innerHTML = languageData[language]['step'+ (scroll. posX+1) ];
}
init () ;
}
window. onload = function () {
scroll = Scroller. init (0, 0, 4, 2, 410, 416, «#scrollerContent»)
//document. querySelector ('#leftBtn'). addEventListener ('click', function () { scroll. left () })
Registration () ;
//document. querySelector ('#botBtn'). addEventListener ('click', function () { scroll. down () })
//document. querySelector ('#topBtn'). addEventListener ('click', function () { scroll. up () })
}
4.4 Випробування програмного продукту
У ході розробки програмного застосування було проведено ряд тестів на віртуальному сервері на якому було встановлене необхідне програмне забезпечення. Після набуття стабільності систему було перенесено на реальних сервер.
Висновки
Даний проект присвячений опису етапів створення системи «Автоматизація реєстрації користувачів». Були розглянуті структурний опис первісних даних системи, запропоновані вигляди веб-сторінки в якості вихідних даних.
Під час створення даного проекту було досягнуто всіх цілей поставлених перед початком розробки.
Перелік посилань
ASP. NET MVC Framework с примерами на C# Стивен Сандерсон.
Pro ASP. NET 3. 5 in C# 2008 Matthew MacDonald and Mario Szpuszta
Learning JavaScript Shelley Powers 2010
Pro JavaScript Techniques John Resig 2009
Пости / ASP. NET / Хабрахабр [Електронний ресурс] / Режим доступу: http://habrahabr.ru/hub/aspnet/posts/