Блог Йуного Кодера

Парсинг HTML страниц посредством Simple Html DOM

dblog — Sat, 07 Nov 2009 22:44:26 GMT

Если верить Википедии, то парсинг — это синтактический анализ текста. Если применить это определение к web-технологиям, то получается довольно таки полезная штука. Просто напросто мы можем «содрать» нужную нам инфу с нужных сайтов сильно не напрягаясь. И делать это настолько часто, насколько захотим, полностью переложив данную задачу на PHP. Приведу несколько примеров.

Нам необходимо заливать на сайт тематические картинки, относящиеся к любому слову. Тут в помощь нам приходят 2 вещи — это гугл и собственно парсер. Посылаем запрос на http://images.google.ru и запускаем парсер, который сам все за вас сделает.
Допустим, что сайт у нас есть, а вот контента — кот наплакал. Самому забивать нет ни времени ни, может быть фантазии, тогда опять же обращаемся к парсеру. Ищем сайт со статьями нужной нам тематики и нагло сдираем статьи оттуда.

Я уже и не говорю о возможности заполнения своих интернет-магазинов товарами. Хорошо это или плохо скорее вопрос морали, поэтому эту часть повествования я упущу, а приступлю пожалуй к главному.

В парсинге нам очень поможет класс simple_html_dom.php, который можно скачать вот по этой ссылке. Разбирать по косточкам в этой статье я его не буду, а просто покажу как с ним легко и удобно работать.

Попробуем парсить поисковик google. Итак задача — получить top10 ссылок с гугла по запросу... не будем мудрить... «Парсинг». Первый этап. Гуглим что угодно и внимательно смотрим на построение исходного кода полученной страницы. И видим следующее построение:

Это есстественно примерная схема, но то, что нам именно нужно я указал — это заголовок H3 с классом 'r'. Вот с этими элементами мы и будем работать.

Теперь определяемся с URL, который будем парсить. В гугле схема проста: http://www.google.ru/search?q=[слово].

Далее все очень просто. Смотрим код.

 require "include/simple_html_dom.php";
 // Создаем DOM таблицу из URL
 $html = file_get_html('http://www.google.ru/search?q=Парсер');
 
 // Находим нужные нам ссылки по всему полученному документу. И собссна выводим их.
 foreach($html->find('h3.r') as $element)
 echo $element->innertext.';

Не забываем подключать класс парсера. Теперь перейдем к самой интересной строчке: find('h3.r'). Здесь мы указываем, что ищем все заголовки H3 с классом r. Если кто знаком с jQuery, то здесь поиск элементов производится точно так же. Если нет, то вам сюда: http://simplehtmldom.sourceforge.net/

$element->innertext — выводит все то, что находится внутри тега. Теперь небольшой экскурс:

$element->href — значение ссылки
$element->src — чаще всего местоположение картинки
$element-value — значение элемента.

Ну и далее подобным макаром. Если будут вопросы, то милости просим, пишити в комментах, постараюсь ответить как можно быстрее )

Перемены

dblog — Thu, 05 Nov 2009 23:14:00 GMT

Давно не заполнял этот блог. Кризис...

Наступили в жизни перемены. В родном городе ни работы, ни каких бы то ни было проблесков роста. В один прекрасный момент стукнуло в голову мысль собрать вещи и уехать. Собрал и уехал в славный город Екатеринбург. И не пожалел. Жизнь бьет ключем. И даже не всегда гаечным по голове ) Новый город, новая работа, новая квартира (хоть и съемная), новая операционка в конце концов. Вплотную занялся WEB-программированием. Поэтому сейчас будет меньше статей про .NET. Начал правда разбирать MONO, может быть позже напишу кое-какие мысли по этому поводу. В общем встал на дорогу к успеху и процветаю. А вот какая она будет, прямая или окольная с зигзагами покажет время.

PS. Операционка OpenSUSE если кому интересно. Буду кропать статьи и по ней в будущем.

Установка Wi-Fi карточки D-Link DWA-110

dblog — Thu, 05 Nov 2009 22:19:28 GMT

Дано: комп с установленной OpenSUSE 11.0, ноут с XP, сеть (Ethernet), поключенная к компу и точка доступа D-Link DWA-110, подключенная к тому же компу.

Задача: сделать так, что бы заработал интернет на ноуте.

Еще когда на машине стояла винда, при настройке этой карточки я заподозрил неладное. Привел я ее в рабочее состояние только по истечении пяти часов. С родными дровами, она не хотела работать ни в какую. Пришлось ставить какое-то левое ПО, и только после этого она начала подавать признаки жизни. После установки OpenSUSE настройка под винду показалась раем =). Мало того, что я еле нашел родные дрова под Linux, так они еще и не хотели работать с этой карточкой в режиме Ad-hoc. После тщательной прогонки форумов по данной тематике я накнулся на решение настройки через виндовые дрова. Оказалась все крайне просто.

Все действие происходит через утилиту NDISwrapper. Если программа не установленна, то можно ее скачать через YAST из репозитария. Далее необходимо скачать виндовые дрова для карточки, например эти. В дровах ищем файл .inf и в консоле пишем:

ndiswrapper -i Dr71WU.inf (название вашего файла)

Вышеуказанная процедура устанавливает драйвер. Теперь проверьте, установился ли драйвер, командой

ndiswrapper -l

Если все прошло успешно, то должно вывести:

dr71wu : driver installed

device (07D1:3C07) present (alternate driver: rt73usb)

Ну и далее настраиваем нашу карточку через YAST. Более подробную инфу можно найти на оффициальном сайте OpenSUSE.

Работа PHP через Proxy сервер

dblog — Thu, 05 Nov 2009 21:48:05 GMT

Не так давно пришлось создавать парсер для yandex каталога. И практически сразу же столкнулся с проблемой. Yandex не дает делать много запросов с одного IP, не помогла даже функция slep(). Решил я эту проблему, использовав прокси сервера. В этой статье я напишу как можно легко открывать и обрабатывать страницы через proxy.

Допустим нам необходимо открыть некую страницу через прокси сервер. Пусть это будет - http://market.yandex.ru/model.xml?modelid=3882502&hid=91491&int_lnk=p-goods. Рассмотим код:

 $proxy_ip='113.6.255.107';
 $proxy_port=80;
 $host="market.yandex.ru";
 $url="model.xml?modelid=3882502&hid=91491&int_lnk=p-good";
 $url=str_replace(" ", "%20", $url);
 $sock = fsockopen($proxy_ip, $proxy_port, $errno, $errstr, 10);
 if ($sock){
 fwrite($sock, "GET /$url HTTP/1.0\r\n" .
 "Host: $host\r\n" .
 "\r\n");
 while (!feof($sock))$text.=fread($sock, 128);
 fclose($sock);
 echo $text;

Во-первых определяем IP и порт прокси-сервера. Обозначенный выше в свое время работал, но в будущем за него не ручаюсь. Дальше определяем нужный домен и путь к нужной нам странице.

$url=str_replace(" ", "%20", $url);

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

Далее открываем сокет с заданными параметрами. Если все прошло успешно, то в строку HTTP запроса через сокет добавляем данные URL, который нам необходимо открыть, а затем все то, что пришло ответом на запрос полностью считываем в переменную. Затем нам остается только вывести эту переменную и получить на экране нужную страницу. Да, кстати, не забываем закрывать сокет.

Если возникнуть вопросы, пишите в комментах. Постараюсь оперативно ответить =)

Сравнение двух рисунков на C#

dblog — Mon, 27 Apr 2009 19:39:11 GMT

Все знают игру "Найдите 10 отличий?" =)
В этой статье я приведу пример простого движка для нее.

Вносим картинки в PictureBox-ы

Для сравнения изображений внесем их в два подготовленных для этого PictureBox`а с помощью OpenFileDialog. Файл с изображение определим функцией SelectImageFile().

private string SelectImgFile(string initialDirectory)
        {
            OpenFileDialog dialog = new OpenFileDialog();
            dialog.Filter = "bmp files (*.bmp)|*.bmp|All files (*.*)|*.*";
            dialog.InitialDirectory = initialDirectory;
            dialog.Title = "Select image file";
            return (dialog.ShowDialog() == DialogResult.OK) ? dialog.FileName : null;
        }Syhi-подсветка кода

Далее создадим функцию, которая будет размещать нужные картинки в боксы.

public void setImage(PictureBox pbox)
{
       string filename = SelectImgFile("C:/");
       Image img = Image.FromFile(filename);
       pbox.Width = img.Width;
       pbox.Height = img.Height;
       pbox.Image = img;
}Syhi-подсветка кода

То есть тут понятно. Выбираем файл и подгоняем размеры бокса под размеры картинки. Помещать их будем посредством двойного клика, то есть:

private void pictureBox1_DoubleClick(object sender, EventArgs e)
        {
            setImage(pictureBox1);
            pictureBox2.Location = new Point(pictureBox1.Location.X + pictureBox1.Width + 10, pictureBox1.Location.Y);
        }

        private void pictureBox2_DoubleClick(object sender, EventArgs e)
        {
            setImage(pictureBox2);
        }Syhi-подсветка кода

Сравниваем изображения

Механизм сравнения простой. Берем цвет пикселя из одной картинки. Затем берем пиксель с теми же координатами со второй картинки. Сравниваем их. Если цвета одинаковые, то пропускаем его, если же разные, то запоминаем координаты и цвета. Производим эти действия попиксельно и в цикле. Подобное было показано в статье Создание кнопки нестандартной формы.

Для начала создадим класс «измененного» пикселя – nComparePxl с тремя параметрами: координаты пикселя, цвет на первом изображении и цвет на втором изображении.

public class nComparePxl
    {
        private Point pxlPoint;
        private Color pxlColor1;
        private Color pxlColor2;

        public Point PxlPoint
        {
            get { return pxlPoint; }
            set { pxlPoint = value; }
        }
        public Color PxlColor1
        {
            get { return pxlColor1; }
            set { pxlColor1 = value; }
        }
        public Color PxlColor2
        {
            get { return pxlColor2; }
            set { pxlColor2 = value; }
        }
        public nComparePxl() { }

        public nComparePxl(Point pn, Color clr1, Color clr2)
        {
            this.PxlPoint = pn;
            this.PxlColor1 = clr1;
            this.PxlColor2 = clr2;
        }
    }Syhi-подсветка кода

Создадим новый класс, в котором создадим функцию, возвращающую массив всех наших неидентичных пикселей, то есть массив элементов только что созданного класса.

class bmpCompare
    {
        public List(Bitmap bmp1, Bitmap bmp2)
        {
            Listnew List();
            // Пошел цикл попиксельной проверки
            for (int y = 0; y < bmp1.Height; y++)
            {
                for (int x = 0; x < bmp1.Width; x++)
                { 
                    // Если цвета пикселей в одной точке координат не совпадают
                    if (bmp1.GetPixel(x, y) != bmp2.GetPixel(x, y))
                    {
                        nComparePxl ncp = new nComparePxl(new Point(x,y),bmp1.GetPixel(x, y), bmp2.GetPixel(x, y));
                        list.Add(ncp);
                    }
                }
            }
            return list;
        }
    }Syhi-подсветка кода

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

Далее переходим к нашей форме и заводим на ней кнопку, по нажатию которой и будет происходить сравнение.

private void button1_Click(object sender, EventArgs e)
        {
            if (pictureBox1.Image != null && pictureBox2.Image != null)
            {
                bmpCompare bc = new bmpCompare();
                Bitmap bmp1 = new Bitmap(pictureBox1.Image);
                Bitmap bmp2 = new Bitmap(pictureBox2.Image);
                if (bmp1.Width == bmp2.Width && bmp1.Height == bmp2.Height)
                {
                    Listnew List();
                    list = bc.ArrPixelList(bmp1, bmp2);

                    if (list == null)
                        MessageBox.Show("Изображения идентичны");
                    else
                    {
                        for (int i = 0; i < list.Count; i++)
                            Console.WriteLine("X: {0}, Y: {1}, Color1: {2}, Color2: {3}"
                                , list[i].PxlPoint.X, list[i].PxlPoint.Y, list[i].PxlColor1, list[i].PxlColor2);
                    }
                }
                else MessageBox.Show("Заданы разные размеры изображений");
            }
            else MessageBox.Show("Выберите нужные изображения");
        }Syhi-подсветка кода

Во-первых, проверяем, не пустые ли у нас боксы. Дальше создаем 2 Bitmap`а из PictureBox`ов и смотрим на их размеры. Если размеры совпадают, то заводим массив list и вносим в него данные, полученные в предыдущем классе. Для наглядности я вывел эти данные через консоль. Как лучше показать изменения на форме, я пока не придумал, но думаю в будущем что-нибудь да и соображу ). А вообще это дело фантазии.

Скачать исходник

Ошибка svсhost.exe!!!

dblog — Mon, 27 Apr 2009 12:46:51 GMT

Думаю многие, у кого установлена винда, сталкивались с подобной ошибкой:

Не буду рассуждать с чем она связано, ибо не знаю этого сам. Просто расскажу как ее исправить.

Отключаем все антивирусы и файерволы
Отключаем все работающие программы(кроме винды ессно)
Ставим три следующих патча:
WindowsXP-KB921883-x86-RUS.exe
WindowsXP-KB923414-x86-RUS.exe
WindowsXP-KB958644-x86-RUS.exe

P.S. Не забываем после установки каждого патча перезагружаться.

Создание кнопки нестандартной формы.

dblog — Wed, 15 Apr 2009 17:50:21 GMT

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

Возьмем как пример следующее изображение.

Основные принципы:

У нашего стандартного класса Button есть замечательное свойство регион (Region), которое задает область построения контрола. То есть форму, если по-русски. Регион можно построить несколькими способами, но на данный момент буду использовать GraphicsPath.

button.Region = new Region(new GraphicsPath())Syhi-подсветка кода

GraphicsPath – это последовательность соединенных линий и кривых (с) MSDN. В данном случае мы будем последовательно соединять прямоугольники толщиной в 1 пиксель. То есть создадим новый экземпляр класса GraphicsPath и будем толкать туда прямоугольники следующим образом.

Представим увеличенное изображение синего круга на красном фоне:

Сейчас наша задача состоит в том, что бы отсечь все красное, а синие запихнуть в наш GraphicsPath. Для начала определяем цвет, который нам нужно отсечь. Делаем это с помощью функции GetPixel(0,0). Она «запоминает» цвет первого левого пикселя. Дальше создаем 2 цикла, которые будут проверять каждый пиксель справа налево. Если встречается «непрозрачный» пиксель, то запускается следующий цикл, который так же проходит дальше по изображению и считает количество непрозрачных пикселей. Как только он наталкивается на прозрачный, цикл обрывается, и в наш GraphicsPath забивается прямоугольник шириной 1px и длинной в количество найденных пикселей. И так по всей картинке. В итоге мы будем иметь только контур нашего синего круга. И так, мы получили GraphicsPath, сделали из него регион, и обозначили его в кнопку. Осталось только обозначить background нашего контура нужным рисунком (тем же, из которого стряпали регион). В общих чертах все, разберем на нашем примере.

Класс UnStdControl

Создадим класс UnStdControl, в котором и будет лепиться наша кнопка. Создадим в нем для начала функцию, возвращающую GraphicsPath, с входящим параметром в виде Bitmap, в который заключен ваш рисунок:

private static GraphicsPath ControlGraphicsPath(Bitmap bmp)
        { 
            GraphicsPath gp = new GraphicsPath();
            Color transparentColor = bmp.GetPixel(0, 0); 
            int colOpaquePixel = 0;
            for (int row = 0; row < bmp.Height; row++)
            {
                colOpaquePixel = 0;
                for (int col = 0; col < bmp.Width; col++)
                {
                    if (bmp.GetPixel(col, row) != transparentColor)
                    {
                        colOpaquePixel = col;
                        int nextCol = col;
                        for (nextCol = colOpaquePixel; nextCol < bmp.Width; nextCol++)
                            if (bmp.GetPixel(nextCol, row) == transparentColor)
                                break;
                        gp.AddRectangle(new Rectangle(colOpaquePixel, row, nextCol - colOpaquePixel, 1));
                        col = nextCol;
                    }
                }
            }
            return gp;
        }Syhi-подсветка кода

transparentColor – это цвет первого пикселя, который будем считать за прозрачный и впоследствии отсекать.
colOpaquePixel – положение первого попавшегося непрозрачного пикселя по оси X (т.е номер столбца).
Заводим сначала цикл, который будет пробегать все строки сверху вниз (row - строка), затем в нем цикл, который будет в этих строках проверять все столбцы(col). При переводе курсора на новую строку переменная colOpaquePixel обнуляется. В последнем цикле и происходит самое интересное. Если попадается наконец-то непрозрачный пиксель, то переменной colOpaquePixel задается значение положения столбца, заводится новая переменная (nextCol), которая будет считать количество непрозрачных пикселей. Для подсчета создается следующий цикл, который будет переходить от пикселя к пикселю, увеличивая значение nextCol на единицу, пока не упрется в прозрачный пиксель. После этого в наш GraphicsPath добавляется прямоугольник с параметрами:

Координата X: colOpaquePixel – номер столбца первого найденного непрозрачного пикселя
Координата Y: row – номер соответственно строки.
Длинна (width) : разница количества найденных пикселей (nextCol) и номера столбца первого найденного непрозрачного пикселя. Тут необходимо заметить, что переменная nextCol считает количество символов от начала строки до прозрачного пикселя.
Ширина (height): единица.

Далее переводим курсор цикла по столбцам на положение найденного прозрачного пикселя (col = nextCol).По окончанию всех циклов получаем наш контур (GraphicsPath) и возвращаем его.

Теперь создаем функцию, которая будет делать из нашей кнопки нужную нам конфетку. Входящие параметры функции – контрол (кнопка) и Bitmap с нашим рисунком.

public static void CreateControlRegion(Control control, Bitmap bmp)
        {
            control.Width = bmp.Width;
            control.Height = bmp.Height;

            if (control is Button)
            {
                Button button = (Button)control;
                button.Text = "";
                button.BackgroundImage = bmp;
                GraphicsPath gp = ControlGraphicsPath(bmp);
                button.Cursor = Cursors.Hand;
                button.Region = new Region(gp);
            }
        }Syhi-подсветка кода

Для начала кнопке задаем параметры длины и ширины, равных параметрам рисунка. Далее проверяем с кнопкой ли мы собрались работать, если да, то объявляем ее и выставляем новые параметры. Обнуляем текст. Затем фоном ставим нашу картинку, что бы контур был не пустой (вернее не со стандартной картинкой баттона). Объявляем GraphicsPath с помощью описанной выше функции с входящим параметром в виде нашего изображения, указываем нужный вид курсора, и, наконец, задаем регион кнопки с помощью нового GraphicsPath. Все, кнопка готова, осталось только нарисовать ее на форме и преобразить.

Основной класс формы.

В основном классе формы мы для начала объявляем картинку, с которой будем рисовать кнопку:

private Bitmap bmp = new Bitmap("testbtn.bmp");Syhi-подсветка кода

Изображение в данном случае должно находиться в корне папки Debug. Ну и далее применяем все, что было описано выше для отображения нужной кнопки в заданном виде:

UnStdBitmap.CreateControlRegion(button1, bmp);Syhi-подсветка кода

И напоследок...

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

Скачать исходник

C# и XML. Удобный способ хранения данных. Часть вторая

dblog — Fri, 20 Mar 2009 08:15:18 GMT

Уникальный ID.

Вроде основное объяснил. Теперь все же вернемся к нашему айдишнику. Что бы сделать его уникальным, нам нужно что бы в каждой записи он был разным. Для этого делаем следующее: при создании новой записи ищем максимальное значение ID, добавляем к нему единицу и пишем в базу. Если записей в базе еще нет, то присваиваем ID значение 1. То есть у нас получается max(id)++.

copy to clipboardподсветка кода
        private string MaxID(string filepath)  
        {  
            List<int> idList = new List<int>(); // Создаем массив айдишников  
            int id; // отдельно взятый айдишник  
  
            XmlDocument xd = new XmlDocument();  
            FileStream fs = new FileStream(filepath, FileMode.Open);  
            xd.Load(fs);  
            XmlNodeList list = xd.GetElementsByTagName("user");  
  
            // Если в базе есть записи  
            if (list.Count > 0)  
            {  
                for (int i = 0; i < list.Count; i++)  
                {  
                    XmlElement user = (XmlElement)xd.GetElementsByTagName("user")[i];  
                    id = Convert.ToInt32(user.GetAttribute("id")); // Считывае ID  
                    idList.Add(id); // Добавляем его в массив  
                }  
  
                // Ищем собсна максимальное значение.  
                int result = 0;  
                foreach (int j in idList)  
                    if (j > result)  
                        result = j;  
  
                result++; // Добавляем единуцу к максимальному значению  
                fs.Close(); // Закрываем поток  
                return result.ToString(); // Возвращаем результат  
            }  
            else  
            {  
                fs.Close();  
                return "1"; // Возвращаем единицу  
            }  
        }  
int>int>  

Для вычисления максимального значения нам для начала необходимо создать массив из значений ID. Здесь я создаю его с помощью элемента List. Дальше в цикле заполняем его и уже потом ищем максимум. И кстати, необходимо в таком случае немного изменить функцию записи в базу. В самое начало функции вносим переменную, которая будет хранить нужный ID:

copy to clipboardподсветка кода
string id = MaxID(filepath);  

А также

copy to clipboardподсветка кода
user.SetAttribute("id", "1”);  

меняем на

copy to clipboardподсветка кода
user.SetAttribute("id", id);  

Ну и в завершении добавляем функции в обработчики событий нажатий кнопок:

copy to clipboardподсветка кода
private void btnWrite_Click(object sender, EventArgs e)  
{  
    try  
    {  
        WriteToXMLDocument("users.xml", txtWLogin.Text, txtWPassword.Text);  
        MessageBox.Show("Запись добавлена", "Добавление", MessageBoxButtons.OK, MessageBoxIcon.Exclamation);  
    }  
    catch (Exception er)  
    {  
        MessageBox.Show(er.ToString(), "Ошибка", MessageBoxButtons.OK, MessageBoxIcon.Error);  
    }  
}  
  
private void btnRead_Click(object sender, EventArgs e)  
{  
    string pid = txtID.Text;  
    ReadXMLDocument("users.xml", pid);  
}  

Скачать исходник
Первая часть

C# и XML. Удобный способ хранения данных. Часть первая

dblog — Fri, 20 Mar 2009 08:06:06 GMT

Было время, когда я скептически смотрел на возможность хранения данных в XML формате. Но когда рассмотрел подобную возможность более подробно и испробовал в работающих проектах, был приятно удивлен. При должном проектировании, получается довольно неплохая локальная база данных с быстрым доступом. А главное есть возможность установить не сложное взаимодействие с ней посредством C#. Разберем работу C# и XML на примере хранения логинов и паролей.

Создадим интерфейс для ввода логинов и паролей в локальную базу, а так же извлечения оных оттуда. База состоит из трех полей: id записи (id), логин (login) и пароль(password). На форме у нас будет 2 текстовых поля добавления (txtWLogin, txtWPassword), кнопка для добавления (btnWrite), поле для ввода айдишника, по которому будем выводить записи (txtID) и соответственно 2 поля для вывода найденных данных (txtRLogin, txtRPassword.). ID для каждой записи будет уникальным.

Во-первых, не забудем добавить пространства имен XML, IO для работы с XML документами и файлами соответственно:

copy to clipboardподсветка кода
using System.Xml;  
using System.IO;  

Создание документа:

copy to clipboardподсветка кода
private void CreateXMLDocument(string filepath)  
{  
    XmlTextWriter xtw = new XmlTextWriter(filepath, Encoding.UTF32);  
    xtw.WriteStartDocument();  
    xtw.WriteStartElement("users");  
    xtw.WriteEndDocument();  
    xtw.Close();  
}  

Выше описана функция создания нового XML документа с входящим параметром в виде названия файла. В ней мы создаем объект XmlTextWriter, в котором указываем путь к файлу и кодировку документа. Далее создаем заголовок документа (“users”) и с помощью метода Close() закрываем объект. После закрытия, документ автоматически сохраняется. При создании и компиляции проекта данный файл у нас будет находиться в папке Debug (Visual Studio 2005)

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

copy to clipboardподсветка кода
if (!File.Exists("users.xml"))  
                CreateXMLDocument("users.xml");  

Содержание файла у нас должно получиться следующим :

Запись в документ.

copy to clipboardподсветка кода
private void WriteToXMLDocument(string filepath, string name, string pwd)  
{  
    XmlDocument xd = new XmlDocument();  
    FileStream fs = new FileStream(filepath, FileMode.Open);  
    xd.Load(fs);  
  
    // Создаем новую запись USER c аттрибутом следующего id  
    XmlElement user = xd.CreateElement("user");  
    user.SetAttribute("id", “1”);  
  
    // Создаем 2 поля логин и пароль  
    XmlElement login = xd.CreateElement("login");  
    XmlElement pass = xd.CreateElement("password");  
  
    // Создаем 2 записи логина и пароля  
    XmlText tLogin = xd.CreateTextNode(name);  
    XmlText tPassword = xd.CreateTextNode(pwd);  
  
    login.AppendChild(tLogin); // Забиваем значение логина в поле LOGIN  
    pass.AppendChild(tPassword); // Забиваем значение пароля в поле PASSWORD  
      
    // Забиваем поля LOGIN и PASSWORD в запись USER  
    user.AppendChild(login);   
    user.AppendChild(pass);  
  
    // ЗАбиваем запись в документ  
    xd.DocumentElement.AppendChild(user);  
  
    fs.Close();         // Закрываем поток  
    xd.Save(filepath); // Сохраняем файл  
}  

Документ у нас должен состоять из основного объекта со свойством в виде айдишника и его дочерних объектов в виде логина и пароля. Выглядеть он будет так:

copy to clipboardподсветка кода
<users>  
<user id="1">  
<login>hitechlogin>  
<password>qwertypassword>  
user>  
users>  

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

Чтение из документа.

Попробуем вывести запись логина и пароля из документа по ее айдишнику:

copy to clipboardподсветка кода
private void ReadXMLDocument(string filepath, string pid)  
{  
    string name, pwd; // Новые переменные имени и пароля  
  
    // Объявляем и забиваем файл в документ  
    XmlDocument xd = new XmlDocument();  
    FileStream fs = new FileStream(filepath, FileMode.Open);  
    xd.Load(fs);  
  
    XmlNodeList list = xd.GetElementsByTagName("user"); // Создаем и заполняем лист по тегу "user"  
    for (int i = 0; i < list.Count; i++)  
    {  
        XmlElement id = (XmlElement)xd.GetElementsByTagName("user")[i];         // Забиваем id в переменную  
        XmlElement user = (XmlElement)xd.GetElementsByTagName("login")[i];      // Забиваем login в переменную  
        XmlElement pass = (XmlElement)xd.GetElementsByTagName("password")[i];   // Забиваем password в переменную  
          
        if (id.GetAttribute("id") == pid) // Если наткнулся на нужный айдишник  
        {  
            // Вставляем в переменные текст из тегов  
            name = user.InnerText;  
            pwd = pass.InnerText;  
  
            // Заполняем поля на форме  
            txtRLogin.Text = name;  
            txtRPassword.Text = pwd;  
            break;  
        }  
        else  
        {  
            // Чистим поля на форме  
            txtRLogin.Text = "";  
            txtRPassword.Text = "";  
        }  
    }  
    // Закрываем поток  
    fs.Close();  
}  

Итак. Входящие параметры – файл и айдишник, по которому будем искать в базе значения. ID вводится в специальное поле на форме (это если кто забыл). Как и в функции записи создаем объекты XML документа и «файлового» потока. Забиваем файл в документ. Создаем лист нужных нам элементов XML . В данный момент это главные элементы «user» с параметром ID. Далее запускаем цикл, который проверяет все значения ID. Во время цикла программа инициализирует новые элементы XmlElement. В момент, когда цикл натыкается на нужное нам значение айдишника, сразу новым переменным логина и пароля присваиваются найденные значения методом InnerText (находит текст, указанный в данном элементе). И заполняются соответственно поля на форме. Так как ID у нас уникален, программе больше искать нечего и цикл прерывается. Если ничего не находит значения в полях обнуляются. Ну и не забыть закрыть поток.

Вторая часть

Проверяем формы с помощью JavaScript

dblog — Tue, 17 Mar 2009 19:04:29 GMT

При разработке HTML страниц, содержащих формы ввода всегда необходимо помнить, что могут присутствовать поля, неверное заполнение которых может привлечь ошибки на сервере или дальнейшие проблемы с выводом информации. Например, при незаполненном поле LOGIN в страницы регистрации, могут возникнуть большие проблемы при авторизации пользователя.

Один из самых простейших способов проверить корректность ввода данных – это JavaScript. Как известно, HTML документ имеет объектно-ориентированную структуру, а значит, с помощью методов и свойств, мы сможем ссылаться и проверять объекты типа «элементы формы». Разберем это на простом примере заполнения форм для написания комментариев в блог.

В нашей форме будут присутствовать 3 поля ввода: Имя, E-mail, и сам комментарий. А также одна кнопка для подтверждения ввода. Код будет следующим:

 action="" name="contactForm" onsubmit="return checkform(this)">

                       Имя
                        type="text" name="name">
            
                       E-mail
                        type="text" name="email">
            
                       Комментарий
                        type="text" name="comment">
            
 type="submit" value="OK">
Syhi-подсветка кода

Для начала рассмотрим функцию, которая проверяет, что бы абсолютно все поля были заполнены: