Перейти к содержимому

Как вывести на сайте информацию

  • автор:

#3 – Вывод информации. Работа с консолью

#3 – Вывод информации. Работа с консолью

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

Видеоурок

Язык JavaScript можно использовать в разных сферах: начиная от сайтов и заканчивая создаем игр ( статья на эту тему ) и приложений ( статья на эту тему ). Мы с вами JS будем рассматривать в контексте разработки веб сайтов. По этой причине весь вывод информации мы будем прописывать на страницах сайта.

Вывод на экран

Для вывода информации существует несколько специальных методов. Самый простой способ вывода текста на страницу является использование метода «write». Данный метод наследуется из объекта document .

// Вывод в одной строке document.write("Вывод информации"); // writeln - будет выведен с пропуском строки document.writeln("Вывод информации");

Вы можете использовать этот метод, но его реализация не столь удобна. Метод «document.write» не позволяет указать где и как будет выведена информация.

Работа с консолью

Для вывода данных в консоль обратитесь к объекту console и его методу «log»:

// Вывод информации в консоль console.log("Какая-либо информация");

Просмотреть консоль можно из любого браузера. Для её открытия нажмите F12 или, если вы используете Mac – Cmd+Opt+J .

Как вывести информацию с другого сайта на своём?

Здравствуйте. Как вывести информацию с другого сайта на своём? На пример, вот рассписание определённого маршрута поездов (ссылка не реклама, гос сайт). Как выводится у себя на сайте, на определённой странице данная информация? Что бы, при изменении информации на источнике — менялась и у меня. Я видел на многих сайтах подобное, но не могу понять как это сделать. Подскажите пожалуйста.

Aliaksandr

Aliaksandr
  • Испытатели
  • Сообщений: 1091

#2 9 октября 2018 в 02:19

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

chameleon9
  • Испытатели
  • Сообщений: 157

#3 9 октября 2018 в 02:23
@chameleon9, а сделать вставкой чужого html кода себе на страницу невозможно?

Aliaksandr

Aliaksandr
  • Испытатели
  • Сообщений: 1091

Сегодня в 16:18

Реклама

#4 9 октября 2018 в 02:26

@chameleon9, а сделать вставкой чужого html кода себе на страницу невозможно?

@Aliaksandr

так фактически это и сделаешь

chameleon9
  • Испытатели
  • Сообщений: 157

#5 9 октября 2018 в 02:40

так фактически это и сделаешь

@chameleon9

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

Aliaksandr

Aliaksandr
  • Испытатели
  • Сообщений: 1091

#6 9 октября 2018 в 06:46
@Aliaksandr, для таких случаев иногда есть раздел Для разработчиков.

Loadырь

Loadырь
  • Тюмень
  • Разработчики
  • Сообщений: 4852

#7 9 октября 2018 в 10:18

Здравствуйте. Как вывести информацию с другого сайта на своём? На пример, вот рассписание определённого маршрута поездов (ссылка не реклама, гос сайт). Как выводится у себя на сайте, на определённой странице данная информация? Что бы, при изменении информации на источнике — менялась и у меня. Я видел на многих сайтах подобное, но не могу понять как это сделать. Подскажите пожалуйста.

@Aliaksandr

Вывод информации из базы данных MySql на веб страницу

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

В этом уроке будем учиться выводить информацию, хранящуюся в базе данных MySql на веб страницу.

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

А также научимся извлекать конкретную запись с учетом запроса пользователя.

Вывод информации из базы данных MySql

Что нам нужно сделать?

1. Мы создадим html файл, в котором будет кнопка для вывода всего списка в цикле и форма для запроса конкретного пользователя из списка.

2. Конкретного пользователя мы будем запрашивать по имени и фамилии (можете запрашивать по имени и e-mail адресу, принцип все равно будет один).

3. В зависимости от того на какую кнопку нажал пользователь (полный список или конкретная запись) будет запускаться соответствующий файл обработчик, который мы также создадим.

4. Файл обработчик будет обрабатывать наш запрос и выводить на экран то, что мы от него потребовали.

1. Итак, создадим новый html файл и назовем его search_user.html Для сохранения будем использовать папку с файлами из прошлого урока “db1” (эту папку Вы можете найти в исходниках к уроку или скачать из исходников прошлого урока. Не забудьте вписывать свои данные в файл connect.php).

Давайте в созданном файле реализуем выбор из двух опций вывода: либо вывести всех пользователей, либо информацию о каком-то конкретном. У нас должно быть две кнопки, каждая будет запускать свой файл обработчик. И еще помимо кнопок нужно два поля, которые будут передавать введенные данные.

Таким образом, код получится следующий:

     Вывод данных   






Добавить пользователя

А выглядеть страница будет вот так:

Помимо формы мы поместили в нее ссылку на файл, через который мы можем добавлять пользователей ( см. предыдущий урок). Это для того, чтобы мы могли перемещаться по веб страницам и с легкостью обращаться к любому файлу.

2. Если Вы нажмете на любую из кнопок, то увидите ошибку. Так и должно быть, потому что еще никаких файлов-обработчиков мы не создали, а только прописали их имена в “action”.

Давайте это исправим и создадим первый файл, который будет искать и выводить пользователя по заданным имени и фамилии.

Создадим файл ‘select_user.php’ и разместим его в том же каталоге, что и html файл.

1. В этом файле мы сначала подключим файл “connect.php” (он обеспечит подключение к базе данных MySql).

2. Затем получим значения введенные в поля и поместим их в переменные “$first_name” и “$last_name”.

3. После сформируем запрос для выбора элементов с заданными параметрами из таблицы базы данных MySql.

4. С помощью функции “mysql_query” исполним этот запрос. В качестве результата эта функция возвращает массив, который мы должны разбить на строки. Делает это специальная функция “mysql_fetch_array”. Результат ее работы мы заносим в переменную “$row”.

5. При помощи конструкции “if – else” мы проверяем есть ли запись с введенными параметрами и если есть, то при помощи функции “printf” выводим на экран результат, подставляя в нужное место вывода каждый из параметров записи. Если записи с заданными параметрами нет, то выводим сообщение о том, что в базе данных отсутствуют записи с такими параметрами.

6. В конце страницы вставляем ссылки для перехода обратно в режим поиска, либо для вставки нового элемента в таблицу базы данных MySql.

Вот код всей вышеописанной процедуры:

     Selected User  Пользователь: " .$row['first_name'] . " " .$row['last_name'] ."

Контактные данные

E-mail: " .$row['email'] . "

Facebook: " .$row['facebook'] . "

---------
); > else
");> ?> Вернуться к поиску

Добавить пользователя

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

Введите сначала существующие параметры – посмотрите результат, потом введите только имя без фамилии (или наоборот), введите несуществующие параметры – протестируйте Ваш скрипт. (Перед тем как начать будьте уверены, что Ваш Денвер запущен).

7. Если Вы поняли принцип того, что мы сделали в файле “select_user.php”, то вывести всех пользователей не составит труда.

Создайте файл “all_users.php” и поместите его в тот же каталог, где лежит файл “search_user.html”.

Отличаем этого файла от предыдущего будет то, что мы не будем передавать никаких параметров из файла “search_user.html”. Мы просто составим запрос к базе данных и попросим вывести все записи из таблицы базы.

А далее вместо конструкции “if – else” мы будем использовать конструкцию “do – while”. Эта конструкция скажет нашей программе выводить записи до тех пор пока они есть в таблице базы. Это и есть вывод данных из базы в цикле.

Итак, пропишите в файле “all_users.php” следующий код:

     Selected User  Пользователь: " .$row['first_name'] . " " .$row['last_name'] ."

Контактные данные

E-mail: " .$row['email'] . "

Facebook: " .$row['facebook'] . "

---------
" ); > while($row = mysql_fetch_array($result)); ?> Вернуться к поиску

Добавить пользователя

Протестируйте кнопку, которая выводит всех пользователей:

Теперь Вы умеете выводить записи из базы данных MySql в цикле и по заданным параметрам. Практическое применение этому Вы найдете практически везде, где речь заходит о php и MySql.

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

Если Вы еще не подписаны на рассылку, обязательно подпишитесь, чтобы не пропустить все самое интересное.

Также жду Ваших комментариев и пожеланий.

Успехов Вам и до встречи в следующем уроке!

Как вывести на рабочий стол информацию с нужного сайта

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

1. Перейдите на Рабочий стол;

2. Нажмите + в правом верхнем углу и выберите iframe;

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

4. Нажмите Сохранить.

Готово, теперь информация с указанного сайта будет отображаться на вашем рабочем столе.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *