Періодичне оновлення екрану і заголовка веб-сторінки за допомогою ASP.NET AJAX, Різне, Програмування, статті

Розробники, що використовують ASP.NET AJAX Framework можуть ефективно і інтерактивно отримувати дані від веб-сервера за допомогою клієнтського інтерфейсу програми (API) ASP.NET AJAX, невеликого коду JavaScript і веб-сервісів, які підтримують доступ до скриптів. Стаття про отримання даних з сервера за допомогою веб-сервісів розглядала спосіб створення таких веб-сервісів, а також спосіб виклику їх з програми ASP.NET AJAX. За допомогою невеликого коду JavaScript дана функціональність може бути реалізована для того, щоб надати користувальницький інтерфейс, який періодично оновлюється, представляючи відповідну інформацію користувачеві без необхідності в оновленні браузера.


Уявіть таку ситуацію: ви створюєте веб-сайт, який служить зовнішнім інтерфейсом для роботи з базою даних. База даних містить завдання, призначені співробітникам. Протягом дня нові завдання можуть бути призначені іншими співробітниками, автоматизованими процесами або іншими способами. Коли співробітник авторизирується на сайті, він побачить гіперпосилання, яка перераховує кількість невиконаних завдань в лівому верхньому куті кожної сторінки, і натискання на дану посилання переносить його на сторінку, яка перераховує всі невиконані завдання по черзі. Після виконання одного завдання вона прибирає завдання зі списку невиконаних. У звичайному веб-додатку число невиконаних завдань в лівому куті буде оновлюватися тоді, коли користувач виконає постбек, вручну оновить сторінку або відвідає нову сторінку. Хіба не було б зручніше змусити дане значення кількості невиконаних завдань інтерактивно оновлюватися кожен раз, коли нове завдання буде призначено користувачу і введено в чергу?

Дана стаття розглядає спосіб створення такого інтерактивного інтерфейсу користувача за допомогою ASP.NET AJAX, веб-сервісів, що підтримують скрипти, і кількох рядків коду в JavaScript, побудованих на основі технології, обговореною в статті про отримання даних з сервера використовуючи веб-сервіси. Повний робочий приклад доступний в кінці цієї статті. Читайте далі, щоб дізнатися більше про це!

Дослідження прикладу веб-сайту


Додаток в кінці статті включає в себе приклад, який демонструє розглянутий принцип. Приклад – це дуже просте додаток, що керується даними, яке розроблено таким чином, що дозволяє користувачам авторизуватися, переглянути їх невиконані завдання і позначити завдання як виконане. Програма використовує систему Membership ASP.NET для надання підтримки користувацьких записів, зокрема використовується провайдер SqlMembershipProvider та облікові записи користувачів зберігаються в базі даних ASPNETDB.mdf в каталозі App_Data.

База даних ASPNETDB.mdf також містить таблицю WorkItems, яка має записи для кожного завдання в системі. Як демонструє наступна таблиця, кожен запис WorkItems має унікальний ідентифікатор (WorkItemID), опис (WorkItem), пов’язане з певним користувачем (UserId) і має дату і час додавання і виконання завдання (якщо воно було виконано).




























WorkItems
Назва Тип Даних Опис
WorkItemID int Первинний ключ, IDENTITY
WorkItem nvarchar(50)  
UserId uniqueidentifier Зовнішній ключ до aspnet_Users.UserId
DateAdded datetime Дата / час додавання запису в таблицю
DateCompleted datetime Може бути NULL; коли вказано, то це дата / час завершення завдання

Веб-додаток складається з трьох сторінок:

Сторінка WorkItems.aspx, продемонстрована в наступному малюнку, має кнопку для додавання від одного до п’яти нових завдань, а також два елементи GridView. Верхній елемент GridView відображає завдання (Ті, чиє значення DateCompleted одно NULL) і виконані завдання (ті, чиє значення DateCompleted не дорівнює NULL). GridView з невиконаними завданнями включає в себе в кожному рядку кнопку CLOSE (LinkButton) , При натисканні якої завдання буде закрито шляхом встановлення значення DateCompleted відповідного запису в поточну дату і час.

 


Веселого програмування!

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*