Създаване на уеб страница с XML

Създаване на уеб страница с XML

Използването на XML за генериране на уеб страници позволява на разработчиците да обновяват съдържанието без да променят самите HTML файлове. Вместо статични страници, XML се комбинира със скриптов език (Perl, ASP, PHP и др.), който динамично извлича данните и ги визуализира. Основното предимство е, че едно създадено единствено уеб приложение може да се актуализира всеки ден, като просто замените XML файла.

Стъпка 1 – Създаване на XML файл

Създайте файл news.xml със следната структура:

<doc>
  <item status="publish">The Spanish horses were brought to Santo Domindo square this morning. It was a lovely sight and so many people came out to see them. I brought my girlfriend and her cousin. We had a blast.</item>
  <pic status="publish">img1.jpg</pic>
</doc>

Атрибутът status="publish" указва, че съответният елемент трябва да бъде показан на страницата. Запазете файла като news.xml.

Стъпка 2 – Създаване на Perl CGI скрипт

Следният скрипт отваря news.xml, извлича текста от <item> и името на изображението от <pic>, и ги изобразява в HTML.

#!/usr/bin/perl -w
print "Content-type: text/html\n\n";

open my $fh, '<', 'news.xml' or die "Cannot open news.xml: $!";
my $xml = do { local $/; <$fh> };
close $fh;

my ($item) = $xml =~ /<item\s+status="publish">(.*?)<\/item>/s;
my ($pic)  = $xml =~ /<pic\s+status="publish">(.*?)<\/pic>/s;

print "<h2>Matt's News</h2><hr>\n";
print "<div style='display:flex; align-items:center;'>\n";
print "  <img src='$pic' alt='News image' style='margin-right:15px;'>\n";
print "  <p>$item</p>\n";
print "</div>\n";

Запазете кода като xml_site.cgi и го направете изпълним на сървъра.

Стъпка 3 – Качване на файловете

Качете следните файлове в сървъра:

• news.xml – в директорията, достъпна за CGI скрипта.
• xml_site.cgi – в cgi-bin (или друга CGI директория).
• Изображението img1.jpg – в папка, достъпна за уеб страницата.

Стъпка 4 – Тестване

Отворете браузъра и въведете URL‑то към скрипта, например:

https://www.yourdomain.com/~youruser/cgi-bin/xml_site.cgi

Трябва да видите заглавието Matt's News, хоризонтална линия, изображението и текста от XML‑а.

Стъпка 5 – Добавяне на нов запис

За да покажете нова новина, отворете news.xml и копирайте съществуващия блок, променете атрибутите на status="publish" и актуализирайте съдържанието, например:

<doc>
  <item status="publish">La Nina, our female Fox Terrier, visited the vet today.</item>
  <pic status="publish">img2.jpg</pic>
</doc>

Качете актуализирания news.xml и презаредете страницата – новата новина и снимка ще се покажат автоматично.

Съвети

• Това е базов пример; можете да разширите решението с повече XML полета, CSS за оформление и JavaScript за интерактивност.
• При работа с хиляди записи е препоръчително да генерирате XML‑те динамично (напр. чрез Perl скрипт, който обединява файлове), вместо да копирате‑поставяте ръчно.

Внимание

• Уверете се, че синтаксисът на XML и Perl кода е без грешки – дори една липсваща точка и запетая може да спре изпълнението.