За основу взята утилита массовой проверки ТИЦ и PR реализованная на php и фреймворке jquery. Логика работы изменена, теперь отображаются значения ТИЦ и PR только тех сайтов, которые имеют пузомерки, удовлетворяющие критериям отбора (см. скриншот):

В асинхронном режиме фронт-офисной частью отправляется куча POST запросов на определение тиц и pr, получая которые php скрипт либо возвращает значение пузомерок, если они попадают в указанные диапазоны, либо “-1″, если не в диапазоне или значения определить не удалось. Основной минус, из-за которого я не хочу приводить код, является способ передачи параметров. Как можно наблюдать из скриншота дополнительных параметров аж пять штук – это минимальный тиц (min_tcy) и pr (min_pr), максимальные тиц (max_tcy) и pr (max_pr), а также параметр “и/или” (and_or). Они передаются в скрипт при каждом запросе!!! Конечно это не есть хорошо. Оптимально было бы передать эти параметры один раз, для чего на первый взгляд подошел бы механизм сессий в php. Т.е. при отображении формы мы стартуем сессию, затем при нажатии на кнопку “Отобрать сайты” отсылаем один POST запрос, который установит на сервере четыре сессионные переменные. В функции callback‘е обработке результата этого запроса при успешной установке параметров мы стартуем цикл асинхронного определения пузомерок. Все красиво и на первый взгляд экономит трафик и время, но не стоит забывать, что для идентификации в сессиях используется переменная PHPSESSID (так она называется по умолчанию) длиной 128 бит. Ее обязан возвращать браузер через куки либо дописывая к формам чтобы идентифицировать себя. Вот и получается, что в случае задействования сессий экономии трафика особой то и нет, проще передавать эти параметры с каждым запросом. Я не прав? У кого есть идеи на этот счет – прошу отписаться. Рад буду выслушать любую критику.

Утилита массового отбора сайтов на основе пузомерок в действии

Признаюсь, в сети существует немало реализаций этой задачи, я решил для создать утилиту для личного пользования и поделиться с Вами нюансами ее реализации.

Цель:

Реализовать утилиту на php позволяющую определить тиц и pr списка сайтов, работающую в асинхронном режиме, т.е. запрос на получение тиц и pr очередного сайта отсылается не дожидаясь получения ответа от проверки предыдущего.

Детали реализации:

Утилита состоит из четырех файлов:
index.php – так называемый фронт-офис, содержит элемент <textarea> (id=”sites_list”) куда вводятся url адреса проверяемых сайтов. После нажатия кнопки “Узнать ТИЦ и PR” (id=”process”) выполняется множество ajax запросов к бэк-офисной части и результат отображается в слое ниже (id=”display_results_div”).
tcy_pr.php – бэк-офис, принимает поступающие запросы и возвращает пузомерки.
tcy_pr.class.php – класс, взятый с http://php-developer.ru/ , для получения тиц и pr, его использует tcy_pr.php. Для работы необходима библиотека CURL, которая должна входить в дистрибутив php на хостинге.
styles.css – файл стилей, в нем описаны свойства слоев, используется фронт-офисом index.php

Рассмотрим реализацию фронт-офисной части поподробнее, а точнее той части, которая занимается взаимодействием с сервером по технологии ajax. Вот она:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

<script type="text/javascript">
$(document).ready(function()
{
//Создадим функцию-обработчик, которая вызовется при нажатии на ссылку "Узнать ТИЦ и PR" (у нее id="process")
$('#process').click(function()
	{
	//очистим слой, в который будет выводится результат
	$("#display_results_div").html('');
	//считаем все строки элемента textarea (его id="sites_list") в массив sites
	var sites = $('#sites_list').val().split(/\n/);
	//длину массива в sites_count
	var sites_count = sites.length;
	//вспомогательная итерационная переменная
	var i;
 
	for (i=0;i<sites_count;i++)
		{
		//заносим в слой (его id="display_results_div") отображения результатов слои с именами сайтов и слои для их ТИЦ и PR (пока там размещаем анимированную картинку, сигнализирующую о начале процесса)
		$("#display_results_div").append("<div class='site_name'>"+sites[i]+"</div> <div class='pr' id='l_pr_"+i+"'><img src='ajax_loading.gif'></div> <div class='tcy' id='l_tcy_"+i+"'><img src='ajax_loading.gif'></div><div class='clear'></div>");
		}
 
	for (i=0;i<sites_count;i++)
		{
		//в каждом ajax-запросе отсылает две переменные site - имя сайта и его порядковый номер i 
		$.post(
			"tcy_pr.php", 
			{'site': sites[i], 'i': i}, 
			function(data)
				{
				//выводим полученные от сервера ТИЦ и PR в соответствующих слоях. Внимание - переданная ранее на сервер переменная i помогает идентифицировать сайт и соответствующий ему слой.
				var res = data.split(' ');
				$("#l_pr_"+(res[0])).html(res[1]);
				$("#l_tcy_"+(res[0])).html(res[2]);
				}
		       );
		}
	});
});
</script>

Скрипт, обрабатывающий запросы на сервере и возвращающий пузомерки, будет примерно следующим:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<?php
//подключаем класс для определения тиц и pr
include ("tcy_pr.class.php");
//создаем экземпляр класса
$tcy_pr = new TCY_PR();
 
if ($_POST["site"] == "") 	{ exit();	}
//проверки на корректность данных... кстати можно добавить и свои
if (strtolower(substr($_POST["site"],0,7)) != "http://" )
	{$_POST["site"]="http://".$_POST["site"]; }
$_POST["site"]=htmlspecialchars(trim(strip_tags(stripslashes($_POST["site"]))));
 
//вызов методов непосредственно определения тиц и pr
$pr = $tcy_pr->check_pr($_POST["site"]);
$tcy = $tcy_pr->check_tcy($_POST["site"]);
 
if ($pr == "") {$pr="0";}
if ($tcy == "") {$tcy="0";}
 
//выводим результат
echo($_POST["i"]." ".$pr." ".$tcy);
?>

Описание самого класса (tcy_pr.class.php) приводить не буду, с ним вы можете ознакомиться, скачав скрипт по ссылке в конце поста. Отмечу, что работу утилиты можно сделать “еще более асинхронной” , ведь на данный момент при выполнении каждого запроса к серверу по каждому сайту определяются последовательно ТИЦ и PR, а можно отправлять по каждой пузомерке отдельный запрос! Это я оставляю для домашнего задания.

Скачать утилиту массовой проверки ТИЦ и PR
Утилита массовой проверки ТИЦ и PR в действии

P.S. Как видите оказалось не так сложно было реализовать асинхронное взаимодействие, ведь на самом деле библиотека JQuery работает по-умолчанию в этом режиме. Для лучшего понимания этих процессов советую ознакомиться со статьей jQuery и Ajax: запросы. У меня на сегодня все.

Все прекрасно знают что такое архив постов и зачем он нужен. Мало кто из блоггеров не пользуется им. Архив обычно визуализируется либо как список ссылок (<ul>) с разбиением по месяцам и годам, либо в виде выпадающего меню (<select>), реже но встречаются еще и в виде дерева. Я хочу рассмотреть его реализацию в виде двух выпадающих списков (два <select>). Что бы дальше стало понятно, о чем идет речь – глянем на картинку, на которой продемонстрированы распространенные способы отображения архива и способ предложенный мною (пункт 3):

1-й способ реализуется вызовом функции:

1

<?php wp_get_archives(); ?>

без каких-либо параметров. Генерируется список, где каждая ссылка – архив за определенный месяц. Все красиво и очень наглядно. Минус – со временем количество ссылок увеличивается, приходится лимитировать вывод.

2-й способ реализуется той же самой функцией, но только приправляется тэгами:

1
2
3
4

<select onChange='document.location.href=this.options[this.selectedIndex].value;'>
<option value=""><?php echo('Выбрать месяц'); ?></option>
<?php wp_get_archives('type=monthly&format=option&show_post_count=1'); ?>
</select>

В этом случае передаются параметры: type=monthly – выводить по месяцам, format=option – указывается что архивы будут выводиться как <option> элементы тэга <select>, show_post_count=1 – отображать количество постов в каждом месяце. При выборе нужного месяца и года во всплывающем списке происходит переход на страницу архива. Такое представление очень компактно, но присутствует дублирование по годам (т.е. рядом с каждым месяцем выводится и год, которому он относится).

3-й способ, мой – два выпадающих списка: в одном годы, в другом месяцы, при выборе года динамически (без перезагрузки страницы) подгружаются месяца и количество постов в них.

Цель: Реализуем 3-й способ с помощью библиотеки jquery и оформим его в виде плагина к WordPress.

Детали реализации:
Как подключать jquery я уже рассказывал в статье о вставке ajax формы в любой пост (запись). Исходный код плагина:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80

<?php
/*
Plugin Name: Display archives as two select
Description: Плагин отображает архив постов в виде 2-х раскрывающихся списков выбора
Version: 1.0
Author: Diz
Author URI: http://diz-blog.com.ua/
*/
 
function wp_display_archives_months_list($wp) 	
{
global $wpdb;
$months_list=array(1=>'Январь',2=>'Февраль',3=>'Март',4=>'Апрель',5=>'Май',6=>'Июнь',7=>'Июль',8=>'Август',9=>'Сентябрь',10=>'Октябрь',11=>'Ноябрь',12=>'Декабрь');
 
if (isset($_GET['year']))
	{
	$_GET['year']=(int)$_GET['year'];
	$months_of_archive = $wpdb->get_results("SELECT DISTINCT MONTH ($wpdb->posts.post_date) as `month`, COUNT(*) as `count_of_posts`
		FROM $wpdb->posts WHERE YEAR($wpdb->posts.post_date) = ".$_GET['year']." AND $wpdb->posts.post_status = 'publish' AND $wpdb->posts.post_type = 'post' GROUP BY MONTH ($wpdb->posts.post_date)");
 
	if ($months_of_archive) 
	{
?>
	<select name="months" onChange='document.location.href=this.options[this.selectedIndex].value;'>
	<option value="">Выберите месяц</option>
<?php
	foreach ($months_of_archive as $m_o_a) 
		{ 
?>	<option value="<?php echo(get_month_link($_GET['year'],$m_o_a->month));?>"><?php echo ($months_list[$m_o_a->month]." (".$m_o_a->count_of_posts.")");?></option>
<?php
		} 
?>
	</select>
<?php
	}
 
	die();	
    	}
}
add_action('wp', 'wp_display_archives_months_list');
 
function wp_display_archives_years_list()
{
global $wpdb;
 
$years_of_archive = $wpdb->get_results("SELECT DISTINCT YEAR($wpdb->posts.post_date) as `year` FROM $wpdb->posts WHERE $wpdb->posts.post_status = 'publish' AND $wpdb->posts.post_type = 'post'");
 
if ($years_of_archive) 
	{
?>
<script type="text/javascript">
// <![CDATA[
function get_months_list()  
{
var str = jQuery("#display_archives").serialize(); 
jQuery.get('<?php echo(get_bloginfo('wpurl')); ?>', str, function(data)  { jQuery("#months_div").html(data); });  
//alert('<?php echo(get_bloginfo('wpurl')); ?>');
}
// ]]>
</script>
 
<form id="display_archives">
<div id="years_div" align='center'>
	<select name="year" onChange="if (this.options[this.selectedIndex].value != '') {get_months_list(); return false;}">
	<option value="">Выберите год</option>
<?php
	foreach ($years_of_archive as $y_o_a) 
		{ 
	?><option value="<?php echo ($y_o_a->year);?>"><?php echo ($y_o_a->year);?></option>
<?php
		}
?>
	</select>
</div>
<div id="months_div" align='center'><br></div>
</form>
<?php
	}
}
?>

Разберем некоторые нюансы реализации. Плагин состоит их двух функций: wp_display_archives_months_list() – отображает список месяцев,
wp_display_archives_years_list() – отображает список годов.
После того как посетитель выбрал год, выполняется ajax-запрос методом GET к серверу и управление получает первая функция, которая производит выборку месяцев из базы, согласно указанному году, возвращая их в виде <select>. Браузер получив эти данные, генерирует html-код.

Скачать плагин WP-DISPLAY-ARCHIVES

Инсталляция плагина: Сохраняем архив себе на диск, распаковываем и как обычно – кладем в папку \plugins\, в админке активируем плагин и в шаблоне в нужном месте (я вставил в sidebar.php) помещаем код:

1
2
3
4

<?php 
if ( function_exists('wp_display_archives_years_list') ) 
               {wp_display_archives_years_list(); } 
?>

Ссылки:

• AJAX_in_Plugins
• Wordpress Quick Tricks #01. AJAX и не только